:root { /* Verde escuro – confiança e natureza */ --clr-primary: #2E7D32; /* Verde claro – frescor e renovação */ --clr-secondary: #A5D6A7; /* Fundo neutro, levemente esverdeado */ --clr-support: #E8F5E9; /* Branco puro */ --clr-white: #ffffff; } --clr-white: #ffffff; --ff-base: 'Poppins', sans-serif; --ff-head: 'Poppins', sans-serif; /* importe via @font-face ou link externo */ } /* IMPORTAÇÃO FONTES (no ) */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap'); /* RESET BÁSICO */ * { margin:0; padding:0; box-sizing:border-box; } body { font-family: "Poppins", sans-serif;; color: var(--clr-primary); } /* ——— 0. HEADER e LOGO ——— */ #site-header { background-color: #faf2e7; /* mantém seu tom claro */ box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* sombra suave */ } /* Logo */ #site-header .logo { display: block; height: auto; width: auto; max-height: 50px; /* altura máxima no desktop */ max-width: 100%; /* nunca ultrapassa o container */ transition: max-height .3s ease; } /* Tablet */ @media (max-width: 991px) { #site-header .logo { max-height: 100px; } } /* Mobile */ @media (max-width: 575px) { #site-header { padding: 1.5rem 0; /* um pouco menos de espaçamento vertical */ } #site-header .logo { max-height: 80px; } } /* ——— 1. HERO ——— */ .section-hero { min-height: 100vh; display: flex; align-items: center; background: linear-gradient( 135deg, var(--clr-primary) 0%, var(--clr-secondary) 100% ); position: relative; overflow: hidden; padding: 2rem 0; } /* Optional: Triângulos decorativos nos cantos */ .section-hero::before, .section-hero::after { content: ''; position: absolute; width: 200px; height: 200px; background: rgba(255,255,255,0.1); transform: rotate(45deg); } .section-hero::before { top: -50px; left: -50px; } .section-hero::after { bottom: -50px; right: -50px; } /* Tagline */ .hero-tagline { font-size: 1rem; color: var(--clr-support); text-transform: uppercase; font-weight: 700; letter-spacing: .05em; margin-bottom: 1rem; } /* Headline */ .hero-heading { font-family: var(--ff-head); font-size: 3rem; line-height: 1.2; color: var(--clr-white); margin-bottom: 1rem; } @media (max-width: 767px) { .hero-heading { font-size: 2.25rem; } } /* Destaques em cor secundária */ .highlight { color: var(--clr-secondary); } /* Subheadline */ .hero-subheading { font-size: 1.125rem; color: var(--clr-white); margin-bottom: 1.5rem; max-width: 500px; line-height: 1.5; } @media (max-width: 767px) { .hero-subheading { max-width: 100%; font-size: 1rem; } } /* Lista de Features */ .hero-features { list-style: none; padding: 0; margin: 0; } .hero-features li { position: relative; padding-left: 1.75rem; margin-bottom: .75rem; color: var(--clr-white); font-size: 1rem; font-weight: 500; } .hero-features li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--clr-secondary); font-weight: bold; } /* Botão principal */ .btn-hero { display: inline-block; background-color: var(--clr-secondary); color: var(--clr-primary); font-weight: 700; padding: .85rem 1.75rem; border: none; border-radius: .5rem; transition: background .3s, color .3s, transform .2s; text-decoration: none; } .btn-hero:hover { background-color: var(--clr-white); color: var(--clr-primary); transform: translateY(-3px); } /* Imagem HERO */ .hero-image .image-wrapper { position: relative; display: inline-block; } .hero-image img { display: block; width: 100%; max-width: 450px; height: auto; border-radius: .75rem; box-shadow: 0 12px 32px rgba(0,0,0,0.2); } /* Shape decorativo sobre a imagem */ .hero-image .img-shape { content: ''; position: absolute; right: -30px; bottom: -30px; width: 100px; height: 100px; background: var(--clr-secondary); border-radius: 50%; opacity: .6; } /* RESPONSIVIDADE */ @media (max-width: 767px) { #hero { padding-top: 3rem; padding-bottom: 3rem; } .hero-tagline { font-size: .9rem; } .hero-features li { font-size: .95rem; } } /*FIM HERO*/ /* ———————————————— 2. AMPLIAÇÃO – AGITAR A DOR ———————————————— */ .section-agitate { --gap: 2rem; background: #f9fbfd; /* tom muito claro para contraste */ padding: 5rem 1rem; } .section-agitate .section-header { max-width: 600px; margin: 0 auto 3rem; text-align: center; } .section-agitate .section-header h2 { font-family: "Poppins", sans-serif; font-size: 2.25rem; color: var(--clr-primary); margin-bottom: .5rem; } .section-agitate .section-header p { font-family: font-family: "Poppins", sans-serif; font-size: 1rem; color: var(--clr-primary); line-height: 1.6; } /* grid responsivo */ .agitate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--gap); } /* cards */ .agitate-item { background: #fff; border-left: 4px solid var(--clr-secondary); border-radius: 6px; padding: 2rem 1.5rem; box-shadow: 0 4px 16px rgba(0,0,0,0.04); opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease-out forwards; } .agitate-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); } /* delay por posição */ .agitate-item:nth-child(1) { animation-delay: 0.1s; } .agitate-item:nth-child(2) { animation-delay: 0.2s; } .agitate-item:nth-child(3) { animation-delay: 0.3s; } .agitate-item:nth-child(4) { animation-delay: 0.4s; } .agitate-item:nth-child(5) { animation-delay: 0.5s; } .agitate-item:nth-child(6) { animation-delay: 0.6s; } .agitate-item:nth-child(7) { animation-delay: 0.7s; } .agitate-item:nth-child(8) { animation-delay: 0.8s; } . .agitate-item .agitate-icon { font-size: 2.5rem; margin-bottom: 1rem; } .agitate-item h3 { font-family: "Poppins", sans-serif; font-size: 1.25rem; color: var(--clr-primary); margin-bottom: .5rem; } .agitate-item p { font-family: "Poppins", sans-serif; font-size: .95rem; color: var(--clr-primary); line-height: 1.5; } /* animação */ @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* responsividade */ @media (max-width: 767px) { .section-agitate { padding: 3rem 1rem; } .section-agitate .section-header h2 { font-size: 1.75rem; } .section-agitate .section-header p { font-size: .95rem; } .agitate-item { padding: 1.5rem 1rem; } .agitate-item h3 { font-size: 1.1rem; } .agitate-item p { font-size: .9rem; } } /*Fim BLOCO 2*/ /* ——— 3. Solução ——— */ .section-solution { background-color: var(--clr-primary); color: var(--clr-white); padding: 80px 0; } .section-solution .solution-title { font-family: "Poppins", sans-serif; font-size: 2.5rem; margin-bottom: 1rem; } .section-solution .solution-desc { font-family: "Poppins", sans-serif; font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; color: var(--clr-support); } .section-solution .solution-features { list-style: none; padding: 0; margin-bottom: 2rem; } .section-solution .solution-features li { position: relative; padding-left: 1.8rem; margin-bottom: .75rem; font-size: 1rem; color: var(--clr-support); } .section-solution .solution-features li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--clr-secondary); font-weight: bold; } .section-solution .btn-solution { display: inline-block; background-color: var(--clr-secondary); color: var(--clr-primary); font-weight: 600; padding: .75rem 1.5rem; border-radius: .25rem; text-decoration: none; transition: background .3s, color .3s; } .section-solution .btn-solution:hover { background-color: var(--clr-white); color: var(--clr-primary); } /* ——— Imagem da seção “Solution” alinhada ao tamanho do Header ——— */ .section-solution .solution-img { display: block; width: auto; /* mantém proporção */ max-width: 100%; /* não estoura o container */ max-height: 500px; /* igual ao max-height da logo no desktop */ margin: 0 auto; /* centra horizontalmente */ box-shadow: 0 8px 24px rgba(0,0,0,0.1); transition: max-height .3s ease; } /* Tablet */ @media (max-width: 991px) { .section-solution .solution-img { max-height: 500px; /* mesmo ajuste da logo em tablet */ } } /* Mobile */ @media (max-width: 575px) { .section-solution .solution-img { max-height: 500px; /* segue o mesmo padrão do header */ } } /* responsividade */ @media (max-width: 767px) { .section-solution { padding: 50px 0; } .section-solution .solution-title { font-size: 2rem; } .section-solution .solution-desc, .section-solution .solution-features li { font-size: .95rem; } } /*FIM BLOCO 3*/ /* ——— 4-7. TRUST – AUTORIDADE, PROVA SOCIAL, GALERIA E VÍDEOS ——— */ .sect-trust { background: var(--clr-white); color: var(--clr-primary); padding: 6rem 1rem; } @media (max-width: 575px) { .sect-trust { padding: 2.5rem 1rem; } } /* Espaçamento entre linhas internas */ .sect-trust .row { row-gap: 3.5rem; } .sect-trust .row + .row { margin-top: 4rem; } /* TÍTULOS */ .sect-trust .section-title, .sect-trust .subtitle { font-family: var(--ff-head); color: var(--clr-primary); text-align: center; } .sect-trust .section-title { font-size: 2.5rem; line-height: 1.2; margin-bottom: 2.5rem; } .sect-trust .subtitle { font-size: 1.5rem; margin-bottom: 1.5rem; } @media (max-width: 575px) { .sect-trust .section-title { font-size: 2rem; margin-bottom: 1.75rem; } .sect-trust .subtitle { font-size: 1.25rem; } } /* ===== AUTORIDADE (NÚMEROS) ===== */ .sect-trust .authority-card { background: var(--clr-support); padding: 1.5rem .75rem; border-radius: .5rem; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,0.05); transition: transform .3s; min-height: 220px; display: flex; flex-direction: column; justify-content: center; } .sect-trust .authority-card:hover { transform: translateY(-4px); } .sect-trust .authority-icon { font-size: 2rem; color: var(--clr-secondary); margin-bottom: .5rem; } .sect-trust .authority-number { font-family: var(--ff-head); font-size: 1.75rem; color: var(--clr-primary); margin-bottom: .25rem; } .sect-trust .authority-label { font-size: .9rem; color: #555; margin: 0; } /* ===== DEPOIMENTOS GOOGLE ===== */ .sect-trust .carousel-indicators button { width: .75rem; height: .25rem; border-radius: 10%; background: var(--clr-secondary); opacity: .5; margin-top: 20px; } .sect-trust .carousel-indicators .active { opacity: 1; } .sect-trust .review-card { background: var(--clr-support); padding: 1.5rem; border-radius: .5rem; max-width: 400px; margin: 0 auto; box-shadow: 0 6px 20px rgba(0,0,0,0.05); min-height: 220px; display: flex; flex-direction: column; justify-content: center; } .sect-trust .review-rating { font-size: 1.25rem; margin-bottom: .75rem; } .sect-trust .review-text { font-family: var(--ff-base); font-size: 1rem; line-height: 1.5; color: var(--clr-primary); margin-bottom: .75rem; } .sect-trust .review-author { font-weight: 600; font-size: .9rem; color: var(--clr-secondary); text-align: right; } /* ===== GALERIA DE FOTOS ===== */ .sect-trust .gallery-wrapper { height: 450px; /* altura fixa */ overflow: hidden; border-radius: .5rem; box-shadow: 0 8px 24px rgba(0,0,0,0.1); /* removemos aspect‐ratio prévio */ } .sect-trust #galleryImage { display: block; width: 100%; height: 100%; /* preenche os 450px */ object-fit: cover; /* recorte centralizado */ } /* MOBILE: altura menor para telas estreitas */ @media (max-width: 575px) { .sect-trust .gallery-wrapper { height: 300px; } } /* ===== VÍDEOS – PROPORÇÃO 16∶9 ===== */ .sect-trust .video-card { position: relative; width: clamp(180px, 40%, 300px); overflow: hidden; border-radius: .5rem; box-shadow: 0 6px 20px rgba(0,0,0,0.1); cursor: pointer; transition: transform .3s; } .sect-trust .video-card:hover { transform: translateY(-4px) scale(1.02); } .sect-trust .video-thumb { width: 100%; height: 100%; object-fit: cover; display: block; } .sect-trust .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; color: rgba(255,255,255,0.9); text-shadow: 0 2px 8px rgba(0,0,0,0.5); pointer-events: none; } @media (max-width: 991px) { .sect-trust .video-card { width: clamp(140px, 45%, 240px); } } @media (max-width: 575px) { .sect-trust .video-card { width: 100%; max-width: 300px; } } /* ===== LIGHTBOX DE VÍDEO ===== */ .lightbox-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 9999; } .lightbox-overlay.show { display: flex; } .lightbox-content { position: relative; max-width: 90%; max-height: 90%; } .lightbox-close { position: absolute; top: -16px; right: -16px; background: var(--clr-secondary); color: #fff; border: none; font-size: 1.5rem; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.3); } #lightboxVideo { width: 100%; height: auto; border-radius: .5rem; } /* CROSS‐FADE DA IMAGEM */ .gallery-img.fade { transition: opacity 1s ease-in-out; opacity: 1; } /* BOTÕES NAV */ .gallery-wrapper { position: relative; } .gallery-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; width: 36px; height: 36px; border-radius: 50%; font-size: 1.5rem; cursor: pointer; z-index: 2; } .gallery-nav.prev { left: 8px; } .gallery-nav.next { right: 8px; } /* INDICADORES (DOTS) */ .gallery-indicators { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 2; } .gallery-indicators .dot { width: 10px; height: 10px; background: rgba(255,255,255,0.6); border-radius: 50%; cursor: pointer; } .gallery-indicators .dot.active { background: var(--clr-secondary); } /* ===== RESPONSIVIDADE GERAL ===== */ @media (max-width: 767px) { .sect-trust .row + .row { margin-top: 3rem; } } /*FIM do BLOCO 4*/ /* —— 5. OFERTA ESPECIAL —— */ .section-offer { position: relative; background: #1B2A41; /* azul-escuro */ color: #FFFFFF; /* branco */ padding: 6rem 1rem; overflow: hidden; } .shape-top, .shape-bottom { position: absolute; border-radius: 50%; opacity: 0.1; } .shape-top { width: 300px; height: 300px; background: #E29D2B; /* dourado */ top: -100px; right: -100px; } .shape-bottom { width: 400px; height: 400px; background: #E29D2B; bottom: -150px; left: -150px; } .offer-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 2rem; max-width: 900px; margin: 0 auto; flex-wrap: wrap; } /* Texto */ .offer-text { flex: 1 1 360px; text-align: left; } .offer-tag { display: block; font-size: .9rem; text-transform: uppercase; color: #E29D2B; /* dourado */ margin-bottom: .5rem; font-weight: 600; } .offer-title { font-family: "Poppins", sans-serif; font-size: 2.5rem; line-height: 1.2; margin-bottom: 1rem; color: #FFFFFF; } .offer-subtitle { font-family: 'Poppins', sans-serif; font-size: 1rem; line-height: 1.6; max-width: 400px; margin-bottom: 2rem; color: #F6F8FA; /* cinza-claro */ } /* Card de preço */ .offer-card { flex: 0 1 260px; background: #FFFFFF; /* branco */ color: #1B2A41; /* azul-escuro */ border-radius: .75rem; padding: 2rem 1.5rem; text-align: center; box-shadow: 0 8px 24px rgba(0,0,0,0.08); transition: transform .3s, box-shadow .3s; } .offer-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); } .price { margin-bottom: 1.5rem; } .price-current { display: block; font-family: "Poppins", sans-serif; font-size: 3rem; color: #E29D2B; /* dourado */ line-height: 1; } .price-inst { display: block; font-family: 'Poppins', sans-serif; font-size: 1.25rem; margin-top: .25rem; color:#000; } .price-note { display: block; font-family: 'Poppins', sans-serif; font-size: .85rem; color: #000; /* cinza-claro */ margin-top: .5rem; } /* Botão */ .btn-offer { display: inline-block; background-color: #E29D2B; /* dourado */ color: #1B2A41; /* azul-escuro */ font-weight: 700; padding: .75rem 1.5rem; border-radius: .25rem; text-decoration: none; transition: background .3s, color .3s; } .btn-offer:hover { background-color: #FFFFFF; color: #1B2A41; } /* Animações pure CSS */ [data-animation="fade-in"] { opacity: 0; animation: fadeIn 0.8s ease-out forwards; } [data-animation="pop-in"] { opacity: 0; transform: scale(.9); animation: popIn 0.6s ease-out forwards 0.3s; } @keyframes fadeIn { to { opacity: 1; } } @keyframes popIn { to { opacity: 1; transform: scale(1); } } /* Responsividade */ @media (max-width: 767px) { .offer-wrapper { flex-direction: column; align-items: center; text-align: center; } .offer-text { max-width: 100%; } .offer-title { font-size: 2rem; } .offer-subtitle { margin: 0 auto 2rem; } .offer-card { width: 100%; max-width: 320px; } .shape-top, .shape-bottom { display: none; } } /*BLOCO 5*/ /* =============================== Carousel de Avaliações Google =============================== */ #sect-google-reviews { background-color: var(--clr-support); } #sect-google-reviews .carousel-indicators button { width: 12px; height: 12px; border-radius: 50%; background-color: var(--clr-secondary); opacity: .5; } #sect-google-reviews .carousel-indicators .active { opacity: 1; } #sect-google-reviews .review-card { max-width: 600px; background: var(--clr-white); border-radius: .5rem; box-shadow: 0 6px 20px rgba(0,0,0,0.05); padding: 2rem; text-align: left; } #sect-google-reviews .review-rating { font-size: 1.5rem; color: var(--clr-secondary); margin-bottom: .75rem; } #sect-google-reviews .review-text { font-family: var(--ff-base); font-size: 1rem; color: var(--clr-primary); line-height: 1.6; margin-bottom: 1rem; } #sect-google-reviews .review-author { font-weight: 600; font-size: .9rem; color: var(--clr-primary); text-align: right; } @media (max-width: 576px) { #sect-google-reviews .review-card { padding: 1.5rem; } #sect-google-reviews .review-rating { font-size: 1.25rem; } #sect-google-reviews .review-text { font-size: .95rem; } } /*FIM do BLOCO 5*/ /* —— 7. BÔNUS EXCLUSIVOS —— */ .section-bonus { background: #F6F8FA; /* fundo claro */ padding: 5rem 1rem; } .section-bonus .section-title { font-family: "Poppins", sans-serif; font-size: 2.25rem; color: #1B2A41; /* azul-escuro */ text-align: center; margin-bottom: .5rem; } .section-bonus .section-subtitle { font-family: 'Poppins', sans-serif; font-size: 1rem; color: #1B2A41; text-align: center; margin-bottom: 2.5rem; } /* grid responsivo */ .bonus-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } /* cada item de bônus */ .bonus-item { background: #FFFFFF; /* branco */ border-left: 4px solid #E29D2B; /* dourado */ border-radius: .5rem; padding: 2rem 1.5rem; box-shadow: 0 6px 20px rgba(0,0,0,0.06); opacity: 0; transform: translateY(20px); animation: fadeInUp 0.7s ease-out forwards; } /* delays em cascata */ .bonus-item:nth-child(1) { animation-delay: 0.1s; } .bonus-item:nth-child(2) { animation-delay: 0.3s; } .bonus-icon { font-size: 2.5rem; margin-bottom: 1rem; } .bonus-title { font-family: "Poppins", sans-serif; font-size: 1.5rem; color: #1B2A41; margin-bottom: .5rem; } .bonus-text { font-family: 'Poppins', sans-serif; font-size: .95rem; color: #1B2A41; line-height: 1.5; } /* animação fadeInUp */ @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* responsividade */ @media (max-width: 767px) { .section-bonus { padding: 3.5rem 1rem; } .section-bonus .section-title { font-size: 2rem; } .bonus-item { padding: 1.5rem 1rem; } .bonus-title { font-size: 1.25rem; } .bonus-text { font-size: .9rem; } } /*Fim do Bloco Bônus*/ /* —— 8. FAQ —— */ .section-faq { background: #FFFFFF; padding: 5rem 1rem; } .section-faq .container { max-width: 800px; margin: 0 auto; } .faq-title { font-family: "Poppins", sans-serif; font-size: 2.25rem; color: #1B2A41; text-align: center; margin-bottom: 2rem; } .faq-list details { border-bottom: 1px solid #E0E4E8; padding: 1rem 0; } .faq-item summary { list-style: none; cursor: pointer; position: relative; font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 600; color: #1B2A41; padding-right: 2rem; } .faq-item summary::marker { /* remove marcador padrão */ content: ""; } .faq-item summary::after { content: '+'; position: absolute; right: 0; top: 0; font-size: 1.25rem; line-height: 1; color: #E29D2B; transition: transform .3s; } .faq-item[open] summary::after { content: '–'; transform: rotate(0deg); } .faq-content { margin-top: .75rem; padding-left: 1rem; } .faq-content p { font-family: 'Poppins', sans-serif; font-size: .95rem; line-height: 1.6; color: #1B2A41; margin: 0; } /* responsivo */ @media (max-width: 767px) { .faq-title { font-size: 2rem; } .faq-item summary { font-size: .95rem; } .faq-content p { font-size: .9rem; } } /* FOOTER */ /* —— RODAPÉ —— */ .site-footer { background: #1B2A41; /* azul JurMinds */ color: #E29D2B; /* amarelo JurMinds */ padding: 1.5rem 1rem; text-align: center; } .site-footer .container { max-width: 960px; margin: 0 auto; } .site-footer p { font-family: 'Poppins', sans-serif; font-size: 0.875rem; line-height: 1.4; margin: 0; } /* —— BARRA DE DESENVOLVIMENTO —— */ .dev-bar { background: #2B2B2B; /* cinza bem escuro */ padding: 0.75rem 1rem; text-align: center; } .dev-bar p { margin: 0; font-family: 'Poppins', sans-serif; font-size: 0.875rem; color: #FFFFFF; /* texto em branco */ } .dev-bar a { color: #fff; /* amarelo da JurMinds para destaque */ text-decoration: none; font-weight: 400; } .dev-bar a:hover { text-decoration: underline; } /* responsividade */ @media (max-width: 576px) { .dev-bar p { font-size: 0.8rem; } } /* responsividade */ @media (max-width: 576px) { .site-footer p { font-size: 0.8rem; } } /* —— 6. GARANTIA INCONDICIONAL —— */ .section-guarantee { background: #F6F8FA; /* fundo claro */ padding: 5rem 1rem; } .section-guarantee .container { max-width: 800px; margin: 0 auto; } .guarantee-card { background: #FFFFFF; /* branco */ border-left: 6px solid #E29D2B; /* destaque dourado */ border-radius: .5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; align-items: center; gap: 1.5rem; padding: 2rem; } .guarantee-icon { background: #E29D2B; /* dourado */ color: #FFFFFF; font-size: 2rem; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .guarantee-content h3 { font-family: "Poppins", sans-serif; font-size: 1.75rem; color: #1B2A41; /* azul-escuro */ margin: 0 0 .5rem; } .guarantee-content p { font-family: 'Poppins', sans-serif; font-size: 1rem; color: #1B2A41; margin: 0; } /* responsividade */ @media (max-width: 767px) { .guarantee-card { flex-direction: column; text-align: center; } .guarantee-icon { margin-bottom: 1rem; } .guarantee-content h3 { font-size: 1.5rem; } .guarantee-content p { font-size: .95rem; } } /* ——— 7. GARANTIA DO FABRICANTE ——— */ .warranty-section { background: #fff; color: var(--clr-primary); padding-top: 75px; padding-bottom: 75px; } .warranty-section .warranty-title { font-family: var(--ff-head); font-size: 2rem; margin-bottom: 1rem; } .warranty-section .warranty-list { list-style: none; padding: 0; margin-bottom: 1.5rem; } .warranty-section .warranty-list li { position: relative; padding-left: 1.5rem; margin-bottom: .75rem; } .warranty-section .warranty-list li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--clr-secondary); font-weight: bold; } .btn-warranty { display: inline-block; background: var(--clr-secondary); color: var(--clr-white); padding: .75rem 1.5rem; border-radius: .25rem; text-decoration: none; } .btn-warranty:hover { background: var(--clr-primary); color: var(--clr-white); } /* Ajuste da imagem circular na seção de garantia */ .warranty-img { max-width: 100%; width: 300px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } /* ——— 5. OFERTA ESPECIAL ——— */ /* ——— 5. OFERTA ESPECIAL ——— */ .section-offer { background: var(--clr-support); position: relative; overflow: hidden; padding: 6rem 1rem; /* mais espaçamento top/bottom */ } /* Mobile: reduzir um pouco o padding */ @media (max-width: 575px) { .section-offer { padding: 4rem 1rem; } } /* Shapes decorativos */ .section-offer .shape { position: absolute; left: 0; width: 100%; height: 80px; background: var(--clr-primary); } .section-offer .shape-top { top: 0; clip-path: polygon(0 0, 100% 0, 0 100%); } .section-offer .shape-bottom { bottom: 0; clip-path: polygon(0 100%, 100% 0, 100% 100%); } /* Wrapper para manter z-index acima dos shapes */ .offer-wrapper { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } /* Texto da oferta */ .offer-text { flex: 1 1 300px; max-width: 500px; text-align: center; } @media (min-width: 992px) { .offer-text { text-align: left; margin-right: 2rem; } } /* Tag “Oferta Imperdível” */ .offer-tag { display: inline-block; font-size: 1.125rem; font-weight: 700; color: var(--clr-primary); text-transform: uppercase; margin-bottom: .75rem; opacity: 1; } /* Título principal */ .offer-title { font-family: var(--ff-head); font-size: 2.75rem; line-height: 1.2; font-weight: 700; color: var(--clr-primary); margin-bottom: 1rem; } @media (max-width: 991px) { .offer-title { font-size: 2.25rem; } } @media (max-width: 575px) { .offer-title { font-size: 1.75rem; } } /* Subtítulo explicativo */ .offer-subtitle { font-family: var(--ff-base); font-size: 1.125rem; line-height: 1.5; color: var(--clr-primary); margin-bottom: 2rem; } @media (max-width: 575px) { .offer-subtitle { font-size: .95rem; } } /* Cartão de condições */ .offer-card { background: var(--clr-primary); color: var(--clr-white); border-radius: .75rem; box-shadow: 0 8px 32px rgba(0,0,0,0.1); max-width: 380px; width: 100%; padding: 2.5rem 1.5rem; text-align: center; } @media (max-width: 575px) { .offer-card { padding: 2rem 1rem; margin: 2rem auto 0; } } /* Badges com texto em verde escuro */ .offer-badges { margin-bottom: 1.5rem; } .offer-badges .badge { display: inline-block; background: var(--clr-secondary); color: #0b3d0b; /* verde escuro no texto */ padding: .75rem 1.5rem; border-radius: 2rem; font-size: 1rem; font-weight: 600; margin: 0 .5rem .75rem .5rem; } /* Botão de CTA */ .btn-offer { display: inline-block; background: var(--clr-white); color: var(--clr-primary); font-size: 1.125rem; font-weight: 700; text-transform: uppercase; padding: .85rem 1.75rem; border-radius: .375rem; transition: transform .2s, background .3s, color .3s; margin-top: 1.5rem; } .btn-offer:hover { background: var(--clr-secondary); color: var(--clr-white); transform: translateY(-2px); } /* Responsivo menor que 992px */ @media (max-width: 991px) { .offer-card { margin: 2rem auto 0; } } /* ——— RODAPÉ ——— */ .site-footer { background-color: var(--clr-primary); color: var(--clr-white); font-family: var(--ff-base); font-size: .9rem; } .site-footer .footer-company a { color: var(--clr-white); text-decoration: underline; } .site-footer .footer-company a:hover { opacity: .8; } /* ——— BARRA DE DESENVOLVIMENTO ——— */ .dev-bar { background-color: #000; color: var(--clr-primary); } .dev-bar a { color: var(--clr-secondary); text-decoration: none; font-weight: 600; } .dev-bar a:hover { text-decoration: underline; opacity: .8; } /* Modal Custom */ .form-modal-content { border-radius: .75rem; border: none; box-shadow: 0 8px 32px rgba(46,125,50,0.12); } .btn-form-modal { background: var(--clr-primary); color: var(--clr-white); font-weight: 700; font-size: 1.15rem; padding: .75rem 1.5rem; border-radius: .5rem; border: none; transition: background .3s, color .3s, transform .2s; } .btn-form-modal:hover, .btn-form-modal:focus { background: var(--clr-secondary); color: var(--clr-primary); transform: translateY(-2px); } .modal-backdrop.show { background-color: #2e7d32e0; /* leve overlay verde */ opacity: .95; } @media (max-width: 575px) { .form-modal-content { border-radius: .5rem; } .modal-header, .modal-body { padding: 1.25rem; } }