<!-- 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#5Y5B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&#BB@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@Y777?#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@Y77?#@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#P55B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@@@@@@@@@@&&##BBBBB##&&@@@@@@@@@@@@@@@@@@@@&&##BBBBBB##&&@@@@@@@@@@@@@@&&##BBBBBB##&@@@@@@@@@@@@@@@@@@@@@@@&#BGGGBB&@@@@@&##@@@@@@@@@@@@&#BBGGGGB#&&@@@@@@@@@@@@&#BGGGGBB#&@@@@@@@@@&##&@@@@@@@@@@&#BGGGGBB#&@@@@@&####J77?B&######&@@
@@@@@@@@&BGPPPPPPPPPPPPPGB&@@@@@@@@@@@@@@#BGPPPPPPPPPPPPPPGG&@@@@@@@@#BGPPPPPPPPPPPPPPGB&@@@@@@@@@@@@@@@&G5J7777??77?JYG&G???G@@@@@@@@&GY?777????77??JG@@@@@@@B5J?77????777?J5&@@@@@B??7P@@@@@@&B5J?77????777?JP&@@G7???7777???????7P@@
@@@@@@#GPPPPPPPPPPPPPPPPPPPB&@@@@@@@@@@BGPPPPPPPPPPPPPPPPPPG&@@@@@&BPPPPPPPPPPPPPPPPPPPPPG&@@@@@@@@@@@&5?77?5G##&&#BG5?7?J777P@@@@@@@G?77JPB#&&&&#BG5YB@@@@@#J77?5B#&&&&##GPYP@@@@@@G777P@@@@@#J77?5B#&&&&##GPYP@@@&BBBBJ77?GBBBBBBB&@@
@@@@#GPPPPPPPGB#&&&#BGPPPPPPP#@@@@@@@#GPPPPPPPPGB#&&&##BBGP#@@@@@#PPPPPPPPGB#&&&#BGPPPPPPPPB@@@@@@@@@B?77?G&@@@@@@@@@@&GJ7777P@@@@@@G777Y&@@@@@@@@@@@@@@@@@&J77?B@@@@@@@@@@@@@@@@@@@G777P@@@@&?77?#@@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@@#PPPPPPPG&@@@@@@@@@BPPPPPPP&@@@@@#PPPPPPPPB&@@@@@@@@@@@@@@@@@#PPPPPPPG&@@@@@@@@@&GPPPPPPPB@@@@@@@G?77J#@@@@@@@@@@@@@@&Y777P@@@@@@5777P@@@@@@@@@@@@@@@@@@B777J@@@@@@@@@@@@@@@@@@@@G777P@@@@B777J@@@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@&PPPPPPPG&@@@@@@@@@@@BPPPPPPG@@@@&PPPPPPPP&@@@@@@@@@@@@@@@@@@&PPPPPPPG&@@@@@@@@@@@@GPPPPPPP#@@@@@#?77?#@@@@@@@@@@@@@@@@G777P@@@@@@B?77?G&@@@@@@@@@@@@@@@@&Y777Y#@@@@@@@@@@@@@@@@@@G777P@@@@&J7775#@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@BPPPPPPP#@@&#########GPPPPPPG@@@@BPPPPPPP#@@@@@@@@@@@@@@@@@@@BPPPPPPP#@@@@@@@@@@@@@#PPPPPPPB@@@@@P7775@@@@@@@@@@@@@@@@@P777P@@@@@@@BJ777?YPB&@@@@@@@@@@@@@&5?777J5G#&@@@@@@@@@@@@@G777P@@@@@&5?77?JPG#&@@@@@@@@@@@@@@@J77?#@@@@@@@@@@
@@GPPPPPPP&@@B5PPPPPPPPPPPPPPPP&@@@GPPPPPPP&@@@@@@@@@@@@@@@@@@@GPPPPPPP&@@@@@@@@@@@@@&PPPPPPPG@@@@@Y777B@@@@@@@@@@@@@@@@@P777P@@@@@@@@@#PY?777?JYPB&@@@@@@@@@@&GYJ7777?YPG#@@@@@@@@@G777P@@@@@@@&GYJ7777?YPB#@@@@@@@@@@@J77?#@@@@@@@@@@
@@GPPPPPPP&@@#PGGGGGGGGGGGGGGGB@@@@GPPPPPPP&@@@@@@@@@@@@@@@@@@@GPPPPPPG&@@@@@@@@@@@@@&PPPPPPPG@@@@@J777B@@@@@@@@@@@@@@@@@P777P@@@@@@@@@@@@&#GPY?777?YG@@@@@@@@@@@@#BPYJ?77?JP#@@@@@@G777P@@@@@@@@@@&#BPYJ?77?JP&@@@@@@@@J77?#@@@@@@@@@@
@@GPPPPPPP#@@@@@@@@@@@@@@@@@@@@@@@@BPPPPPPP#@@@@@@@@@@@@@@@@@@@GPPPPPPP&@@@@@@@@@@@@@&PPPPPPPB@@@@@Y777G@@@@@@@@@@@@@@@@@P777P@@@@@@@@@@@@@@@@@&#GJ777J#@@@@@@@@@@@@@@@&B5?77?G@@@@@G777P@@@@@@@@@@@@@@@@&G5?77?G@@@@@@@J77?#@@@@@@@@@@
@@#PPPPPPPP&@@@@@@@@@@@@@@@@@@@@@@@#PPPPPPPG&@@@@@@@@@@@@@@@@@@#PPPPPPPG@@@@@@@@@@@@@GPPPPPPP#@@@@@P777Y@@@@@@@@@@@@@@@@@P777P@@@@@@@@@@@@@@@@@@@@@G?77J&@@@@@@@@@@@@@@@@@#J777B@@@@G777P@@@@@@@@@@@@@@@@@@@#J77?B@@@@@@J77?#@@@@@@@@@@
@@@BPPPPPPPPB&@@@@@@@@@@@@@@@@@@@@@@GPPPPPPPG&@@@@@@@@@@@@@@@@@@BPPPPPPPB@@@@@@@@@@@#PPPPPPPB@@@@@@&J777P@@@@@@@@@@@@@@@@G777P@@@@@@@@@@@@@@@@@@@@@@J77?#@@@@@@@@@@@@@@@@@@G777P@@@@G777P@@@@@@@@@@@@@@@@@@@@P777G@@@@@@J77?#@@@@@@@@@@
@@@@BPPPPPPPPPGB#&&&&&&##BBGB@@@@@@@&GPPPPPPPPG#&&&&&&&&#BG#@@@@@BPPPPPPPPB#&&&@@@@@@&BPPPPB@@@@@@@@#J7775&@@@@@@@@@@@@@@G777P@@@@@@@@@@@@@@@@@@@@@B?77Y@@@@@@@@@@@@@@@@@@&Y77?#@@@@G777P@@@@@@@@@@@@@@@@@@@&J77?#@@@@@@Y777B@@@@@@@@@@
@@@@@&GPPPPPPPPPPPPPPPPPPPPPPB@@@@@@@@#PPPPPPPPPPPPPPPPPPPPP&@@@@@#GPPPPPPPPPPPGB@@@@@@&#B&@@@@@@@@@@&Y777?5B&&@@&&BB@@@@G7775&@@@@@#5PB#&@@@@@@&B5?77Y&@@@@P5G#&&@@@@@&#GJ77?B@@@@@G777P@@@@&P5G#&@@@@@@&#PJ77JB@@@@@@@G777JG&@@@@@&&@
@@@@@@@&BGPPPPPPPPPPPPPPPPPPGB@@@@@@@@@@#GPPPPPPPPPPPPPPPPPP#@@@@@@@#BPPPPPPPPPPPP#@@@@@@@@@@@@@@@@@@@@B5J777??????7Y@@@@&5?77??#@@@P?777??JJJJ??77?5B@@@@@#J777??JJJJJ?77?YP&@@@@@@G777P@@@@BJ777??JJJJJ?77?YG&@@@@@@@@@GJ?77?JJJJ???B
@@@@@@@@@@&&#BBGGGGGGBBB##&&@@@@@@@@@@@@@@@&#BBBGGGGGGBB##&@@@@@@@@@@@@&#BBBGGGGGBB&@@@@@@@@@@@@@@@@@@@@@&#GP5YYY5PB&@@@@@@&BGGG&@@@@&#BGP5YYYY5PG#&@@@@@@@@@&BGP55YYY5PGB&@@@@@@@@@&GGG#@@@@@@&BGP55YYY5PGB&@@@@@@@@@@@@@@#GP5YYY5PGB&
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>[BETA] Casas Bahia - Descarte Ecológico</title>
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet"> 
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/body.css">
</head>
<body>
    <link rel="stylesheet" href="assets/css/header/header.css">
    <header class="header">
        <link rel="stylesheet" href="assets/css/header/header-logos.css">
        <div class="header__logos container">
            <link rel="stylesheet" href="assets/css/header/header-logo.css">
            <a href="index.php" class="header__logo header__logo--operacao">
                <img src="assets/img/logo-operacao.png"     alt="" class="">
            </a>
            <!-- <a href="index.php" class="header__logo header__logo--cliente">
                <svg version="1.1" id="Mark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="183px" height="40px" viewBox="2.3 -3 128.8 33.4" enable-background="new 2.3 -3 128.8 33.4" xml:space="preserve" class="headerLogo">
                     <g>
                        <path id="logoSymbol" class="logoSymbol" fill="#2167ae" d="M19.5-1.3c-8.3,0-15,6.7-15,15c0,3.4,1.1,6.6,3.1,9.1L20.1,6.4l-1.3,0l-1.3,0c-1.4,0-2.8,0.1-3.7,0.3
                            c-0.6,0.1-1.1,0.3-1.5,0.6c-0.5,0.3-1.1,1.1-1.5,1.8c0,0.1-0.1,0.2-0.2,0.4L9.7,9.4l1.2-4.7h15.6L14.1,21.2
                            c0.8-0.1,1.1-0.1,1.8-0.1c0.5,0,1.3,0,2.3,0.1l2.2,0.1c0.8,0,1.5,0.1,2,0.1c1.1,0,1.9-0.1,2.6-0.3c0.6-0.2,1.1-0.4,1.6-0.8
                            c0.9-0.6,1.7-1.6,2.2-2.5c0-0.1,0.1-0.2,0.2-0.4l0.7,0.2c-0.2,0.8-0.3,1.1-0.7,1.9c-0.7,1.5-1.4,2.5-2.5,3.3
                            c-1.1,0.8-2.2,1.2-3.6,1.2l-0.2,0c-1,0-1.8-0.1-4.3-0.5c-2.5-0.4-3.8-0.5-5.1-0.5c-0.8,0-1.6,0.1-2.4,0.2c-1.1,0.2-1.5,0.3-2.5,0.7
                            c2.7,3,6.7,4.9,11.1,4.9c8.3,0,15-6.7,15-15C34.5,5.4,27.8-1.3,19.5-1.3" />
                        <path id="logoText" class="logoText" fill="#2167ae" d="M85.1,12.8c-0.5,0.3-1.1,0.5-1.8,0.6c-0.3,0-0.6,0.1-0.8,0.1c-0.1,0-0.1,0-0.2,0V8.1c0.2,0,0.3,0,0.4,0
                            c0.7,0,1.4,0.1,2,0.2c0.4,0.1,0.7,0.3,1,0.5c0.5,0.4,0.8,1,0.8,1.8c0,0.7-0.2,1.2-0.6,1.6C85.6,12.5,85.3,12.7,85.1,12.8 M90.6,20
                            c-0.5-0.5-1-1-1.7-1.7c-0.4-0.5-0.8-0.9-1.1-1.2l-2.3-2.7c0.3-0.1,0.4-0.1,0.6-0.2c0.7-0.3,1.3-0.6,1.8-1c0.6-0.5,0.9-1,1.2-1.7
                            c0.1-0.4,0.2-0.7,0.2-1.1c0-0.9-0.3-1.7-1-2.4c-0.6-0.6-1.4-1.1-2.4-1.3c-0.7-0.2-1.3-0.2-2.5-0.3c-0.4,0-0.9,0-1.4,0h-3.8
                            c0.3,0.2,0.3,0.3,0.5,0.6c0.1,0.2,0.2,0.4,0.3,0.5c0.1,0.3,0.1,0.8,0.1,1.6v9.6c0,0.7,0,1.1-0.2,1.4c-0.1,0.2-0.1,0.3-0.2,0.5
                            c-0.1,0.2-0.2,0.3-0.5,0.5h4.6c-0.2-0.2-0.3-0.3-0.4-0.5c-0.1-0.1-0.2-0.3-0.2-0.4c-0.1-0.3-0.2-0.7-0.2-1.4c0-0.2,0-0.5,0-0.7
                            v-3.3l2.7,3.2c0.1,0.2,0.3,0.4,0.6,0.7c0.3,0.4,0.6,0.6,0.7,0.8c0.5,0.5,1,0.9,1.5,1.2c0.4,0.2,0.8,0.3,1.4,0.3c0.2,0,0.5,0,0.8,0
                            h1.8c-0.2-0.2-0.3-0.3-0.5-0.4C91.1,20.4,90.9,20.2,90.6,20 M96.8,9.1c0-1,0-1.2,0.2-1.6C97,7.3,97,7.2,97.1,7
                            c0.2-0.2,0.3-0.4,0.5-0.6H93c0.3,0.3,0.4,0.4,0.5,0.6c0.1,0.2,0.2,0.3,0.2,0.5c0.1,0.4,0.1,0.7,0.2,1.6c0,0.4,0,0.7,0,0.9v8.7
                            c0,0.5-0.1,1.1-0.2,1.4c-0.1,0.1-0.1,0.3-0.2,0.4c-0.1,0.2-0.2,0.2-0.4,0.5h4.6c-0.2-0.2-0.3-0.3-0.4-0.5c-0.1-0.1-0.2-0.3-0.2-0.4
                            c-0.1-0.3-0.2-0.8-0.2-1.3V10L96.8,9.1z M110.8,18.9c-0.9,0.4-1.7,0.5-2.6,0.5c-1.5,0-2.8-0.5-3.8-1.6c-0.9-1-1.5-2.4-1.5-4
                            c0-1.5,0.5-3,1.3-3.9c0.4-0.4,0.8-0.8,1.3-1.1c0.8-0.5,1.8-0.7,2.8-0.7c0.9,0,1.8,0.2,2.6,0.5c0.5,0.2,0.7,0.3,1.2,0.7V6.5
                            c-0.4-0.1-0.5-0.2-0.9-0.2c-0.8-0.2-1.7-0.3-2.6-0.3c-1.6,0-2.9,0.3-4.2,0.8c-0.7,0.3-1.4,0.7-2,1.2c-1.8,1.4-2.8,3.5-2.8,6
                            c0,2.3,0.9,4.4,2.7,5.7c1.4,1.1,3.3,1.7,5.5,1.7c1.4,0,2.7-0.2,4.1-0.7c0.1,0,0.1,0,0.2-0.1V18c-0.4,0.2-0.5,0.3-0.7,0.4
                            C111.4,18.6,111.1,18.8,110.8,18.9 M128,9.1c0-0.6,0.1-1.1,0.2-1.5c0.1-0.2,0.1-0.4,0.2-0.5c0.2-0.2,0.3-0.4,0.6-0.6h-4.8
                            c0.3,0.2,0.4,0.3,0.5,0.6c0.1,0.2,0.2,0.3,0.2,0.5c0.1,0.3,0.2,0.8,0.2,1.5v3.5h-6.6V9.9c0-0.8,0-1.3,0-1.7c0-0.2,0.1-0.4,0.1-0.6
                            c0.1-0.3,0.4-0.8,0.6-1c0,0,0.1-0.1,0.2-0.2h-4.7c0.3,0.3,0.4,0.4,0.5,0.6c0.1,0.1,0.2,0.3,0.3,0.5c0.1,0.4,0.1,0.6,0.2,1.5l0,0.9
                            v8c0,0.8,0,1.2-0.1,1.5c0,0.2-0.1,0.4-0.1,0.6c-0.1,0.3-0.3,0.6-0.6,0.8c0,0-0.1,0.1-0.2,0.1h4.6c-0.2-0.2-0.3-0.3-0.4-0.5
                            c-0.1-0.1-0.2-0.3-0.2-0.5c-0.1-0.4-0.2-0.7-0.2-1.3c0-0.3,0-0.6,0-0.9v-3.5h6.6v3.6c0,0.8,0,1.1-0.1,1.5c0,0.2-0.1,0.4-0.2,0.6
                            c-0.1,0.3-0.3,0.5-0.5,0.8c0,0-0.1,0.1-0.2,0.2h4.7c-0.2-0.2-0.3-0.3-0.4-0.5c-0.1-0.2-0.2-0.3-0.3-0.5c-0.1-0.3-0.2-0.6-0.2-1.3
                            c0-0.4,0-0.7,0-0.8l0-8L128,9.1L128,9.1L128,9.1z M55.9,19c-0.6,0.1-1.4,0.2-2.3,0.2c-0.3,0-0.7,0-1.2,0h-2.2l8.9-12.8H47.6
                            l-1.4,3.1c0.5-0.2,0.7-0.3,1.1-0.5c0.7-0.3,1.4-0.5,2.1-0.6c0.6-0.1,1.2-0.2,2.1-0.2c0.4,0,0.8,0,1.1,0h1.7L45.2,21h12.6l1.5-3.3
                            c-0.5,0.3-0.7,0.4-1.1,0.6C57.5,18.6,56.7,18.8,55.9,19 M71.9,7c0.1,0.2,0.2,0.3,0.2,0.5c0.1,0.4,0.1,0.7,0.1,1.5v5.6
                            c0,1.2,0,1.9-0.1,2.5c-0.1,0.4-0.2,0.8-0.4,1.1c-0.4,0.6-1,1-1.8,1.2c-0.3,0.1-0.7,0.1-1,0.1c-1.3,0-2.3-0.5-2.9-1.2
                            c-0.4-0.6-0.5-1.2-0.5-2.7l0-1.2V10c0-0.9,0-1.3,0-1.7c0-0.3,0.1-0.5,0.1-0.7c0.1-0.3,0.3-0.8,0.6-1.1c0,0,0.1-0.1,0.1-0.1h-4.7
                            C61.9,6.6,62,6.8,62.2,7c0.1,0.2,0.2,0.3,0.2,0.5c0.1,0.2,0.1,0.4,0.1,0.7c0,0.1,0,0.4,0,0.9l0,0.8v4.2c0,1.6,0,1.9,0.1,2.6
                            c0.1,1.1,0.4,1.9,1,2.7c1.1,1.4,2.9,2.1,5.2,2.1c1.1,0,2.1-0.2,2.9-0.5c0.8-0.3,1.6-0.8,2.2-1.5c0.7-0.8,1.1-1.7,1.2-2.8
                            c0.1-0.7,0.1-1.5,0.1-2.6V9.9l0-0.8V8.9c0-0.6,0-1,0.1-1.3c0.1-0.2,0.1-0.4,0.3-0.6c0.2-0.2,0.3-0.4,0.6-0.6h-4.7
                            C71.7,6.6,71.8,6.7,71.9,7" />
                    </g>
                </svg>
            </a> -->
            <a href="index.php" class="header__logo header__logo--ecoassist">
                <img src="assets/img/logo-ecoassist.png"    alt=""  class="">
            </a>
        </div>
    </header>    <main>
        <link rel="stylesheet" href="assets/css/banner/banner.css">
        <div class="banner">
            <link rel="stylesheet" href="assets/css/banner/banner-item.css">
            <link rel="stylesheet" href="assets/css/banner/banner-slide.css">
            <picture class="banner__item banner__item--ativo" data-wow-duration=".25s" data-wow-delay=".25s">
                <source srcset="assets/img/banner-mobile-1.png" media="(max-width: 778px)">
                <img src="assets/img/banner.png" alt=""class="banner__slide">
            </picture>
            <picture class="banner__item" data-wow-duration=".25s" data-wow-delay=".25s">
                <source srcset="assets/img/banner-mobile-2.png" media="(max-width: 778px)">
                <img src="assets/img/banner-2.png" alt=""class="banner__slide">
            </picture>
            <link rel="stylesheet" href="assets/css/banner/banner-button.css">
            <a class="banner__button banner__button--prev" onclick="mudaBanner(-1)">&#10094;</a>
            <a class="banner__button banner__button--next" onclick="mudaBanner(1)">&#10095;</a>
        </div>
        <div class="parabens container">
            <link rel="stylesheet" href="assets/css/parabens/parabens-titulo.css">
            <h1 class="parabens__titulo titulo  text-center wow fadeIn">Parabéns por contratar o Seguro de Garantia Estendida da Casas Bahia!</h1>
            <link rel="stylesheet" href="assets/css/parabens/parabens-texto.css">
            <p  class="parabens__texto  texto   text-center wow fadeIn">Agora você tem direito aos benefícios do serviço de Descarte Ecológico, e pode descartar seu colchão antigo e sem uso, livrando espaço na sua casa e ajudando o meio ambiente</p>
        </div>
        <link rel="stylesheet" href="assets/css/cta/cta.css">
        <div class="cta container">
            <link rel="stylesheet" href="assets/css/cta/cta-button.css">
            <a href="#como_funciona" class="cta__button cta__button--funcionamento   wow fadeInLeft">Como Funciona</a>
            <a href="#formabicol" class="cta__button cta__button--formulario      wow fadeInRight">Quero Usar</a>
        </div>
        <link rel="stylesheet" href="assets/css/como_funciona/como_funciona.css">
        <div class="como_funciona container" id="como_funciona">
            <h2 class="titulo como_funcion__titulo text-center wow fadeIn">Veja como <span class="breakline bold">funciona:</span></h2>
            <p class="texto text-center  wow fadeIn">Prático e sustentável. Veja como é simples agendar o serviço</p>
            <!-- <div class="container"> -->
                <link rel="stylesheet" href="assets/css/como_funciona/como_funciona-itens.css">
                <div class="como_funciona__itens">
                    <link rel="stylesheet" href="assets/css/como_funciona/como_funciona-item.css">

                    <figure class="como_funciona__item wow fadeIn" data-wow-delay=".33s">
                        <link rel="stylesheet" href="assets/css/como_funciona/como_funciona-image.css">
                        <img class="como_funciona__image" src="assets/img/como-funciona-1.png" alt="">
                        <figcation>
                            <link rel="stylesheet" href="assets/css/como_funciona/como_funciona-titulo.css">
                            <strong class="como_funciona__titulo">Faça o acesso</strong>
                            <link rel="stylesheet" href="assets/css/como_funciona/como_funciona-texto.css">
                            <span class="como_funciona__texto">Faça o acesso e preencha seus dados cadastrais para o serviço</span>
                        </figcation>
                    </figure>
                    
                    <figure class="como_funciona__item wow fadeIn" data-wow-delay=".66s">
                        <img class="como_funciona__image" src="assets/img/como-funciona-2.png" alt="">
                        <figcation>
                            <strong class="como_funciona__titulo">Selecione os itens</strong>
                            <span class="como_funciona__texto">Com alguns cliques você seleciona o que precisa descartar</span>
                        </figcation>
                    </figure>
                    
                    <figure class="como_funciona__item wow fadeIn" data-wow-delay=".999s">
                        <img class="como_funciona__image" src="assets/img/como-funciona-3.png" alt="">
                        <figcation>
                            <strong class="como_funciona__titulo">Escolha a data</strong>
                            <span class="como_funciona__texto">Selecione o melhor dia para que os materiais sejam retirados</span>
                        </figcation>
                    </figure>
                </div>
                
            <!-- </div> -->
        </div>
        <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode.css">
        <div class="o_que_pode">
            <h2 class="titulo text-center wow fadeIn">E o que pode ser <span class="breakline bold">descartado ?</span></h2>
            <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-itens.css">
            <div class="o_que_pode__itens container">
                <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-item.css">
                <figure class="o_que_pode__item wow fadeIn" data-wow-delay=".33s">
                    <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-box.css">
                    <figcaption class="o_que_pode__box">
                        <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-titulo.css">
                        <strong class="o_que_pode__titulo">Móveis</strong>
                        <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-texto.css">
                        <span class="o_que_pode__texto">Sofá, armário, mesa, cadeira, guarda-roupa, cama e muito mais!</span>
                    </figcaption>
                    <link rel="stylesheet" href="assets/css/o_que_pode/o_que_pode-image.css">
                    <img src="assets/img/o-que-pode-1.png" alt="" class="o_que_pode__image o_que_pode__image--1">
                    
                </figure>
                
                <figure class="o_que_pode__item wow fadeIn" data-wow-delay=".66s">
                    <figcaption class="o_que_pode__box">
                        <strong class="o_que_pode__titulo">Eletrodomésticos</strong>
                        <span class="o_que_pode__texto">Geladeira, fogão, cooktop, forno elétrico, lava-louças, máquina de lavar roupas e muito mais !</span>
                    </figcaption>
                    <img src="assets/img/o-que-pode-2.png" alt="" class="o_que_pode__image o_que_pode__image--2">
                    
                </figure>
            
                <figure class="o_que_pode__item wow fadeIn" data-wow-delay=".999s">
                    <figcaption class="o_que_pode__box">
                        <strong class="o_que_pode__titulo">Eletrônicos</strong>
                        <span class="o_que_pode__texto">Televisão, aparelho de DVD, computador, celular, notebook, tablet e muito mais !</span>
                    </figcaption>
                    <img src="assets/img/o-que-pode-3.png" alt="" class="o_que_pode__image o_que_pode__image--3">
                    
                </figure>
            </div>
        </div>
        <div class="minibanner text-center container">
            <picture>
                <source srcset="assets/img/minibanner-mobile.png" media="(max-width: 778px)" >
                <img src="assets/img/minibanner.png" class="wow fadeIn" alt="" srcset="">
            </picture>
        </div>
        <link rel="stylesheet" href="assets/css/agende/agende.css">
        <div class="agende container" id="agende">
            <link rel="stylesheet" href="assets/css/agende/agende-texto.css">
            <div class="agende__texto wow fadeInLeft">
                <link rel="stylesheet" href="assets/css/agende/agende-titulo.css">
                <h2 class="agende__titulo titulo wow fadeIn">Agende seu serviço e cuidaremos de tudo por você!</h2>
                <link rel="stylesheet" href="assets/css/agende/agende-paragrafo.css">
                <p class="agende__paragrafo texto wow fadeIn" data-wow-delay=".15s"><strong>Comodidade e Sustentabilidade.</strong></p>
                <p class="agende__paragrafo texto wow fadeIn" data-wow-delay=".30s">Todo serviço segue as normas ambientais para que você não se preocupe com o destino do seu material.</p>
                <p class="agende__paragrafo texto wow fadeIn" data-wow-delay=".45s">Tudo é tratado e descartado de forma ecológica e sem agredir o meio ambente. O Planeta e as futuras gerações agradecem pela sua ação.</p>
            </div>
            <div class="agende__image wow fadeInRight">
                <img src="assets/img/agende.png" class="wow fadeIn" alt="">
            </div>
        </div>
        <div class="duvidas text-center container">
            <img class="wow fadeIn" src="assets/img/duvidas.png" alt="" srcset="">
        </div>
        <link rel="stylesheet" href="assets/css/formulario/formulario.css">
        <div class="formulario container">
            <link rel="stylesheet" href="assets/css/formulario/formulario-titulo.css">
            <h2 class="formulario__titulo titulo text-center wow fadeIn">Descarte seus itens de forma ecológica, livre espaço na sua casa e ajude o meio ambiente!</h2>
            <h3 class="formulario__titulo titulo text-center wow fadeIn">Faça seu <span class="bold">agendamento</span> <span class="breakline">agora mesmo:</span></h3>
            <link rel="stylesheet" href="assets/css/formulario/formulario-form.css">
            <form id="formcasasbahia" action="processa.php" method="POST" class="formulario__form wow fadeInUp">
                <link rel="stylesheet" href="assets/css/formulario/formulario-input.css">
                <input class="formulario__input" type="text"  name="nome"   id="nome"   placeholder="Seu primeiro nome" required>
                <input class="formulario__input" type="email" name="email"  id="email"  placeholder="Seu e-mail" required>
                <input class="formulario__input" type="tel"   name="tel"    id="tel"    onkeypress="mascara(this, telefone)" placeholder="Seu celular" required maxlength='15' >
                <link rel="stylesheet" href="assets/css/formulario/formulario-button.css">
                <button class="formulario__button" type="submit">Continue ></button>
            </form>
        </div>
    </main>
    <link rel="stylesheet" href="assets/css/footer/footer.css">
    <footer class="footer wow fadeInUp">
        <link rel="stylesheet" href="assets/css/footer/footer-top.css">
        <div class="footer__top ">
            <link rel="stylesheet" href="assets/css/footer/footer-list.css">
            <ul class="footer__list">
                <link rel="stylesheet" href="assets/css/footer/footer-list-title.css">
                <li class="footer__list__title">CASAS BAHIA 
                    <link rel="stylesheet" href="assets/css/footer/footer-sublist.css">
                    <ul class="footer__sublist">
                        <link rel="stylesheet" href="assets/css/footer/footer-sublist-item.css">
                        <link rel="stylesheet" href="assets/css/footer/footer-link.css">
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Quem somos</a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Serviços</a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Semana do Consumidor</a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Web Stories</a></li>
                    </ul>
                </li>
                <li class="footer__list__title">Conheça a Ecoassist
                    <ul class="footer__sublist">
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Quem somos</a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Como funciona</a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#">Projetos</a></li>
                    </ul>
                </li>
                <li class="footer__list__title">Entre em contato
                    <ul class="footer__sublist">
                        <li class="footer__sublist__item"><a class="footer__link" href="#"></a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#"></a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#"></a></li>
                        <li class="footer__sublist__item"><a class="footer__link" href="#"></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <link rel="stylesheet" href="assets/css/footer/footer-bottom.css">
        <div class="footer_bottom">
            <p class="text-center">Copyright &copy; 2026 Ecoassist. Todos os Direitos Reservado</p>
        </div>
    </footer>
    <script src="assets/js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <script type="text/javascript" async src="https://d335luupugsy2.cloudfront.net/js/loader-scripts/c3d50e74-2f17-45e9-be5c-113d1c668d20-loader.js" ></script>    
    <link rel="stylesheet" href="assets/css/modal/modal.css">
    <div class="modal modal--ativo">
        <link rel="stylesheet" href="assets/css/modal/modal-window.css">
        <div class="modal__window">
            <p class="titulo">Bem-Vindo</p>
            <p class="texto paragrafo">Esta página é uma demonstração. Ela mostra a experiência resumida do agendamento de uma coleta. Ao final da experiência você receberá um e-mail demonstrando seu agendamento*.</p>
            <p class="texto paragrafo texto--reduzido">* Esta simulação não há personalização da escolha de produto para descarte e seleção de data para coleta.</p>
            <link rel="stylesheet" href="assets/css/modal/modal-release.css">
            <a class="modal__release">Entendi !</a>
        </div>
    </div>
    <script src="assets/js/mascara.js"></script>
    <script src="assets/js/banner.js"></script>
    <script src="assets/js/modal.js"></script>
</body>
</html>