/* ===================================================================== ALPHA ONE - CSS Avancado v3 (Loja Integrada, motor antigo + tema Google #1) --------------------------------------------------------------------- Onde colar: Painel > Personalize sua loja > Editar CSS > Salvar. Vale para a loja inteira (home, categoria, produto, carrinho, login, conta e checkout). Funciona junto com o codigo do rodape v3 (alphaone-codigo-rodape.html), que cria as secoes ".ao-*". --------------------------------------------------------------------- Paleta AO: Preto #10100F | Cinza #29272A | Cinza 02 #5F5D5A Branco #EFEFEF | Verde #6E8422 | Verde escuro #54651A Verde claro #F3F6EA | Cabecalho #0A0C0D | Secao escura #0D0E0E Fonte: Work Sans (+ Caveat na nota manuscrita). Sem variaveis CSS, sem "fr" e sem "grid-column: 1 / -1" (o validador do painel nao aceita). Layout todo em flexbox. Especificidade: o script do tema adiciona a classe "g_" no ; as regras do tema comecam com ".g_". As nossas comecam com "html.g_" ou "html body" para vencer com folga (o arquivo tambem carrega por ultimo). Espacamento: secoes com 80px em cima/embaixo no desktop e 56px no celular; a barra do kit funciona como separador entre blocos. ===================================================================== */ /* ---------- 0. Fontes ---------------------------------------------- */ @font-face{font-family:'Work Sans';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} /* ---------- 1. Base ------------------------------------------------- */ html{overflow-x:hidden;scroll-behavior:smooth} html body{ font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif; font-size:14px; line-height:1.5; color:#10100F; background:#FFFFFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } html body .titulo,html body input,html body button,html body select,html body textarea,html body .botao,html body legend, html.g_ .listagem-item .acoes-produto a .svg-ico:after,html.g_ #barraNewsletter .componente .newsletter-assinar:after{ font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif; } html body a{color:#10100F} html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif} html body img{max-width:100%;height:auto} html.g_ .g_title,html body .g_title{margin:48px 0 20px;padding:0;border:0;font-size:14px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:#10100F!important;line-height:1.4} html.g_ header .logo.no-image a{font-size:15px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#EFEFEF!important;text-decoration:none} html.g_ .conteiner,html body .conteiner{width:auto!important;max-width:1180px!important;min-width:0!important;padding:0 20px;margin:0 auto;box-sizing:border-box;background:transparent;box-shadow:none} html body .conteiner-principal .conteiner{padding:0 20px} html.g_ .container{max-width:1180px;padding:0 20px;margin:0 auto;box-sizing:border-box} html body .cor-secundaria{color:#10100F} html body .cor-principal{color:#10100F} html body .fundo-secundario{background-color:#6E8422} /* utilitarios usados pelo codigo do rodape */ html body .ao-overline{display:block;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#6E8422;margin:0 0 14px;line-height:1.4} html body .ao-overline-branco{color:#9A9894} html body .ao-verde{color:#6E8422!important} html body .ao-ico{display:inline-block;line-height:0;vertical-align:middle;flex:none} html body .ao-ico svg{width:22px;height:22px;display:block} html body .ao-btn{ display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 26px;box-sizing:border-box; font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap; border:1px solid #10100F;border-radius:2px;background:#10100F;color:#FFFFFF; transition:background-color .2s,border-color .2s,color .2s; } html body .ao-btn .ao-ico svg{width:18px;height:18px;transition:transform .2s} html body .ao-btn:hover{background:#6E8422;border-color:#6E8422;color:#FFFFFF;text-decoration:none} html body .ao-btn:hover .ao-ico svg{transform:translateX(4px)} html body .ao-btn-outline{background:transparent;border-color:#EFEFEF;color:#EFEFEF} html body .ao-btn-outline:hover{background:#EFEFEF;border-color:#EFEFEF;color:#10100F} html body .ao-btn-branco{background:transparent;border-color:#C6C6C6;color:#EFEFEF} html body .ao-btn-branco:hover{background:#EFEFEF;border-color:#EFEFEF;color:#10100F} html body .ao-btn-verde{background:#6E8422;border-color:#6E8422;color:#FFFFFF} html body .ao-btn-verde:hover{background:#54651A;border-color:#54651A} html body .ao-btn-lg{height:56px;padding:0 34px;font-size:12px} html body .ao-btn-sm{height:38px;padding:0 18px;font-size:10px;letter-spacing:.16em;gap:8px} html body .ao-link{ display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap; color:#10100F;text-decoration:none;border-bottom:1px solid #10100F;padding-bottom:5px;transition:color .2s,border-color .2s; } html body .ao-link .ao-ico svg{width:16px;height:16px} html body .ao-link:hover{color:#6E8422;border-color:#6E8422;text-decoration:none} /* listas com icone redondo (x cinza / check verde) */ html body .ao-list{list-style:none;margin:0;padding:0} html body .ao-list li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #1F1F1E;font-size:14px;line-height:1.45;color:#C6C6C6} html body .ao-list li:last-child{border-bottom:0} html body .ao-list .ao-ico{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center} html body .ao-list .ao-ico svg{width:13px;height:13px} html body .ao-list-x .ao-ico{background:#29272A;color:#C6C6C6} html body .ao-list-check .ao-ico{background:#6E8422;color:#FFFFFF} html body .ao-list-check li{color:#EFEFEF} /* titulos de secao */ html body .ao-h2{margin:0 0 18px;font-size:34px;font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:#10100F} /* ancoras do menu (Beneficios / Depoimentos) descontam o cabecalho fixo */ html body .ao-porque,html body .ao-depo{scroll-margin-top:80px} /* ---------- 2. Barra superior (opcional, desligada no layout v3) --- */ html body .ao-topbar{background:#3A3F2C;color:#EFEFEF} html body .ao-topbar ul{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;min-height:40px} html body .ao-topbar li{display:flex;align-items:center;gap:10px;padding:0 36px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.3;white-space:nowrap;border-left:1px solid #555A45} html body .ao-topbar li:first-child{border-left:0} html body .ao-topbar .ao-ico{color:#A9BC4E} html body .ao-topbar .ao-ico svg{width:18px;height:18px} /* ---------- 3. Cabecalho (construido pelo script do tema) ---------- */ /* cabecalho fixo ao rolar: o tema usa overflow-x:hidden no body, o que anula o sticky; "clip" corta o transbordo horizontal sem criar contexto de rolagem */ html.g_ body{overflow-x:clip} html.g_ header{position:sticky;top:0;z-index:99;background:#0A0C0D;border-bottom:1px solid #29272A} html.g_ .carrinho-checkout header{position:relative} html.g_ header .row-flex{align-items:center;min-height:74px} html.g_ header .logo{margin:0;line-height:0} html.g_ header .logo a{display:block} html.g_ header .logo img,html.g_ .logo a>img{max-height:30px;width:auto;max-width:250px} html.g_ header .g_menu{padding:0 20px} html.g_ header .menu.superior{background:transparent;border:0;margin:0;padding:0} html.g_ header .menu.superior>ul.nivel-um{display:flex;align-items:center;margin:0;padding:0;list-style:none} html.g_ header .menu.superior>.nivel-um>li{margin:0;padding:0;border:0;background:transparent;position:relative} html.g_ header .menu.superior>.nivel-um>li:before,html.g_ header .menu.superior>.nivel-um>li:after{display:none!important} html.g_ header .menu.superior>.nivel-um>li>a{display:block;padding:24px 14px;text-decoration:none;background:transparent} html.g_ header .menu.superior>.nivel-um>li>a>strong{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#EFEFEF;transition:color .2s} html.g_ header .menu.superior>.nivel-um>li:hover>a>strong,html.g_ header .menu.superior>.nivel-um>li.ativo>a>strong{color:#6E8422} html.g_ header .menu.superior>.nivel-um>li>a>i{display:none} html.g_ header .menu.superior>.nivel-um>li.com-filho>ul{display:none;position:absolute;top:100%;left:0;min-width:240px;margin:0;padding:10px 0;background:#10100F;border:1px solid #29272A;border-radius:0 0 4px 4px;box-shadow:0 20px 40px rgba(0,0,0,.35);z-index:50} html.g_ header .menu.superior>.nivel-um>li.com-filho:hover>ul{display:block} html.g_ header .menu.superior>.nivel-um>li.com-filho>ul>li>a{display:block;padding:10px 20px;font-size:12px;color:#C6C6C6;text-decoration:none;letter-spacing:.04em} html.g_ header .menu.superior>.nivel-um>li.com-filho>ul>li>a:hover{color:#FFFFFF;background:rgba(110,132,34,.2);opacity:1;box-shadow:inset 3px 0 0 #6E8422} html.g_ header .menu-dropdown-toggle{display:none} html.g_ header .theme-functions{margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:6px} html.g_ header .theme-functions>li{margin:0;padding:0;position:relative} html.g_ header .theme-functions>li>a,html.g_ header .theme-functions>li>button,html.g_ header .carrinho>a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#EFEFEF;background:transparent;border:0;border-radius:50%;transition:background-color .2s,color .2s;text-decoration:none;cursor:pointer} html.g_ header .theme-functions>li>a:hover,html.g_ header .theme-functions>li>button:hover,html.g_ header .carrinho>a:hover{background:#29272A;color:#FFFFFF} /* botao verde "Comprar kit" no cabecalho */ html.g_ header .theme-functions>li.ao-header-cta{margin-left:10px} html.g_ header .theme-functions>li.ao-header-cta>a.ao-btn{width:auto;height:38px;padding:0 18px;border-radius:2px;border:1px solid #6E8422;background:#6E8422;color:#FFFFFF} html.g_ header .theme-functions>li.ao-header-cta>a.ao-btn:hover{background:#54651A;border-color:#54651A} html.g_ header .svg-ico{padding:0;line-height:0;display:block} html.g_ header .svg-ico svg{width:20px;height:20px;display:block} html.g_ header .carrinho{margin:0;padding:0;position:relative;float:none;width:auto} html.g_ header .carrinho>a .svg-ico{display:block!important} html.g_ header .carrinho>a .qtd-carrinho{display:none!important} html.g_ header .carrinho.ao-has-items>a .qtd-carrinho{display:flex!important;align-items:center;justify-content:center;position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#6E8422;color:#FFFFFF;font-size:9px;font-weight:600;line-height:1;font-family:'Work Sans',Arial,sans-serif} html.g_ header .carrinho>a>span:not(.svg-ico),html.g_ header .carrinho>a>b{display:none!important} /* dropdown "Minha conta": abre por li:hover (CSS do tema); sem vao entre o icone e o menu para o hover nao se perder */ html.g_ header .theme-functions>li.dropdown>ul.dropdown-menu{top:100%;right:0;left:auto;margin:8px 0 0;min-width:200px;padding:8px 0;background:#10100F;border:1px solid #29272A;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.35)} html.g_ header .theme-functions>li.dropdown>ul.dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:transparent} html.g_ header .theme-functions>li.dropdown:hover>ul.dropdown-menu{display:block} html.g_ header .theme-functions>li.dropdown>ul.dropdown-menu>li{margin:0;padding:0} html.g_ header .theme-functions>li.dropdown>ul.dropdown-menu>li>a{display:block;padding:12px 18px;line-height:1.4;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C6C6C6;text-decoration:none;box-shadow:inset 0 0 0 transparent;transition:background-color .15s,color .15s,box-shadow .15s} html.g_ header .theme-functions>li.dropdown>ul.dropdown-menu>li>a:hover{background:rgba(110,132,34,.2);color:#FFFFFF;opacity:1;box-shadow:inset 3px 0 0 #6E8422} html.g_ header .menu-trigger{border-top-color:#EFEFEF;margin:0 14px 0 0} html.g_ header .menu-trigger:before,html.g_ header .menu-trigger:after{background:#EFEFEF} html.g_ header .menu-close-mobile{display:none} /* busca em tela cheia (o tema abre #search-form) */ html.g_ #search-form{background:rgba(10,12,13,.92);display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999} html.g_ #search-form>div{position:absolute;top:0;left:0;right:0;background:#0A0C0D;border-bottom:1px solid #29272A;padding:28px 20px;display:flex;align-items:center;gap:16px;max-width:none;width:auto;margin:0;box-shadow:none} html.g_ #search-form>div>button{order:2;width:42px;height:42px;padding:0;border:0;background:transparent;color:#EFEFEF;cursor:pointer;flex:none} html.g_ #search-form>div>button .svg-ico svg{width:20px;height:20px} html.g_ #search-form form{flex:1;display:flex;max-width:820px;margin:0 auto;position:relative} html.g_ #search-form form input[type="text"]{flex:1;height:52px;padding:0 60px 0 18px;background:#10100F;border:1px solid #29272A;border-radius:2px;color:#EFEFEF;font-size:14px;letter-spacing:.04em;box-shadow:none;width:100%;box-sizing:border-box;margin:0} html.g_ #search-form form input[type="text"]:focus{border-color:#6E8422;outline:0;box-shadow:none} html.g_ #search-form form .botao-busca{position:absolute;right:4px;top:4px;height:44px;width:48px;padding:0;margin:0;background:#6E8422!important;border:0;border-radius:2px!important;color:#FFFFFF;font-size:14px;line-height:44px} /* mini carrinho lateral (o tema transforma em gaveta) */ html.g_ .carrinho .carrinho-interno-ajax .carrinho-interno{background:#FFFFFF;color:#10100F;padding:24px;box-shadow:-20px 0 60px rgba(0,0,0,.25)} html.g_ .carrinho .carrinho-interno-ajax .carrinho-interno .nome-produto{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#10100F} html.g_ .carrinho .carrinho-interno-ajax .carrinho-interno .carrinho-rodape>a{background:#10100F!important;color:#FFFFFF!important;border-radius:2px!important;font-size:11px;letter-spacing:.18em;text-transform:uppercase;line-height:46px} html.g_ body.g_backshadow .cart-visible .carrinho-interno-ajax:before,html.g_ body.g_backshadow .menu.superior.menu-visible:before{opacity:1} /* ---------- 4. Hero (Full Banner 1920x860 + texto do codigo) ------- */ html body .secao-banners{overflow:hidden;margin:0;padding:0} html.g_ .secao-banners .conteiner,html body .secao-banners .conteiner{max-width:none!important;padding:0} html body .secao-banners .banner.cheio{margin:0!important;padding:0} html.g_ .secao-banners .banner.cheio .flexslider{width:100vw;left:50%;margin:0 0 0 -50vw;border:0;border-radius:0;background:#060605;box-shadow:none} html.g_ .banner.cheio .flexslider .slides img,html body .secao-banners .banner.cheio .flexslider .slides img{width:100%;height:auto!important;max-height:none!important;display:block;border-radius:0} html body .secao-banners .banner.cheio .info-banner{display:none!important} html body .secao-banners .flex-direction-nav{display:none!important} html body .secao-banners .flex-control-nav{bottom:18px;z-index:6} html body .secao-banners .flex-control-paging li a{width:8px;height:8px;background:rgba(239,239,239,.45);box-shadow:none;border-radius:50%} html body .secao-banners .flex-control-paging li a.flex-active{background:#6E8422} html body .ao-hero-wrap{position:relative} html body .ao-hero{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none} html.g_ .secao-banners .ao-hero .conteiner,html body .ao-hero .conteiner{height:100%;position:relative;max-width:1180px!important;padding:0 20px} html body .ao-hero-inner{position:absolute;left:20px;top:50%;transform:translateY(-50%);max-width:560px;pointer-events:auto;color:#EFEFEF} html body .ao-hero-inner .ao-overline{color:#C6C6C6;margin-bottom:22px} html body .ao-hero-title{margin:0 0 22px;font-size:62px;font-weight:300;line-height:1.02;letter-spacing:.005em;text-transform:uppercase;color:#FFFFFF} html body .ao-hero-title em{font-style:normal;font-weight:500;color:#6E8422} html body .ao-hero-text{margin:0 0 30px;max-width:440px;font-size:14px;line-height:1.75;color:#C6C6C6} html body .ao-hero-quote{position:absolute;right:20px;bottom:36px;margin:0;max-width:240px;text-align:right;font-size:12px;font-style:italic;line-height:1.6;color:#9A9894;pointer-events:none} /* ---------- 5. Faixa de beneficios (abaixo do hero) ---------------- */ html body .ao-herobar{background:#10100F;color:#EFEFEF;padding:30px 0;border-bottom:1px solid #1F1F1E} html body .ao-herobar ul{display:flex;list-style:none;margin:0;padding:0} html body .ao-herobar li{flex:1 1 0;display:flex;align-items:center;gap:16px;padding:4px 28px;border-left:1px solid #29272A;min-width:0;box-sizing:border-box} html body .ao-herobar li:first-child{border-left:0;padding-left:0} html body .ao-herobar li:last-child{padding-right:0} html body .ao-herobar .ao-ico{color:#6E8422} html body .ao-herobar .ao-ico svg{width:26px;height:26px} html body .ao-herobar strong{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;margin:0 0 4px;color:#EFEFEF} html body .ao-herobar span{display:block;font-size:12px;line-height:1.5;color:#9A9894} /* ---------- 6. Barra do kit (separador entre blocos) --------------- */ html body .ao-kitbar{background:#EFEFEF;border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;padding:22px 0} html body .ao-kitbar-in{display:flex;align-items:center;gap:28px} html body .ao-kitbar-thumb{flex:none;width:76px;height:76px;padding:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:0;background:#FFFFFF;border:1px solid #E2E2E2;border-radius:4px} html body .ao-kitbar-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;mix-blend-mode:multiply} html body .ao-kitbar-txt{flex:1 1 auto;min-width:0} html body .ao-kitbar-txt strong{display:block;margin:0 0 4px;font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#10100F} html body .ao-kitbar-txt span{display:block;font-size:13px;line-height:1.5;color:#5F5D5A} html body .ao-kitbar-price{flex:none;text-align:right;line-height:1.2} html body .ao-kitbar-price s{display:block;font-size:12px;color:#9A9894} html body .ao-kitbar-price strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.01em;color:#10100F} html body .ao-kitbar-badge{flex:none;padding:0 14px;line-height:28px;border:1px solid #6E8422;border-radius:15px;background:#F3F6EA;color:#54651A;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap} html body .ao-kitbar .ao-btn{flex:none} /* ---------- 7. O problema x a transformacao ------------------------ */ html body .ao-problema{background:#0D0E0E;color:#EFEFEF;padding:80px 0} html body .ao-problema .ao-overline{text-align:center;margin-bottom:40px} html body .ao-problema-grid{display:flex;align-items:center;gap:48px} html body .ao-problema-col{flex:1 1 0;min-width:0} html body .ao-problema-img{flex:0 0 32%;min-width:0;line-height:0} html body .ao-problema-img img{width:100%;height:auto;display:block;border-radius:4px} html body .ao-problema-col h2{margin:0 0 14px;font-size:26px;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#FFFFFF} html body .ao-nota{display:inline-block;margin:28px 0 0;font-family:'Caveat','Segoe Script','Comic Sans MS',cursive;font-size:28px;font-weight:500;line-height:1.2;color:#A9BC4E;transform:rotate(-2deg)} /* ---------- 8. O metodo Alpha One (3 passos) ----------------------- */ html body .ao-metodo{background:#FFFFFF;color:#10100F;padding:80px 0} html body .ao-metodo-grid{display:flex;align-items:stretch;gap:56px} html body .ao-metodo-main{flex:1 1 auto;min-width:0} html body .ao-metodo-main h2{margin:0 0 36px;font-size:34px;font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:#10100F} html body .ao-passos{display:flex;gap:24px;list-style:none;margin:0;padding:0} html body .ao-passos li{flex:1 1 0;min-width:0} html body .ao-passo-head{display:flex;align-items:baseline;gap:10px;margin:0 0 16px} html body .ao-passo-n{font-size:30px;font-weight:300;line-height:1;color:#C6C6C6} html body .ao-passo-head strong{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#10100F} html body .ao-passo-img{aspect-ratio:1/1;padding:12%;box-sizing:border-box;margin:0 0 16px;display:flex;align-items:center;justify-content:center;background:#EFEFEF;border-radius:4px;line-height:0} html body .ao-passo-img img{max-width:100%;max-height:100%;width:auto;height:auto;mix-blend-mode:multiply} html body .ao-passos li p{margin:0;font-size:13px;line-height:1.65;color:#5F5D5A} html body .ao-passo-uso{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:11px;letter-spacing:.06em;color:#5F5D5A} html body .ao-passo-uso .ao-ico{color:#6E8422} html body .ao-passo-uso .ao-ico svg{width:16px;height:16px} html body .ao-metodo-img{flex:0 0 32%;min-width:0;position:relative;line-height:0;border-radius:4px;overflow:hidden;background:#29272A} html body .ao-metodo-img img{width:100%;height:100%;object-fit:cover;display:block} html body .ao-metodo-cap{position:absolute;left:24px;right:24px;bottom:24px;font-size:18px;font-weight:500;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;text-shadow:0 2px 12px rgba(0,0,0,.5)} /* ---------- 9. Por que usar os 3 juntos ---------------------------- */ html body .ao-porque{background:#0D0E0E;color:#EFEFEF;padding:80px 0} html body .ao-porque-grid{display:flex;align-items:center;gap:48px} html body .ao-porque-txt{flex:0 0 31%;min-width:0} html body .ao-porque-img{flex:1 1 auto;min-width:0;line-height:0} html body .ao-porque-img img{width:100%;height:auto;display:block;border-radius:4px} html body .ao-porque-txt h2{margin:0 0 18px;font-size:32px;font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:#FFFFFF} html body .ao-porque-txt p{margin:0 0 22px;font-size:14px;line-height:1.75;color:#C6C6C6} html body .ao-porque-bens{flex:0 0 24%;min-width:0;list-style:none;margin:0;padding:0} html body .ao-porque-bens li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #1F1F1E;box-sizing:border-box} html body .ao-porque-bens li:last-child{border-bottom:0} html body .ao-porque-bens .ao-ico{width:44px;height:44px;border:1px solid #29272A;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#6E8422} html body .ao-porque-bens .ao-ico svg{width:20px;height:20px} html body .ao-porque-bens span{font-size:13px;font-weight:500;line-height:1.45;letter-spacing:.02em;color:#EFEFEF} /* ---------- 10. Vitrine / cards de produto (horizontais) ----------- */ html body.pagina-inicial #corpo{padding:0;background:#EDECEC} html body.pagina-inicial #corpo>.conteiner{padding-top:80px;padding-bottom:80px} html.g_ .pagina-inicial .conteudo{width:100%;float:none;margin:0} html.g_ .pagina-inicial .conteudo>.row-fluid,html.g_ .pagina-inicial .secao-principal{margin:0} html body .listagem{border:0;padding:0;margin:0;background:transparent;box-shadow:none} html body .ao-secao-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 0 36px} html body .ao-secao-cab h2{margin:0 0 10px;font-size:34px;font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:#10100F} html body .ao-secao-cab p{margin:0;max-width:520px;font-size:13px;line-height:1.65;color:#5F5D5A} html body .listagem>ul,html body .listagem ul.produtos-carrossel{margin:0;padding:0;list-style:none} html body .listagem li.listagem-linha{margin:0!important;padding:0;border:0;list-style:none} html body .listagem li.listagem-linha>ul{display:flex;flex-wrap:wrap;gap:20px;margin:0!important;padding:0!important;list-style:none;width:auto} html body .listagem li.listagem-linha>ul:before,html body .listagem li.listagem-linha>ul:after{display:none} html.g_ .listagem li.listagem-linha>ul>li,html body .listagem li.listagem-linha>ul>li{width:calc(33.333% - 14px)!important;margin:0!important;padding:0!important;min-width:0;float:none;list-style:none;display:block;box-sizing:border-box} html.g_ .pagina-categoria .listagem li.listagem-linha>ul>li,html.g_ .pagina-busca .listagem li.listagem-linha>ul>li{width:calc(50% - 10px)!important} html.g_ .pagina-inicial .listagem li.listagem-linha>ul>li.ao-li-kit{width:100%!important} html.g_ .listagem .listagem-item,html.g_ .listagem.com-caixa .listagem-item,html body .listagem-item{ margin:0!important;padding:0!important;height:100%!important;outline:0; display:flex;flex-direction:row;align-items:stretch;position:relative;overflow:visible; background:#FFFFFF;border:1px solid #E4E4E2;border-radius:4px;box-shadow:none;text-align:left;box-sizing:border-box; transition:border-color .2s,box-shadow .2s,transform .2s; } html.g_ .listagem .listagem-item:hover,html.g_ .listagem.com-caixa .listagem-item:hover{border-color:#C6C6C6;box-shadow:0 14px 34px rgba(16,16,15,.08);transform:translateY(-2px);outline:0} html.g_ .listagem.com-caixa .listagem-item .imagem-produto{border:0} html body .listagem.com-caixa .listagem-linha ul li{border:0} html.g_ .listagem-item .produto-sobrepor{z-index:1} /* foto: caixa cinza a esquerda, produto centralizado com respiro (padding 8%) */ html.g_ .listagem-item .imagem-produto,html body .listagem-item .imagem-produto{ flex:0 0 40%;width:40%;height:auto!important;min-height:190px;margin:0;padding:8%;box-sizing:border-box;position:relative;overflow:hidden; display:flex;align-items:center;justify-content:center;background:#EFEFEF;border-radius:4px 0 0 4px; } html.g_ .listagem .imagem-produto img,html body .listagem-item .imagem-produto img{ position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0!important; mix-blend-mode:multiply; } html body .ao-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column} html body .ao-passo{position:absolute;top:12px;left:12px;z-index:2;font-size:9px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#5F5D5A} html body .ao-kit-card .ao-passo{padding:6px 10px;border-radius:2px;background:rgba(16,16,15,.78);color:#EFEFEF} html body .ao-badge{position:absolute;top:0;right:0;z-index:2;padding:9px 12px;background:#3A3F2C;color:#EFEFEF;font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;border-radius:0 0 0 3px} html.g_ .listagem-item .bandeiras-produto,html body .listagem-item .bandeiras-produto{position:absolute;top:auto;bottom:12px;left:12px!important;right:auto;z-index:2;margin:0} html.g_ .listagem .bandeiras-produto>span,html body .listagem .bandeiras-produto span{display:block!important;margin:6px 0 0;padding:0 10px;background:#6E8422;color:#FFFFFF;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:24px;border:0;border-radius:2px;box-shadow:none;width:auto} html.g_ .listagem-item .info-produto,html body .listagem-item .info-produto{padding:20px 20px 0!important;margin:0!important;text-align:left;flex:1 1 auto;min-height:0!important} html.g_ .listagem .listagem-item .nome-produto,html body .listagem-item .nome-produto{ display:block;margin:0 0 4px;min-height:0!important;white-space:normal;overflow:visible;text-overflow:clip; font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.35;color:#10100F;text-decoration:none; } html body .listagem-item .nome-produto:hover{color:#6E8422} html body .ao-card-sub{display:block;margin:0 0 8px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#6E8422} html body .ao-card-desc{margin:0 0 10px;font-size:12px;line-height:1.55;color:#5F5D5A} html body .listagem-item .preco-produto{margin:6px 0 0;text-align:left;float:none} html.g_ .listagem .preco-produto *,html body .listagem-item .preco-produto *{font-size:inherit} html.g_ .listagem .preco-produto strong,html.g_ .listagem .preco-produto .preco-promocional,html.g_ .listagem .preco-produto strong.preco-venda,html body .listagem-item .preco-produto strong{font-size:20px!important;font-weight:600!important;color:#10100F!important;letter-spacing:-.01em;line-height:1.2} html.g_ .listagem .preco-produto .preco-parcela:before,html body .listagem-item .preco-parcela:before{content:"ou ";color:#5F5D5A} html.g_ .listagem .preco-produto s,html.g_ .listagem .preco-produto s.preco-venda,html body .listagem-item .preco-produto s{font-size:12px!important;font-weight:400;color:#9A9894;margin-right:6px} html.g_ .listagem .preco-produto .preco-a-partir .titulo,html.g_ .listagem .preco-produto .preco-a-partir span{font-size:12px!important;color:#5F5D5A;font-weight:400} html.g_ .listagem .preco-produto .preco-parcela,html.g_ .listagem .preco-produto .desconto-a-vista,html body .listagem-item .preco-parcela{display:block;margin:2px 0 0;font-size:12px!important;font-weight:400;color:#5F5D5A;opacity:1;line-height:1.5} html.g_ .listagem .preco-produto .preco-parcela *,html body .listagem-item .preco-parcela *{display:inline;margin:0;font-size:12px!important;font-weight:400;color:#5F5D5A} html.g_ .listagem .preco-produto .preco-parcela strong,html.g_ .listagem .preco-produto .preco-parcela .titulo,html body .listagem-item .preco-parcela strong{font-weight:500!important;color:#10100F!important} html.g_ .listagem-item .acoes-produto,html body .listagem-item .acoes-produto{ opacity:1!important;position:relative;z-index:2;height:auto;width:auto;left:auto;right:auto;bottom:auto; padding:14px 20px 20px!important;margin:0;background:transparent;border:0;display:block!important; } html.g_ .listagem-item .acoes-produto .add-wishlist{display:none!important} html.g_ .listagem-item .acoes-produto a.botao-comprar,html body .listagem-item .acoes-produto a.botao-comprar{ display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0 16px;height:44px;line-height:44px; background:#10100F!important;border:1px solid #10100F!important;border-radius:2px!important;color:#FFFFFF!important; font-size:11px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important; text-decoration:none;box-shadow:none;opacity:1;transition:background-color .2s,border-color .2s; } html.g_ .listagem-item .acoes-produto a.botao-comprar:hover{background:#6E8422!important;border-color:#6E8422!important} html.g_ .listagem-item .acoes-produto a .svg-ico{padding:0;filter:none;line-height:0} html.g_ .listagem-item .acoes-produto a .svg-ico svg{display:none} html.g_ .listagem-item .acoes-produto a .svg-ico:after{content:"Comprar \2192";white-space:pre;margin:0;line-height:44px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#FFFFFF} html.g_ .listagem-item .acoes-produto a.botao-comprar i{display:none} html.g_ .listagem-item.ao-kit-card .acoes-produto a.botao-comprar{background:#6E8422!important;border-color:#6E8422!important} html.g_ .listagem-item.ao-kit-card .acoes-produto a.botao-comprar:hover{background:#54651A!important;border-color:#54651A!important} html.g_ .listagem-item .acoes-produto-responsiva{display:none!important} html.g_ .listagem-item .produto-avise{position:static;opacity:1;padding:0 20px 20px;box-shadow:none} html.g_ .listagem-item.indisponivel{opacity:.85} /* card do kit na home: largura total, foto menor, texto e botao lado a lado */ html.g_ .pagina-inicial .listagem-item.ao-kit-card .imagem-produto{flex:0 0 24%;width:24%;min-height:200px;padding:24px} html.g_ .pagina-inicial .listagem-item.ao-kit-card .ao-card-body{flex-direction:row;align-items:center} html.g_ .pagina-inicial .listagem-item.ao-kit-card .info-produto{padding:24px 28px!important} html.g_ .pagina-inicial .listagem-item.ao-kit-card .acoes-produto{padding:24px 28px 24px 0!important;flex:none} html.g_ .pagina-inicial .listagem-item.ao-kit-card .acoes-produto a.botao-comprar{padding:0 28px;height:52px;line-height:52px} html body .listagem .listagem-linha.flexslider{border:0;background:transparent;box-shadow:none;margin:0} /* ---------- 11. Depoimentos ---------------------------------------- */ html body .ao-depo{background:#FFFFFF;color:#10100F;padding:80px 0} html body .ao-depo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 0 36px} html body .ao-depo-head h2{margin:0 0 10px;font-size:34px;font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:uppercase;color:#10100F} html body .ao-depo-head p{margin:0;font-size:13px;line-height:1.65;color:#5F5D5A} html body .ao-depo-nota{text-align:right;flex:none} html body .ao-stars{display:inline-flex;gap:2px;color:#6E8422} html body .ao-stars .ao-ico svg{width:16px;height:16px} html body .ao-depo-nota strong{display:block;margin:6px 0 2px;font-size:26px;font-weight:600;line-height:1.1;color:#10100F} html body .ao-depo-nota-txt{display:block;font-size:12px;color:#5F5D5A} html body .ao-depo-wrap{position:relative} html body .ao-depo-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:2px} html body .ao-depo-track::-webkit-scrollbar{display:none} html body .ao-depo-item{flex:0 0 calc(25% - 15px);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;padding:24px;box-sizing:border-box;background:#F5F5F4;border:1px solid #E4E4E2;border-radius:4px} html body .ao-depo-item img{width:60px;height:60px;border-radius:50%;object-fit:cover;filter:grayscale(100%)} html body .ao-depo-item p{margin:0 0 12px;font-size:14px;line-height:1.65;color:#29272A} html body .ao-depo-item span{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#5F5D5A} html body .ao-depo-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid #C6C6C6;border-radius:50%;background:#FFFFFF;color:#10100F;cursor:pointer;box-shadow:0 6px 18px rgba(16,16,15,.1);transition:border-color .2s,color .2s} html body .ao-depo-nav:hover{border-color:#6E8422;color:#6E8422} html body .ao-depo-nav .ao-ico svg{width:18px;height:18px} html body .ao-depo-prev{left:-20px} html body .ao-depo-next{right:-20px} /* ---------- 12. Secoes duplas (metade / metade) -------------------- */ html body .ao-duo-grid{display:flex;align-items:stretch} html body .ao-duo-grid>div{flex:0 0 50%;min-width:0;box-sizing:border-box} html body .ao-duo-in{max-width:590px;padding:80px 56px;box-sizing:border-box} html body .ao-ingred .ao-duo-in,html body .ao-garantias .ao-duo-in{margin-left:auto;padding-left:20px} html body .ao-rotina .ao-duo-in,html body .ao-faq .ao-duo-in{padding-right:20px} /* 12a. ingredientes (escuro) */ html body .ao-ingred{background:#10100F;color:#EFEFEF} html body .ao-ingred h2{margin:0 0 14px;font-size:30px;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#FFFFFF} html body .ao-ingred p{margin:0 0 30px;max-width:440px;font-size:13px;line-height:1.7;color:#C6C6C6} html body .ao-ingred-list{display:flex;gap:16px;list-style:none;margin:0 0 30px;padding:0} html body .ao-ingred-list li{flex:1 1 0;min-width:0;padding:14px;box-sizing:border-box;background:#171716;border:1px solid #29272A;border-radius:4px} html body .ao-ingred-list img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin:0 0 12px;border-radius:3px} html body .ao-ingred-list strong{display:block;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#EFEFEF} html body .ao-ingred-list span{display:block;font-size:12px;line-height:1.5;color:#9A9894} /* 12b. rotina simples (foto de fundo escura) */ html body .ao-rotina{position:relative;background-color:#1A1A19;background-size:cover;background-position:center right;color:#EFEFEF} html body .ao-rotina:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(13,14,14,.94) 0%,rgba(13,14,14,.72) 55%,rgba(13,14,14,.35) 100%)} html body .ao-rotina .ao-duo-in{position:relative;z-index:1} html body .ao-rotina h2{margin:0 0 14px;font-size:30px;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#FFFFFF} html body .ao-rotina p{margin:0 0 30px;font-size:13px;line-height:1.7;color:#C6C6C6} html body .ao-rotina-cols{display:flex;gap:16px;list-style:none;margin:0;padding:0} html body .ao-rotina-cols li{flex:1 1 0;min-width:0;padding:18px;box-sizing:border-box;background:rgba(16,16,15,.6);border:1px solid rgba(239,239,239,.12);border-radius:4px} html body .ao-rotina-cols .ao-ico{display:block;margin:0 0 12px;color:#6E8422} html body .ao-rotina-cols .ao-ico svg{width:22px;height:22px} html body .ao-rotina-cols strong{display:block;margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#EFEFEF} html body .ao-rotina-cols ol{margin:0;padding:0;list-style:none;counter-reset:ao-rot} html body .ao-rotina-cols ol li{padding:0;margin:0;background:transparent;border:0;font-size:13px;line-height:1.9;color:#C6C6C6} html body .ao-rotina-cols ol li:before{counter-increment:ao-rot;content:counter(ao-rot) ". ";font-weight:600;color:#6E8422} html body .ao-rotina-cols p{margin:0;font-size:13px;line-height:1.6;color:#C6C6C6} /* 12c. garantias (claro) */ html body .ao-garantias{background:#EFEFEF;color:#10100F} html body .ao-garantias h2{margin:0 0 30px;font-size:30px;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#10100F} html body .ao-garantias-list{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0} html body .ao-garantias-list li{flex:0 0 calc(50% - 8px);min-width:0;padding:22px;box-sizing:border-box;background:#FFFFFF;border:1px solid #E4E4E2;border-radius:4px} html body .ao-garantias-list .ao-ico{display:block;margin:0 0 14px;color:#6E8422} html body .ao-garantias-list .ao-ico svg{width:26px;height:26px} html body .ao-garantias-list strong{display:block;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#10100F} html body .ao-garantias-list span{display:block;font-size:12px;line-height:1.5;color:#5F5D5A} /* 12d. duvidas frequentes (sanfona) */ html body .ao-faq{background:#FFFFFF;color:#10100F} html body .ao-faq-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 20px} html body .ao-faq-head h2{margin:0;font-size:30px;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:#10100F} html body .ao-faq-item{border-bottom:1px solid #E2E2E2} html body .ao-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:18px 0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;font-size:14px;font-weight:500;line-height:1.4;color:#10100F;cursor:pointer;-webkit-appearance:none;appearance:none} html body .ao-faq-q:hover{color:#6E8422} html body .ao-faq-q .ao-ico{color:#6E8422;transition:transform .25s} html body .ao-faq-q .ao-ico svg{width:18px;height:18px} html body .ao-faq-item.open .ao-faq-q .ao-ico{transform:rotate(45deg)} html body .ao-faq-a{display:none;padding:0 34px 18px 0;overflow:hidden} html body .ao-faq-a p{margin:0;font-size:13px;line-height:1.7;color:#5F5D5A} /* ---------- 13. Chamada final -------------------------------------- */ html body .ao-cta{position:relative;background-color:#0D0E0E;background-size:cover;background-position:center;color:#EFEFEF;padding:120px 0 110px} html body .ao-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(13,14,14,.92) 0%,rgba(13,14,14,.6) 50%,rgba(13,14,14,.2) 100%)} html body .ao-cta .conteiner{position:relative;z-index:1} html body .ao-cta-in{max-width:580px} html body .ao-cta-logo{display:flex;align-items:center;gap:14px;margin:0 0 28px;line-height:0} html body .ao-cta-logo .ao-symbol{height:38px;width:auto} html body .ao-cta-logo .ao-word{height:22px;width:auto} html body .ao-cta h2{margin:0 0 20px;font-size:44px;font-weight:300;line-height:1.08;letter-spacing:.005em;text-transform:uppercase;color:#FFFFFF} html body .ao-cta p{margin:0 0 32px;font-size:14px;line-height:1.75;color:#C6C6C6} html body .ao-cta-tags{position:absolute;left:20px;right:20px;bottom:-66px;margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;gap:20px} html body .ao-cta-tags li{font-size:10px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#9A9894} /* ---------- 14. Rodape --------------------------------------------- */ html body #rodape{background:#0A0C0D;color:#C6C6C6;margin:0;padding:0} html.g_ #rodape .institucional,html body #rodape .institucional{background:#0A0C0D!important;background-image:none;border:0;border-top:1px solid #1F1F1E;padding:64px 0 40px;min-height:0} html.g_ #rodape .institucional .row-flex,html body #rodape .institucional .row-flex{display:flex;flex-wrap:wrap;gap:40px;margin:0} html.g_ #rodape .institucional .col,html body #rodape .institucional .col{padding:0;margin:0;flex:1 1 0;width:auto;max-width:none;min-width:0;box-sizing:border-box} html body #rodape .institucional .col.ao-footer-brand{flex:0 0 22%} html body #rodape .institucional .col.ao-footer-news{flex:0 0 25%} html body #rodape .institucional .col.ao-footer-social{flex:0 0 100%;display:flex;justify-content:flex-end;margin-top:-4px} html.g_ #rodape .institucional h5,html.g_ #rodape .titulo,html body #rodape .institucional h5{margin:0 0 20px;padding:0;border:0;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#EFEFEF;line-height:1.4;display:block} html.g_ #rodape .institucional ul{margin:0;padding:0;list-style:none} html.g_ #rodape .institucional ul li{margin:0 0 10px} html.g_ #rodape .institucional ul li a,html.g_ #rodape .institucional p,html body #rodape .institucional a{font-size:13px;line-height:1.6;color:#C6C6C6;text-decoration:none;opacity:1} html.g_ #rodape .institucional ul li a:hover{color:#FFFFFF;opacity:1;text-decoration:none} html.g_ #rodape .g_atendimento li a i{display:none} /* marca no rodape: simbolo centralizado sobre o logotipo, proporcao do logo empilhado (simbolo = 23% da largura) */ html body .ao-footer-logo{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 16px;line-height:0;text-decoration:none;vertical-align:top} html body .ao-footer-logo .ao-symbol{width:54px;height:auto;display:block} html body .ao-footer-logo .ao-word{width:236px;max-width:100%;height:auto;max-height:none;display:block} html body .ao-footer-logo .ao-stack{width:236px;max-width:100%;height:auto;display:block} html body .ao-tagline{margin:0;font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:#9A9894!important} html body .ao-footer-brand .ao-tagline{max-width:236px;text-align:center;line-height:1.7} html.g_ #rodape .institucional ul.ao-social,html body .ao-social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0} html.g_ #rodape .institucional ul.ao-social li,html body .ao-social li{margin:0;padding:0;line-height:0} html.g_ #rodape .institucional ul.ao-social li a,html body .ao-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0;line-height:1;font-size:0;box-sizing:border-box;border:1px solid #29272A;border-radius:50%;background:transparent;color:#C6C6C6;opacity:1;text-decoration:none;transition:border-color .2s,color .2s} html.g_ #rodape .institucional ul.ao-social li a:hover,html body .ao-social a:hover{border-color:#6E8422;color:#FFFFFF;opacity:1} html.g_ #rodape .institucional ul.ao-social .ao-ico,html body .ao-social .ao-ico{display:block;line-height:0} html.g_ #rodape .institucional ul.ao-social .ao-ico svg,html body .ao-social .ao-ico svg{width:18px;height:18px;display:block} html.g_ #rodape .institucional .ao-footer-brand p.ao-tagline{margin:0} html body .ao-footer-news p{margin:0 0 16px;font-size:13px;line-height:1.6;color:#C6C6C6} html.g_ #rodape .componente.newsletter,html body .ao-footer-news .componente.newsletter{background:transparent;border:0;padding:0;margin:0;box-shadow:none;border-radius:0} html.g_ #rodape .componente.newsletter .interno,html body .ao-footer-news .componente.newsletter .interno,html body .ao-footer-news .componente.newsletter .interno-conteudo{padding:0;margin:0;background:transparent;border:0} html body .ao-footer-news .componente.newsletter .interno>.titulo,html body .ao-footer-news .texto-newsletter{display:none!important} html body .ao-footer-news .newsletter-cadastro.input-conteiner{display:flex;position:relative;margin:0;padding:0;width:100%;white-space:normal} html body .ao-footer-news .newsletter-cadastro input[type="text"]{flex:1;width:100%;height:46px;margin:0;padding:0 56px 0 16px;box-sizing:border-box;background:#10100F;border:1px solid #29272A;border-radius:2px;color:#EFEFEF;font-size:12px;letter-spacing:.04em;box-shadow:none} html body .ao-footer-news .newsletter-cadastro input[type="text"]:focus{border-color:#6E8422;outline:0;box-shadow:none} html body .ao-footer-news .newsletter-cadastro input::placeholder{color:#5F5D5A;opacity:1} html.g_ #rodape .componente .newsletter-assinar,html body .ao-footer-news .newsletter-assinar{position:absolute;top:3px;right:3px;width:44px;height:40px;padding:0!important;margin:0;line-height:40px!important;background:#6E8422!important;border:0!important;border-radius:2px!important;color:#FFFFFF;font-size:14px;box-shadow:none!important;text-shadow:none} html.g_ #rodape .componente .newsletter-assinar:after,html body .ao-footer-news .newsletter-assinar:after{content:"\2192";font-family:'Work Sans',Arial,sans-serif;font-size:16px;font-weight:400;margin:0} html.g_ #rodape .componente .newsletter-assinar:before{display:none} html.g_ #rodape .componente .newsletter-confirmacao span,html body .ao-footer-news .newsletter-confirmacao span{display:block;font-size:12px;color:#A9BC4E;white-space:normal} html.g_ #rodape .componente .newsletter-confirmacao .icon-ok{display:none} html.g_ #rodape .pagamento-selos,html body #rodape .pagamento-selos{background:#0A0C0D;background-image:none;border:0;padding:0 0 36px} html body #rodape .pagamento-selos .selos .titulo{display:none} html body #rodape .pagamento-selos ul{margin:0;padding:0;list-style:none;display:flex;gap:12px;align-items:center} html body #rodape .pagamento-selos ul li{margin:0;padding:0;display:block} html body #rodape .pagamento-selos img{height:32px;width:auto;opacity:.7;filter:grayscale(100%)} html body #rodape .gateways-rodape{background:transparent;border:0} /* barra final: linha 1 = redes sociais | selos + assinatura LI; linha 2 = copyright | dominio */ html.g_ #rodape>div:last-child,html body #rodape>div:last-child{background:#0A0C0D!important;border-top:1px solid #29272A!important;padding:0!important;font-size:11px} html.g_ #rodape>div:last-child .conteiner,html body #rodape>div:last-child .conteiner{padding:0 20px} html body #rodape>div:last-child .row-fluid{display:block;margin:0;width:auto} html body #rodape>div:last-child .row-fluid:before,html body #rodape>div:last-child .row-fluid:after{display:none} html body .ao-fb-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px} html body .ao-fb-row1{padding:24px 0;border-bottom:1px solid #1F1F1E} html body .ao-fb-row2{padding:18px 0} html body #rodape .ao-fb ul.ao-social{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0} html body #rodape .ao-fb ul.ao-social li{margin:0;padding:0;line-height:0;border:0;background:transparent} html body .ao-fb-selos{display:flex;align-items:center;gap:24px} html body #rodape .ao-fb-selos>img{height:30px!important;width:auto!important;display:block;opacity:.65;filter:grayscale(100%);margin:0} html body #rodape .ao-fb a[title^="Loja Integrada"]{display:inline-flex!important;align-items:center;gap:10px;padding:0!important;text-decoration:none;line-height:0;color:#9A9894} html body #rodape .ao-fb a[title^="Loja Integrada"] img{filter:brightness(0) invert(1);opacity:.5;vertical-align:middle} html.g_ #rodape>div:last-child p,html body #rodape>div:last-child p,html body .ao-fb-row2 p{margin:0!important;font-size:11px;letter-spacing:.04em;color:#9A9894;line-height:1.6;text-align:left} html body .ao-footer-domain{flex:none;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#9A9894;white-space:nowrap} html body #rodape #logo_before{display:none!important} /* ---------- 15. Titulos, links e textos internos ------------------- */ html body .titulo{font-weight:400;letter-spacing:.01em;text-rendering:optimizeLegibility} html body .cabecalho-interno h1.titulo,html body .pagina-pagina h1.titulo,html body .pagina-categoria .categoryTitle h1.titulo,html body .pagina-busca h1.titulo{ margin:0 0 30px;font-size:28px;line-height:1.15;font-weight:400;letter-spacing:.01em;text-transform:uppercase;color:#10100F;border:0;background:transparent;padding:0; } html body .cabecalho-interno h1.titulo::before,html body .pagina-categoria .categoryTitle h1.titulo::before,html body .pagina-pagina h1.titulo::before{ content:"Alpha One";display:block;margin-bottom:12px;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#6E8422; } html body .cabecalho-interno h1.titulo small{display:block;margin-top:10px;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:#5F5D5A} html body legend.titulo{margin:0 0 24px;padding:0 0 14px;border:0;border-bottom:1px solid #E2E2E2;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:#10100F} html body legend.titulo i{color:#6E8422;margin-right:10px} html body h2.titulo,html body h3.titulo,html body .componente .titulo{font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#10100F} html body #corpo a:not(.botao):not(.btn):not(.ao-btn):not(.ao-link):not(.nome-produto):not(.produto-sobrepor):not(.botao-comprar){color:#10100F} html body #corpo p a:not(.botao),html body #corpo .recuperar-senha,html body #corpo .help-inline a{text-decoration:underline;text-decoration-color:#C6C6C6;text-underline-offset:3px} html body #corpo p a:not(.botao):hover,html body #corpo .recuperar-senha:hover{color:#6E8422;text-decoration-color:#6E8422} html body #corpo .recuperar-senha{display:inline-block;margin-top:16px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase} html body #corpo .recuperar-senha i{color:#6E8422;margin-right:6px} html.g_ .breadcrumbs{display:none} html body .pagina-pagina #corpo,html body .pagina-conta #corpo,html body .pagina-login #corpo,html body .pagina-cadastro #corpo,html body .pagina-carrinho #corpo,html body .pagina-categoria #corpo,html body .pagina-produto #corpo,html body .pagina-busca #corpo{padding:48px 0 64px} /* ---------- 16. Botoes gerais -------------------------------------- */ html.g_ .botao,html body .botao{ display:inline-block;padding:0 24px;height:44px;line-height:42px;box-sizing:border-box; font-size:11px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important; border:1px solid #10100F;border-radius:2px!important;background-color:transparent;background-image:none!important; color:#10100F;text-shadow:none!important;box-shadow:none!important;text-decoration:none;cursor:pointer; transition:background-color .2s,color .2s,border-color .2s,opacity .2s;opacity:1; } html.g_ .botao:hover,html body .botao:hover,html body .botao:focus{background-color:#10100F;background-image:none;color:#FFFFFF;opacity:1;text-decoration:none} html.g_ .botao.principal,html body .botao.principal{background-color:#10100F;border-color:#10100F;color:#FFFFFF} html.g_ .botao.principal:hover,html body .botao.principal:hover,html body .botao.principal:focus{background-color:#6E8422;border-color:#6E8422;color:#FFFFFF} html.g_ .botao.principal.grande,html.g_ .botao.principal.btn-block,html body .botao.principal.grande,html body .botao.principal.btn-block{background-color:#6E8422;border-color:#6E8422} html.g_ .botao.principal.grande:hover,html.g_ .botao.principal.btn-block:hover{background-color:#54651A;border-color:#54651A} html.g_ .botao.grande,html body .botao.grande{height:52px;line-height:50px;padding:0 32px;font-size:12px!important} html.g_ .botao.pequeno,html body .botao.pequeno{height:34px;line-height:32px;padding:0 14px;font-size:10px!important} html.g_ .botao.fundo-secundario,html body .botao.fundo-secundario{background-color:#6E8422;border-color:#6E8422;color:#FFFFFF} html body .botao i{margin-right:8px} html body .botao:disabled,html body .botao.disabled,html body .botao.desativo{opacity:.45;cursor:not-allowed} html body .botao.principal:not(.botao-busca):not(.botao-input):not(.submit-email):not(.btn-block):not(.botao-comprar):not(.newsletter-assinar)::after{content:"\2192";display:inline-block;margin-left:10px;font-weight:400} html body .cadastro-logar .botao{display:block;width:100%;margin:12px 0 0} html body .acao-editar{text-align:right} html body .acao-editar>[class*="span"]{width:auto;float:none;margin-left:0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px} html body .acao-editar>div>*{margin:0} html body .identificacao .control-group .botao.principal,html body .identificacao .email-box .botao.principal{height:44px;line-height:42px;padding:0 14px;min-width:120px;max-width:none;font-size:11px!important} html body .identificacao .control-group .submit-email.botao.principal{max-width:none;min-width:110px} /* ---------- 17. Campos de formulario ------------------------------- */ html body label,html body .control-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#5F5D5A;line-height:1.5} html body label i,html body .control-label i{color:#6E8422} html body .control-group{margin-bottom:16px} html body .form-horizontal .control-label{float:none;width:auto;display:block;text-align:left;padding-top:0;margin-bottom:6px} html body .form-horizontal .controls{margin-left:0} html body .form-horizontal .controls input[type="text"],html body .form-horizontal .controls input[type="password"],html body .form-horizontal .controls input[type="email"], html body .form-horizontal .controls input[type="tel"],html body .form-horizontal .controls select,html body .cadastro-logar input[class*="span"]{width:100%} html body .controls .help-inline{display:block;margin:6px 0 0;padding:0} html body .cadastro-logar .form-horizontal .control-label{width:auto;float:none} html body .cadastro-logar .form-horizontal .controls{margin-left:0} html body .cadastro-logar .control-group{margin:0 0 16px} html.g_ .pagina-login .caixa-sombreada.borda-principal label,html body .cadastro .dados-acesso label{font-size:11px;font-weight:500;color:#5F5D5A} html body .dados-acesso{background:transparent} html.g_ input[type="text"],html.g_ input[type="password"],html.g_ input[type="email"],html.g_ input[type="tel"],html.g_ input[type="number"],html.g_ input[type="search"],html.g_ input[type="url"],html.g_ input[type="date"],html.g_ select,html.g_ textarea,html.g_ .uneditable-input, html.g_ .pagina-login .caixa-sombreada.borda-principal input,html.g_ .modal-body input[type="text"], html body input[type="text"],html body input[type="password"],html body input[type="email"],html body input[type="tel"],html body input[type="number"],html body select,html body textarea{ font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:14px;color:#10100F; box-sizing:border-box;height:44px;min-height:44px;line-height:20px;padding:11px 14px; border:1px solid #C6C6C6;border-radius:2px;background-color:#FFFFFF;box-shadow:none;transition:border-color .2s; } html body select{padding:0 12px;line-height:42px} html body textarea{height:auto;min-height:110px;resize:vertical} html.g_ input[type="text"]:focus,html.g_ input[type="password"]:focus,html.g_ input[type="email"]:focus,html.g_ input[type="tel"]:focus,html.g_ input[type="number"]:focus,html.g_ select:focus,html.g_ textarea:focus, html body input[type="text"]:focus,html body input[type="password"]:focus,html body select:focus,html body textarea:focus{border-color:#10100F;box-shadow:none;outline:0} html body input::placeholder,html body textarea::placeholder{color:#9A9894;opacity:1} html body input[type="radio"],html body input[type="checkbox"]{accent-color:#10100F;width:16px;height:16px;margin:0 8px 0 0;vertical-align:-2px} html body #id_tipo{margin:0;list-style:none} html body #id_tipo li{display:inline-block;margin:0 32px 0 0} html body #id_tipo label{display:flex;align-items:center;font-size:12px;color:#10100F;cursor:pointer} html body .help-inline,html body .help-block{font-size:12px;color:#5F5D5A;letter-spacing:.02em} html body .control-group.error .control-label,html body .control-group.erro .control-label{color:#B3261E} html body .control-group.error input,html body .control-group.erro input,html body .control-group.error select,html body .control-group.erro select{border-color:#B3261E;box-shadow:none} html body .errorlist,html body .control-group.error .help-inline,html body .control-group.erro .help-inline{color:#B3261E} /* ---------- 18. Caixas, tabelas, menus internos, alertas ---------- */ html.g_ .caixa-sombreada,html.g_ .pagina-login .caixa-sombreada.borda-principal,html body .caixa-sombreada{background:#FFFFFF;border:1px solid #E2E2E2;border-radius:4px;box-shadow:none;padding:32px;margin-bottom:24px} html.g_ .pagina-login .caixa-sombreada.borda-principal .titulo{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#10100F} html body .caixa-sombreada.borda-principal{border-color:#E2E2E2} html body .caixa-dados .caixa-sombreada,html body .finalizar-compra .caixa-sombreada,html body .resumo-compra.caixa-sombreada{padding:0} html body .social-login-google{margin-top:20px} html body .table{border-collapse:collapse} html body .table th{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#5F5D5A;background:#FFFFFF;border-color:#E2E2E2;padding:14px 12px} html body .table td{border-color:#E2E2E2;vertical-align:middle;padding:14px 12px} html body .table-striped tbody>tr:nth-child(odd)>td{background:#FAFAFA} html body .table-hover tbody tr:hover>td{background:#EFEFEF} html.g_ .table tbody tr>td .preco-promocional,html body .preco-produto strong,html body .preco-promocional,html body .carrinho-total strong{color:#10100F;font-weight:500} html body .conta-menu .titulo{font-size:12px;letter-spacing:.14em;text-transform:uppercase} html body .menu-simples li a{display:block;padding:12px 16px;border-radius:2px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#10100F;text-decoration:none} html body .menu-simples li a:hover,html body .menu-simples li.active a{background:#10100F;color:#FFFFFF} html body .nav-tabs{border-bottom:1px solid #E2E2E2;margin:0 0 24px} html body .nav-tabs>li>a{margin:0;padding:12px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#5F5D5A;background:transparent} html body .nav-tabs>li>a:hover{background:transparent;color:#10100F;border-color:transparent} html body .nav-tabs>li.active>a,html body .nav-tabs>li.active>a:hover{color:#10100F;border:0;border-bottom:2px solid #10100F;background:transparent} html body .accordion-group{border:1px solid #E2E2E2;border-radius:2px;margin-bottom:10px} html body .accordion-heading .accordion-toggle{padding:14px 16px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#10100F} html body .alert{border-radius:2px;border:1px solid #E2E2E2;background:#FFFFFF;color:#10100F;text-shadow:none;font-size:13px;padding:14px 18px} html body .alert-success{border-color:#6E8422;background:#F3F6EA;color:#54651A} html body .alert-danger,html body .alert-error{border-color:#B3261E;background:#FBF0EF;color:#8F1D17} html body .alert-info{border-color:#C6C6C6;background:#EFEFEF;color:#10100F} html body .modal{border:1px solid #E2E2E2;border-radius:4px;box-shadow:0 24px 60px rgba(16,16,15,.25)} html body .modal-header{border-bottom:1px solid #E2E2E2;padding:18px 24px} html body .modal-header .titulo{display:block;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase} html body .modal-header .close{opacity:.5;text-shadow:none;font-size:22px} html body .modal-header .close:hover{opacity:1} html body .modal-body{padding:24px} html body .modal-body.borda-principal{border-color:#E2E2E2} html body .modal-footer{background:#FFFFFF;border-top:1px solid #E2E2E2;box-shadow:none;border-radius:0 0 4px 4px;padding:16px 24px} html body .checkout-alerta-seguro{border:1px solid #E2E2E2;border-radius:4px;background:#FFFFFF} html body .checkout-alerta-seguro .checkout-alerta-seguro-tit,html body .checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok{color:#6E8422} html body .checkout-alerta-seguro .checkout-alerta-seguro-icon{color:#F3F6EA} html body .checkout-alerta-seguro .checkout-alerta-seguro-list{color:#5F5D5A} html body .identificacao .identificacao-inner{background:#FFFFFF;border:1px solid #E2E2E2;border-radius:4px} html body .identificacao .identificacao-title{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase} html body #avisoCookies{background:#10100F;color:#EFEFEF;font-size:12px} html body #avisoCookies a{color:#A9BC4E} html body #avisoCookies .conteiner{height:auto;padding:12px 20px} html body #avisoCookies .conteiner button{width:auto;margin-left:16px;height:36px;line-height:34px;border-color:#EFEFEF;color:#EFEFEF} html body #avisoCookies .conteiner button:hover{background:#EFEFEF;color:#10100F} /* ---------- 19. Pagina de categoria e busca ------------------------ */ html body .pagina-categoria .conteudo.span9,html body .pagina-busca .conteudo.span9{width:74%} html body .pagina-categoria .coluna.span3,html body .pagina-busca .coluna.span3{width:22%} html body .ordenar-listagem.topo{border:0;padding:0;margin:0 0 32px;background:transparent} html body .ordenar-listagem.topo .row-fluid{display:flex;align-items:flex-end;justify-content:space-between;gap:24px} html body .ordenar-listagem.topo .row-fluid>[class*="span"]{float:none;width:auto;margin:0} html body .ordenar-listagem label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#5F5D5A;line-height:44px;background:transparent} html.g_ .ordenar-listagem label+.btn-group>.btn,html body .ordenar-listagem .btn-group>.btn{height:44px;line-height:42px;padding:0 18px;border:1px solid #C6C6C6;border-radius:2px!important;background:#FFFFFF;box-shadow:none;text-shadow:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#10100F} html body .ordenar-listagem .dropdown-menu{border:1px solid #E2E2E2;border-radius:2px;box-shadow:0 16px 40px rgba(16,16,15,.12);padding:8px 0} html body .ordenar-listagem .dropdown-menu>li>a{padding:10px 18px;font-size:12px;letter-spacing:.04em;color:#10100F} html body .ordenar-listagem .dropdown-menu>li>a:hover{background:#10100F;color:#FFFFFF} html body .ordenar-listagem.rodape{border:0;border-top:1px solid #E2E2E2;padding:24px 0 0;margin:24px 0 0;background:transparent} html body .pagination ul{box-shadow:none;border-radius:0} html body .pagination ul>li>a,html body .pagination ul>li>span{border:1px solid #E2E2E2;margin-left:-1px;padding:0 14px;line-height:38px;font-size:12px;letter-spacing:.06em;color:#10100F;background:#FFFFFF} html body .pagination ul>li.active>a,html body .pagination ul>li.active>span,html body .pagination ul>li>a:hover{background:#10100F;color:#FFFFFF;border-color:#10100F} html body .coluna .lateral,html.g_ .lateral{border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0 0 28px} html body .coluna .filtro{border:0;padding:0;margin:0 0 28px;background:transparent;box-shadow:none} html.g_ .lateral .filtro .titulo,html.g_ .lateral .titulo,html body .coluna .filtro .titulo,html body .coluna .lateral .titulo{display:block;margin:0 0 14px;padding:0 0 12px;border:0;border-bottom:1px solid #E2E2E2;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#10100F} html.g_ .pagina-categoria h1.titulo,html.g_ .pagina-busca h1.titulo,html.g_ .pagina-categoria .categoryTitle h1.titulo{margin:0;font-size:28px!important;font-weight:400!important;letter-spacing:.01em;text-transform:uppercase;line-height:1.15;color:#10100F!important;border:0;padding:0;background:transparent} html.g_ .pagina-categoria h1.titulo::before,html.g_ .pagina-busca h1.titulo::before{content:"Alpha One";display:block;margin-bottom:12px;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#6E8422} html.g_ .lateral ul>li>a,html.g_ .lateral ul>li>a label{color:#29272A!important;font-size:12px} html.g_ .lateral.faceta-tamanho .beautyScroll>li>a>span{background:#FFFFFF;border:1px solid #C6C6C6!important;color:#10100F;border-radius:2px} html.g_ .lateral.faceta-tamanho .beautyScroll>li.active>a>span{background:#10100F;border-color:#10100F!important;color:#FFFFFF} html body .coluna .filtro ul{margin:0;padding:0;list-style:none} html body .coluna .filtro ul li{margin:0 0 6px;padding:0;border:0} html body .coluna .filtro.lista ul li label{display:block;padding:8px 10px;border-radius:2px;font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:none;color:#29272A;cursor:pointer;background:transparent} html body .coluna .filtro.lista ul li label:hover,html body .coluna .filtro.lista ul li.active label{background:#10100F;color:#FFFFFF} html body .coluna .menu.lateral{border:0;background:transparent;box-shadow:none;padding:0} html body .coluna .menu.lateral ul{margin:0;padding:0;list-style:none} html body .coluna .menu.lateral .nivel-um>li{border:0;margin:0} html body .coluna .menu.lateral .nivel-um>li>a{display:block;padding:10px 0;border:0;background:transparent;text-decoration:none} html body .coluna .menu.lateral .nivel-um>li>a .titulo{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#10100F;margin:0} html body .coluna .menu.lateral .nivel-um>li>a:hover .titulo{color:#6E8422} html body .coluna .menu.lateral i{display:none} html body .coluna .componente.newsletter{display:none} html body .listagem .titulo-categoria,html.g_ .listagem .titulo-categoria{margin:56px 0 24px;padding:0;border:0;background:transparent} html body .listagem .titulo-categoria strong,html.g_ .listagem .titulo-categoria strong{font-size:22px!important;font-weight:400!important;letter-spacing:.02em;text-transform:uppercase;color:#10100F;display:block} html body .listagem .titulo-categoria:first-child{margin-top:0} /* ---------- 20. Pagina de produto ---------------------------------- */ html.g_ .pagina-produto .produto .conteiner-imagem,html body .pagina-produto .produto .conteiner-imagem{background:#EFEFEF;border-radius:4px;padding:28px;box-sizing:border-box;margin:0 0 16px} html.g_ .produto .conteiner-imagem img{border-radius:0!important;mix-blend-mode:multiply} html.g_ .produto .produto-thumbs img{border-radius:2px!important} html.g_ .produto .produto-thumbs .elastislide-carousel ul li a{border:1px solid #E2E2E2!important;border-radius:2px;background:#EFEFEF} html.g_ .produto .produto-thumbs .elastislide-carousel ul li.active a{border-color:#10100F!important} html.g_ .produto div.principal{padding-left:40px} html.g_ .produto .principal .nome-produto,html body .produto .principal .nome-produto{margin:0 0 10px;font-size:28px!important;font-weight:400!important;letter-spacing:.01em;text-transform:uppercase;line-height:1.15;color:#10100F!important} html body .produto .principal .nome-produto::before{content:"Alpha One";display:block;margin-bottom:12px;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#6E8422} html body .produto .codigo-produto,html body .produto .codigo-produto span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9A9894} html body .produto .principal .info-principal-produto{margin:0 0 20px} html.g_ .produto .acoes-produto .preco-produto .titulo.preco-promocional,html.g_ .produto .acoes-produto .preco-produto .preco-a-partir .titulo,html.g_ .produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional,html body .produto .acoes-produto .preco-produto strong{font-size:32px!important;font-weight:500!important;color:#10100F!important;letter-spacing:-.01em;line-height:1.1} html.g_ .produto .acoes-produto .preco-produto .titulo.preco-venda,html body .produto .acoes-produto .preco-produto s{font-size:14px!important;color:#9A9894!important;font-weight:400} html.g_ .produto .acoes-produto .preco-parcela,html.g_ .produto .acoes-produto .preco-parcela *{font-size:13px!important;color:#5F5D5A!important;font-weight:400} html.g_ .produto .acoes-produto .preco-parcela strong{color:#10100F!important;font-weight:500!important} html body .produto .acoes-produto .comprar{margin:24px 0 0} html.g_ .produto div.principal .botao.principal.botao-comprar,html body .produto .acoes-produto .comprar .botao-comprar{ height:54px!important;line-height:52px!important;padding:0 24px!important;background:#10100F!important;border:1px solid #10100F!important;border-radius:2px!important; color:#FFFFFF!important;font-size:12px!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:500!important;box-shadow:none!important; } html.g_ .produto div.principal .botao.principal.botao-comprar:hover{background:#6E8422!important;border-color:#6E8422!important} html.g_ .produto div.principal .botao.principal.botao-comprar::after{content:"\2192";margin-left:10px;font-weight:400} html.g_ .produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho,html body .produto .qtde-adicionar-carrinho input{height:54px;min-height:54px;width:80px;text-align:center;border:1px solid #C6C6C6;border-radius:2px;font-size:14px;color:#10100F} html.g_ .produto .acoes-produto .comprar .qtde-adicionar-carrinho button{background:transparent;border:0;color:#5F5D5A} html body .product-functions{margin:20px 0 0;padding:16px 0 0;border-top:1px solid #E2E2E2} html body .product-functions a{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#5F5D5A;text-decoration:none} html body .product-functions a:hover{color:#10100F} html body .product-functions a .svg-ico{display:none} html body .produto .cep{margin:24px 0 0;padding:20px;background:#EFEFEF;border-radius:4px} html.g_ .produto .cep label,html body .produto .cep label{display:block;margin:0 0 10px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#5F5D5A} html.g_ .produto .cep input,html body .produto .cep input{width:calc(100% - 130px);height:44px;margin:0} html.g_ #formCalcularCep .btn,html body #formCalcularCep .btn{height:44px;line-height:42px;padding:0 16px;margin-left:8px;border:1px solid #10100F!important;background:#10100F!important;color:#FFFFFF!important;border-radius:2px!important;font-size:10px;letter-spacing:.16em;text-transform:uppercase;box-shadow:none;text-shadow:none} html.g_ .produto .cep ul,html.g_ #parcelas-pai .parcelas-produto .accordion{background:#FFFFFF;border:1px solid #E2E2E2;border-radius:2px;padding:12px 16px;margin:12px 0 0} html body .produto .principal .atributos .atributo-comum>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5F5D5A;margin-bottom:10px;display:block} html.g_ .produto .principal .atributos .atributo-comum>ul>li>a{background:#FFFFFF;border:1px solid #C6C6C6;border-radius:2px;min-width:42px;min-height:42px;margin:0 8px 8px 0;box-shadow:none} html.g_ .produto .principal .atributos .atributo-comum>ul>li.active>a,html body .atributos ul li.active a{background:#10100F!important;border-color:#10100F!important} html.g_ .produto .principal .atributos .atributo-comum>ul>li>a>span{font-size:12px;line-height:40px;letter-spacing:.06em;font-weight:500} html body .produto .abas-custom{margin:40px 0 0;padding:0} html body .produto .abas-custom .tab-content{padding:0} html.g_ #blank-product-position1+.abas-custom .tab-content:before,html.g_ .abas-custom .tab-content:before{content:"Descri\E7\E3o";display:block;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #E2E2E2;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#10100F} html body .produto .abas-custom .tab-pane,html body .produto .abas-custom .tab-pane p,html body .produto .abas-custom .tab-pane li{font-size:14px;line-height:1.85;color:#29272A} html body .produto .abas-custom .tab-pane h2,html body .produto .abas-custom .tab-pane h3{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#10100F;margin:24px 0 10px} html body .produto .aviso-disponibilidade{font-size:12px;color:#B3261E} html body .avise-me .avise-btn .botao{width:100%} html body #comprar-ajax-status .sucesso .buttons .botao{margin:4px} /* ---------- 21. Carrinho ------------------------------------------- */ html body .pagina-carrinho .caixa-destaque{text-align:center;padding:80px 20px;background:#FFFFFF;border:1px solid #E2E2E2;border-radius:4px} html.g_ .pagina-carrinho .caixa-destaque h1,html body .pagina-carrinho .caixa-destaque h1{margin:0 0 24px;font-size:24px!important;font-weight:400!important;letter-spacing:.02em;text-transform:uppercase;color:#10100F!important;line-height:1.2} html body .pagina-carrinho .caixa-destaque br{display:none} html body .tabela-carrinho{border:1px solid #E2E2E2;border-radius:4px;overflow:hidden} html body .tabela-carrinho th{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5F5D5A;padding:14px 16px;background:#FAFAFA;border-color:#E2E2E2} html body .tabela-carrinho td{padding:16px;border-color:#E2E2E2;vertical-align:middle;font-size:13px} html body .tabela-carrinho .nome-produto{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#10100F} html body .tabela-carrinho img{border-radius:2px;background:#EFEFEF} html body .pagina-carrinho .cupom,html body .pagina-carrinho .frete,html body .pagina-carrinho .resumo-compra{background:#FFFFFF;border:1px solid #E2E2E2;border-radius:4px;padding:24px;margin:0 0 20px} html body .pagina-carrinho .cupom .titulo,html body .pagina-carrinho .frete .titulo,html body .pagina-carrinho .resumo-compra .titulo{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#10100F;display:block;margin:0 0 14px} html body .carrinho-checkout .subtotal strong,html body .pagina-carrinho .total strong{font-size:22px;font-weight:500;color:#10100F} html.g_ .pagina-carrinho .acao-editar a.botao{background:transparent!important;border:1px solid #10100F!important;color:#10100F} html.g_ .pagina-carrinho .acao-editar a.botao:hover{background:#10100F!important;color:#FFFFFF} html.g_ .carrinho-checkout header{background:#0A0C0D} /* ---------- 22. Responsivo ----------------------------------------- */ @media (max-width:1100px){ html body .ao-hero-title{font-size:48px} html body .ao-hero-inner{max-width:460px} html.g_ header .menu.superior>.nivel-um>li>a{padding:24px 10px} html body .ao-kitbar-in{flex-wrap:wrap;gap:16px 24px} html body .ao-problema-grid{gap:28px} html body .ao-problema-img{flex:0 0 28%} html body .ao-metodo-grid{flex-wrap:wrap;gap:40px} html body .ao-metodo-main{flex:0 0 100%} html body .ao-metodo-img{flex:0 0 100%;max-width:520px;aspect-ratio:4/3} html body .ao-porque-grid{flex-wrap:wrap;gap:36px} html body .ao-porque-txt{flex:0 0 calc(50% - 18px)} html body .ao-porque-img{flex:0 0 calc(50% - 18px)} html body .ao-porque-bens{flex:0 0 100%;display:flex;gap:16px} html body .ao-porque-bens li{flex:1 1 0;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid #1F1F1E;border-radius:4px} html body .ao-depo-item{flex:0 0 calc(33.333% - 14px)} html body .ao-duo-in{padding:64px 32px} html body .ao-ingred .ao-duo-in,html body .ao-garantias .ao-duo-in{padding-left:20px} html body .ao-rotina .ao-duo-in,html body .ao-faq .ao-duo-in{padding-right:20px} html body .ao-cta h2{font-size:36px} html.g_ #rodape .institucional .row-flex,html body #rodape .institucional .row-flex{gap:36px} html.g_ #rodape .institucional .col,html body #rodape .institucional .col,html body #rodape .institucional .col.ao-footer-brand,html body #rodape .institucional .col.ao-footer-news{flex:0 0 calc(50% - 18px)} html body #rodape .institucional .col.ao-footer-social{flex:0 0 100%} } @media (max-width:979px){ html.g_ .listagem li.listagem-linha>ul>li,html body .listagem li.listagem-linha>ul>li,html.g_ .pagina-categoria .listagem li.listagem-linha>ul>li,html.g_ .pagina-busca .listagem li.listagem-linha>ul>li{width:calc(50% - 10px)!important} html body .ao-herobar ul{flex-wrap:wrap;gap:16px 0} html body .ao-herobar li{flex:0 0 50%;border-left:0;padding:0 16px 0 0} html body .ao-problema-grid{flex-wrap:wrap} html body .ao-problema-img{flex:0 0 100%;order:-1;max-width:360px;margin:0 auto} html body .ao-problema-col{flex:0 0 calc(50% - 14px)} html body .ao-duo-grid{flex-direction:column} html body .ao-duo-grid>div{flex:0 0 auto} html body .ao-duo-in{max-width:none;padding:56px 20px!important;margin:0 auto} html body .ao-rotina{background-position:center} html body .pagina-categoria .conteudo.span9,html body .pagina-busca .conteudo.span9,html body .pagina-categoria .coluna.span3,html body .pagina-busca .coluna.span3{width:100%;float:none;margin:0} html.g_ .produto div.principal{padding-left:0} } @media (max-width:767px){ html body .conteiner,html body .conteiner-principal .conteiner,html.g_ .container{padding:0 16px} html body .ao-topbar ul{flex-wrap:wrap;min-height:0;padding:6px 0} html body .ao-topbar li{border:0;padding:5px 10px;font-size:9px;letter-spacing:.16em;white-space:normal;text-align:center} html body .ao-topbar .ao-ico svg{width:15px;height:15px} html.g_ header .row-flex{min-height:58px} html.g_ header .logo img,html.g_ .logo a>img{max-height:20px;max-width:140px} html.g_ header .g_menu{padding:0} html.g_ header .menu.superior{background:#10100F;width:300px;max-width:82%;padding:0;box-sizing:border-box} html.g_ header .menu.superior>ul.nivel-um{display:block} html.g_ header .menu.superior>.nivel-um>li>a{padding:16px 28px;border-bottom:1px solid #29272A} html.g_ header .menu.superior>.nivel-um>li>a>strong{font-size:12px} html.g_ header .menu.superior>.nivel-um>li.com-filho>ul{position:static;display:block;border:0;box-shadow:none;background:transparent;padding:0 0 8px} html.g_ header .menu.superior>.nivel-um>li.com-filho>ul>li>a{padding:10px 40px;font-size:12px} html.g_ header .menu.superior>ul.nivel-um{display:block!important;background:#10100F;height:100vh;padding:70px 0 40px;box-sizing:border-box;margin:0;border:0} html.g_ header .menu.superior .menu-close-mobile,html.g_ header .menu-close-mobile{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;left:auto;width:40px;height:40px;padding:0;margin:0;background:#10100F;border:0;color:#EFEFEF;z-index:10000} html.g_ header .menu.superior>.nivel-um>li>button{color:#EFEFEF} html.g_ header .theme-functions>li>a,html.g_ header .theme-functions>li>button,html.g_ header .carrinho>a{width:38px;height:38px} html.g_ header .theme-functions>li.ao-header-cta{display:none} /* hero no celular: banner 768x900 e o texto vira um painel escuro abaixo da foto */ html body .secao-banners .banner.cheio>.span12{float:none;width:100%;margin:0} html body .ao-hero{position:static;pointer-events:auto;clear:both} html.g_ .secao-banners .ao-hero .conteiner,html body .ao-hero .conteiner{height:auto;padding:0;max-width:none!important} html body .ao-hero-inner{position:static;transform:none;max-width:none;padding:32px 16px 36px;background:#0A0C0D} html body .ao-hero-inner .ao-overline{margin-bottom:12px} html body .ao-hero-title{font-size:34px;margin-bottom:14px} html body .ao-hero-text{font-size:13px;margin-bottom:22px} html body .ao-hero-quote{display:none} html body .ao-btn{height:46px;padding:0 20px;font-size:10px} html body .ao-btn-lg{height:52px;padding:0 24px;font-size:11px} /* CTAs das secoes ocupam a largura toda (respeitando as margens) */ html body .ao-hero-inner .ao-btn,html body .ao-ingred .ao-btn,html body .ao-cta .ao-btn,html body .ao-kitbar .ao-btn{display:flex;width:100%;box-sizing:border-box;justify-content:center} html body .ao-herobar{padding:24px 0} html body .ao-herobar li{gap:12px;padding-right:12px} html body .ao-herobar .ao-ico svg{width:22px;height:22px} html body .ao-herobar strong{font-size:10px} html body .ao-herobar span{font-size:11px} html body .ao-kitbar{padding:20px 0} html body .ao-kitbar-in{gap:14px 16px} html body .ao-kitbar-thumb{width:64px;height:64px} html body .ao-kitbar-txt{flex:1 1 calc(100% - 80px)} html body .ao-kitbar-txt strong{font-size:12px} html body .ao-kitbar-txt span{font-size:12px} html body .ao-kitbar-price{text-align:left} html body .ao-kitbar-price strong{font-size:22px} html body .ao-kitbar .ao-btn{flex:0 0 100%;justify-content:center} html body .ao-problema,html body .ao-metodo,html body .ao-porque,html body .ao-depo{padding:56px 0} html body .ao-problema .ao-overline{margin-bottom:28px} html body .ao-problema-grid{gap:28px} html body .ao-problema-col{flex:0 0 100%} html body .ao-problema-col h2{font-size:22px} html body .ao-list li{font-size:13px;padding:10px 0} html body .ao-nota{font-size:24px;margin-top:20px} html body .ao-metodo-main h2{font-size:26px;margin-bottom:24px} html body .ao-passos{flex-direction:column;gap:22px} html body .ao-passos li{display:flex;flex-wrap:wrap;align-items:flex-start;padding:0 0 22px;border-bottom:1px solid #E2E2E2} html body .ao-passos li:last-child{border-bottom:0;padding-bottom:0} html body .ao-passo-head{flex:0 0 100%;margin-bottom:12px} html body .ao-passo-img{flex:0 0 104px;width:104px;margin:0 16px 0 0;padding:10%} html body .ao-passos li p{flex:1 1 0;min-width:0} html body .ao-passo-uso{flex:0 0 100%;margin-top:10px} html body .ao-metodo-img{max-width:none;aspect-ratio:4/3} html body .ao-metodo-cap{font-size:15px;left:16px;right:16px;bottom:16px} html body .ao-porque-grid{gap:28px} html body .ao-porque-txt,html body .ao-porque-img{flex:0 0 100%} html body .ao-porque-txt h2{font-size:26px} html body .ao-porque-txt p{font-size:13px} html body .ao-porque-bens{flex-wrap:wrap;gap:12px} html body .ao-porque-bens li{flex:0 0 calc(50% - 6px);padding:14px} html body .ao-porque-bens .ao-ico{width:38px;height:38px} html body .ao-porque-bens span{font-size:12px} html body.pagina-inicial #corpo>.conteiner{padding-top:56px;padding-bottom:56px} html body .ao-secao-cab{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px} html body .ao-secao-cab h2{font-size:26px} html body .listagem li.listagem-linha>ul{gap:12px} html.g_ .listagem li.listagem-linha>ul>li,html body .listagem li.listagem-linha>ul>li,html.g_ .pagina-categoria .listagem li.listagem-linha>ul>li,html.g_ .pagina-busca .listagem li.listagem-linha>ul>li{width:100%!important} html.g_ .listagem-item .imagem-produto,html body .listagem-item .imagem-produto,html.g_ .pagina-inicial .listagem-item.ao-kit-card .imagem-produto{flex:0 0 38%;width:38%;min-height:150px} html.g_ .pagina-inicial .listagem-item.ao-kit-card .imagem-produto{padding:12px} html body .ao-badge{padding:6px 8px;font-size:8px;letter-spacing:.14em} html.g_ .pagina-inicial .listagem-item.ao-kit-card .ao-card-body{flex-direction:column;align-items:stretch} html.g_ .listagem-item .info-produto,html body .listagem-item .info-produto,html.g_ .pagina-inicial .listagem-item.ao-kit-card .info-produto{padding:14px 14px 0!important} html.g_ .listagem .listagem-item .nome-produto,html body .listagem-item .nome-produto{font-size:12px} html body .ao-card-desc{font-size:11px;margin-bottom:6px} html.g_ .listagem .preco-produto strong,html.g_ .listagem .preco-produto .preco-promocional,html body .listagem-item .preco-produto strong{font-size:17px!important} html.g_ .listagem-item .acoes-produto,html body .listagem-item .acoes-produto,html.g_ .pagina-inicial .listagem-item.ao-kit-card .acoes-produto{padding:12px 14px 14px!important} html.g_ .listagem-item .acoes-produto a.botao-comprar,html body .listagem-item .acoes-produto a.botao-comprar,html.g_ .pagina-inicial .listagem-item.ao-kit-card .acoes-produto a.botao-comprar{height:40px;line-height:40px;padding:0 10px} html.g_ .listagem-item .acoes-produto a .svg-ico:after{line-height:40px;font-size:10px;letter-spacing:.14em} html body .ao-depo-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px} html body .ao-depo-head h2{font-size:26px} html body .ao-depo-nota{text-align:left} html body .ao-depo-item{flex:0 0 84%;padding:20px} html body .ao-depo-nav{width:36px;height:36px} html body .ao-depo-prev{left:-8px} html body .ao-depo-next{right:-8px} html body .ao-duo-in{padding:56px 16px!important} html body .ao-ingred h2,html body .ao-rotina h2,html body .ao-garantias h2,html body .ao-faq-head h2{font-size:24px} html body .ao-ingred-list{flex-direction:column;gap:10px} html body .ao-ingred-list li{display:flex;align-items:center;gap:14px;padding:12px} html body .ao-ingred-list img{width:60px;height:60px;flex:none;margin:0} html body .ao-rotina-cols{flex-direction:column;gap:10px} html body .ao-rotina-cols li{padding:16px} html body .ao-rotina-cols .ao-ico{display:inline-block;margin:0 10px 0 0;vertical-align:middle} html body .ao-rotina-cols strong{display:inline-block;margin:0 0 8px;vertical-align:middle} html body .ao-garantias-list{gap:10px} html body .ao-garantias-list li{padding:16px} html body .ao-garantias-list .ao-ico{margin-bottom:10px} html body .ao-faq-head{flex-direction:column;align-items:flex-start;gap:12px} html body .ao-faq-q{font-size:13px;padding:14px 0} html body .ao-cta{padding:72px 0 64px} html body .ao-cta h2{font-size:30px} html body .ao-cta p{font-size:13px} html body .ao-cta-tags{position:static;flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;margin:40px 0 0} html.g_ #rodape .institucional,html body #rodape .institucional{padding:44px 0 24px} html.g_ #rodape .institucional .row-flex,html body #rodape .institucional .row-flex{gap:32px} html.g_ #rodape .institucional .col,html body #rodape .institucional .col,html body #rodape .institucional .col.ao-footer-brand,html body #rodape .institucional .col.ao-footer-news{flex:0 0 100%;text-align:left} html body #rodape .institucional .col.ao-footer-social{justify-content:flex-start;margin-top:0} html.g_ #rodape>div:last-child .conteiner,html body #rodape>div:last-child .conteiner{padding:0 16px} html body .ao-fb-row{flex-direction:column;align-items:flex-start;gap:16px} html body .ao-fb-row1{padding:22px 0} html body .ao-fb-row2{padding:18px 0 24px} html body .ao-fb-selos{gap:18px} html body .cabecalho-interno h1.titulo,html body .pagina-categoria .categoryTitle h1.titulo{font-size:22px} html body .caixa-sombreada,html.g_ .pagina-login .caixa-sombreada.borda-principal{padding:20px} html body .acao-editar .botao{display:block;width:100%;margin:8px 0 0} html body .ordenar-listagem.topo .row-fluid{flex-direction:column;align-items:flex-start;gap:12px} html.g_ .pagina-produto .produto .conteiner-imagem{padding:16px} html.g_ .produto .principal .nome-produto,html body .produto .principal .nome-produto{font-size:22px!important} html.g_ .produto .cep input,html body .produto .cep input{width:calc(100% - 110px)} html body .pagina-pagina #corpo,html body .pagina-conta #corpo,html body .pagina-login #corpo,html body .pagina-cadastro #corpo,html body .pagina-carrinho #corpo,html body .pagina-produto #corpo,html body .pagina-categoria #corpo,html body .pagina-busca #corpo{padding:28px 0 48px} } /* ---------- 23. Telas grandes: conteudo fluido com margem de 64px ---- */ @media (min-width:1280px){ html.g_ .conteiner,html body .conteiner,html body .conteiner-principal .conteiner{max-width:2000px!important;padding:0 64px} html.g_ .container{max-width:2000px;padding:0 64px} html.g_ #rodape>div:last-child .conteiner,html body #rodape>div:last-child .conteiner{padding:0 64px} html.g_ .secao-banners .conteiner,html body .secao-banners .conteiner{max-width:none!important;padding:0} html.g_ .secao-banners .ao-hero .conteiner,html body .ao-hero .conteiner{max-width:2000px!important;padding:0 64px} html body .ao-hero-inner{left:64px;max-width:600px} html body .ao-hero-quote{right:64px} html body .ao-cta-tags{left:64px;right:64px} html body .ao-duo-in{max-width:none;padding:80px 56px 80px 64px} html body .ao-ingred .ao-duo-in,html body .ao-garantias .ao-duo-in{margin-left:0;padding-left:64px} html body .ao-rotina .ao-duo-in,html body .ao-faq .ao-duo-in{padding-right:64px;padding-left:56px} html body .ao-ingred p,html body .ao-secao-cab p{max-width:560px} } @media (min-width:1600px){ html body .ao-hero-inner{max-width:680px} html body .ao-hero-title{font-size:72px} html body .ao-hero-text{max-width:500px;font-size:15px} html body .ao-cta-in{max-width:680px} html body .ao-cta h2{font-size:52px} html body .ao-metodo-img{flex:0 0 30%} html body .ao-problema-img{flex:0 0 28%} }