:root{--color-bg: #fff9f2;--color-bg-alt: #e8d5bb;--color-surface: rgba(255, 249, 242, 0.78);--color-heading: #8d2b00;--color-text: #000000;--color-muted: #000000;--color-border: rgba(0, 0, 0, 0.1);--color-accent: #8d2b00;--color-accent-soft: rgba(141, 43, 0, 0.18);--color-highlight: #8d2b00;--color-objection-bg: #6e1d0c;--color-objection-text: #e1d7c6;--color-button-primary: #14713c;--color-button-secondary: #767b40;--color-button-text: #e1d7c6;--shadow-strong: 0 36px 80px rgba(0, 0, 0, 0.15);--shadow-soft: 0 22px 60px rgba(0, 0, 0, 0.1);--radius-lg: 30px;--radius-md: 18px;--radius-pill: 999px;--max-width: 1180px;--transition: 0.4s ease} *, *::before, *::after{box-sizing: border-box} html, body{margin: 0;padding: 0;font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color: var(--color-text);background: var(--color-bg);scroll-behavior: smooth;line-height: 1.6} img{max-width: 100%;display: block;border-radius: inherit} a{color: inherit;text-decoration: none} main section{padding: clamp(70px, 12vw, 110px) 0} .container{width: min(100% - 40px, var(--max-width));margin: 0 auto} .site-header{position: fixed;top: 0;left: 0;right: 0;height: 64px;background: rgba(255, 249, 242, 0.95);border-bottom: 1px solid rgba(0, 0, 0, 0.1);backdrop-filter: blur(18px);z-index: 1000;transition: box-shadow var(--transition), background var(--transition)} .site-header.scrolled{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);background: rgba(255, 249, 242, 0.98)} .site-header .container{display: flex;align-items: center;justify-content: space-between;padding: 0 24px;height: 64px;line-height: 64px} .brand-name{font-family: "Orbitron", sans-serif;font-size: 1.2rem;text-transform: uppercase;letter-spacing: 0.12em;color: var(--color-heading);font-weight: 600;line-height: 64px;display: inline-block;vertical-align: middle} .button{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding: 14px 28px;border-radius: var(--radius-pill);font-family: "Orbitron", sans-serif;font-size: 0.9rem;letter-spacing: 0.05em;text-transform: uppercase;border: 1px solid transparent;transition: transform var(--transition), box-shadow var(--transition), background var(--transition);cursor: pointer;overflow: hidden;font-weight: 600} .button.small{padding: 10px 18px;font-size: 0.78rem;line-height: 1.2} .button.primary{color: var(--color-button-text);background: var(--color-button-primary);box-shadow: 0 4px 20px rgba(20, 113, 60, 0.3)} .button.primary:hover, .button.primary:focus-visible{transform: translateY(-3px);background: #1a8a4f;box-shadow: 0 8px 30px rgba(20, 113, 60, 0.4)} .button__icon, .button span:last-child{font-size: 1.2rem} .section-heading{text-align: center;display: flex;flex-direction: column;gap: 16px;margin-bottom: clamp(40px, 6vw, 60px)} .section-heading p{margin: 0 auto;max-width: 650px;color: var(--color-muted);line-height: 1.6} .heading-gradient{font-family: "Orbitron", sans-serif;font-size: clamp(2rem, 5vw, 2.8rem);margin: 0;color: var(--color-heading);letter-spacing: -0.01em;font-weight: 600} .tag{align-self: center;display: inline-flex;align-items: center;gap: 8px;padding: 8px 18px;border-radius: var(--radius-pill);border: 1px solid var(--color-border);background: rgba(141, 43, 0, 0.1);color: var(--color-heading);font-size: 0.75rem;letter-spacing: 0.26em;text-transform: uppercase;font-weight: 600} .hero{position: relative;padding-top: clamp(120px, 22vw, 200px);background: url("./imgs/banner primeira dobra.png") center right/cover no-repeat;background-attachment: fixed} .hero__inner{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(30px, 6vw, 80px);align-items: center} .hero__copy{display: flex;flex-direction: column;gap: 20px} .hero__copy h1{margin: 0;font-family: "Orbitron", sans-serif;font-size: clamp(2.4rem, 5.2vw, 3.5rem);line-height: 1.2;color: var(--color-heading);font-weight: 700} .hero__copy p{margin: 0;max-width: 540px;color: var(--color-text);line-height: 1.6} .hero__stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 16px} .hero__stats article{padding: 18px;border-radius: var(--radius-md);border: 1px solid rgba(141, 43, 0, 0.2);background: rgba(255, 255, 255, 0.6);backdrop-filter: blur(12px);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);display: grid;gap: 6px} .hero__stats strong{font-family: "Orbitron", sans-serif;font-size: 1.05rem;color: var(--color-heading);font-weight: 600} .hero__stats span{font-size: 0.9rem;color: var(--color-text)} .hero__visual img{width: 100%;border-radius: var(--radius-lg);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: var(--shadow-strong)} .hero__badge{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;border-radius: var(--radius-pill);background: rgba(141, 43, 0, 0.1);color: var(--color-heading);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;font-size: 0.7rem;border: 1px solid rgba(141, 43, 0, 0.2)} .pillars{background: var(--color-objection-bg);padding-top: clamp(50px, 10vw, 80px);padding-bottom: clamp(50px, 10vw, 80px)} .pillars__row{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 18px} .pillars__row article{display: flex;flex-direction: column;align-items: center;gap: 14px;padding: 22px 20px;border-radius: var(--radius-lg);background: rgba(110, 29, 12, 0.4);border: 1px solid rgba(225, 215, 198, 0.2);color: var(--color-objection-text);text-align: center;backdrop-filter: blur(14px)} .pillars__icon{display: grid;place-items: center;width: 60px;height: 60px;border-radius: 18px;background: rgba(225, 215, 198, 0.15);border: 1px solid rgba(225, 215, 198, 0.3);color: var(--color-objection-text)} .pillars__icon svg{width: 32px;height: 32px} .pillars__row h3{margin: 0;font-family: "Orbitron", sans-serif;font-size: 1.05rem;color: var(--color-objection-text);font-weight: 600} .pillars__row p{margin: 0;font-size: 0.9rem;color: var(--color-objection-text);opacity: 0.9} .benefits{background: var(--color-bg-alt)} .benefits__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 22px} .benefits__card{display: grid;gap: 18px;padding: 28px;border-radius: var(--radius-lg);background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05)} .benefits__card img{width: 100%;height: 210px;object-fit: cover;border-radius: var(--radius-md);border: 1px solid rgba(0, 0, 0, 0.1)} .benefits__card h3{margin: 0;font-family: "Orbitron", sans-serif;font-size: 1.45rem;line-height: 1.3;color: var(--color-heading);font-weight: 600} .benefits__card h3 span{color: var(--color-heading)} .benefits__card p{margin: 0;color: var(--color-text);line-height: 1.5} .benefits__card small{color: var(--color-text);opacity: 0.7;letter-spacing: 0.15em;text-transform: uppercase} .benefits__card:hover{transform: translateY(-6px);border-color: rgba(141, 43, 0, 0.3);background: rgba(255, 255, 255, 0.95);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1)} .benefits__card--highlight{background: var(--color-objection-bg);border: 1px solid rgba(225, 215, 198, 0.3);color: var(--color-objection-text)} .benefits__card--highlight h3, .benefits__card--highlight h3 span{color: var(--color-objection-text)} .benefits__card--highlight p, .benefits__card--highlight small{color: var(--color-objection-text);opacity: 0.9} .testimonials{background: var(--color-bg);color: var(--color-text)} .testimonials .section-heading p{color: var(--color-text)} .testimonials__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 22px} .testimonial-card{display: grid;gap: 18px;padding: 32px 28px;border-radius: 18px;background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);color: var(--color-text);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05)} .testimonial-card__meta{display: flex;align-items: center;gap: 16px} .testimonial-card__meta img, .testimonial-avatar{width: 62px;height: 62px;border-radius: 50%;object-fit: cover;flex-shrink: 0} .testimonial-avatar{display: flex;align-items: center;justify-content: center;background: rgba(20, 113, 60, 0.1);border: 2px solid rgba(20, 113, 60, 0.2);color: var(--color-button-primary)} .testimonial-avatar svg{width: 32px;height: 32px} .testimonial-card__meta h3{margin: 0;font-family: "Orbitron", sans-serif;font-size: 1.1rem;color: var(--color-heading);font-weight: 600} .testimonial-card__meta span{font-size: 0.85rem;color: var(--color-text);opacity: 0.7} .transformations{background: var(--color-bg-alt)} .transformations__carousel-wrapper-3d{position: relative;margin-top: 60px;width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;height: 500px;display: flex;align-items: center;justify-content: center;perspective: 1000px;overflow: hidden;background: transparent} .transformations__carousel-3d{position: relative;width: 100%;height: 100%;transform-style: preserve-3d;z-index: 1;perspective: 1000px} .transformation-card-3d{position: absolute;width: 280px;height: 450px;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease, filter 0.6s ease;display: block;cursor: pointer;transform-style: preserve-3d;will-change: transform, opacity, filter;backface-visibility: hidden;left: 50%;top: 50%;margin-left: -140px;margin-top: -225px;background: transparent;border: none;box-shadow: none;padding: 0} .transformation-card-3d img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius-md);transition: all 0.5s ease;display: block;border: none;box-shadow: none;background: transparent;position: relative;z-index: 1} .transformation-label-3d{position: absolute;top: 20px;left: 50%;transform: translateX(-50%);z-index: 1000;padding: 10px 24px;border-radius: var(--radius-pill);font-family: "Orbitron", sans-serif;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.15em;text-transform: uppercase;pointer-events: none;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter: blur(12px) saturate(180%);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);border: 2px solid;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);animation: labelPulse 2s ease-in-out infinite;opacity: 1 !important;visibility: visible !important;white-space: nowrap;display: inline-block} @keyframes labelPulse{0%, 100%{transform: translateX(-50%) scale(1);opacity: 1} 50%{transform: translateX(-50%) scale(1.02);opacity: 0.95} } .transformation-card__before .transformation-label-3d{background: linear-gradient(135deg, rgba(141, 43, 0, 0.95) 0%, rgba(110, 29, 12, 0.95) 100%);color: #fff;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 4px 20px rgba(141, 43, 0, 0.4), 0 2px 8px rgba(141, 43, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2)} .transformation-card__after .transformation-label-3d{background: linear-gradient(135deg, rgba(20, 113, 60, 0.95) 0%, rgba(15, 85, 45, 0.95) 100%);color: #fff;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 4px 20px rgba(20, 113, 60, 0.4), 0 2px 8px rgba(20, 113, 60, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2)} .transformation-label-3d::before{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.5s ease;border-radius: var(--radius-pill)} .transformation-card-3d:hover .transformation-label-3d::before{left: 100%} .transformation-card-3d:hover .transformation-label-3d{transform: translateX(-50%) translateY(-2px);box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3), 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3)} .transformations__nav-3d{position: absolute;top: 50%;transform: translateY(-50%);width: 56px;height: 56px;border-radius: 50%;background: rgba(255, 249, 242, 0.95);border: 2px solid var(--color-heading);color: var(--color-heading);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 20;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px)} .transformations__nav-3d:hover{background: var(--color-heading);color: var(--color-button-text);transform: translateY(-50%) scale(1.1);box-shadow: 0 6px 25px rgba(141, 43, 0, 0.3)} .transformations__nav-3d:active{transform: translateY(-50%) scale(0.95)} .transformations__nav-3d svg{width: 24px;height: 24px} .transformations__nav--prev-3d{left: 20px} .transformations__nav--next-3d{right: 20px} .transformations__carousel-wrapper{position: relative;margin-top: 40px;max-width: 350px;margin-left: auto;margin-right: auto;width: 100%;background: none;padding: 0;box-shadow: none;display: none} .transformations__carousel-wrapper::before, .transformations__carousel-wrapper::after{display: none;content: none} .transformations__carousel{display: flex;overflow-x: hidden;overflow-y: hidden;scroll-behavior: smooth;scroll-snap-type: x mandatory;width: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;position: relative;background: none;padding: 0;margin: 0;box-shadow: none} .transformations__carousel::before, .transformations__carousel::after{display: none;content: none} .transformations__carousel::-webkit-scrollbar{display: none} .transformation-card{flex: 0 0 100%;min-width: 100%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;padding: 0;margin: 0;scroll-snap-align: start;box-sizing: border-box;background: none;box-shadow: none;border: none !important;outline: none !important} .transformation-card::before, .transformation-card::after{display: none;content: none} .transformation-label{display: inline-flex;align-items: center;justify-content: center;padding: 6px 16px;border-radius: var(--radius-pill);font-family: "Orbitron", sans-serif;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase} .transformation-card__before .transformation-label{background: rgba(141, 43, 0, 0.15);color: var(--color-heading);border: 1px solid rgba(141, 43, 0, 0.3)} .transformation-card__after .transformation-label{background: rgba(20, 113, 60, 0.15);color: var(--color-button-primary);border: 1px solid rgba(20, 113, 60, 0.3)} .transformation-card img{width: 100%;max-width: 100%;max-height: 450px;height: auto;object-fit: contain;object-position: center;border-radius: var(--radius-md);border: none !important;outline: none !important;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);background: none;margin: 0} .transformations__nav{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 50%;background: rgba(255, 255, 255, 0.95);border: 2px solid var(--color-heading);color: var(--color-heading);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15)} .transformations__nav:hover{background: var(--color-heading);color: var(--color-button-text);transform: translateY(-50%) scale(1.05);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25)} .transformations__nav:active{transform: translateY(-50%) scale(0.95)} .transformations__nav svg{width: 20px;height: 20px} .transformations__nav--prev{left: -24px} .transformations__nav--next{right: -24px} @media (min-width: 1024px){.transformations__carousel-wrapper-3d{height: 550px} .transformation-card-3d{width: 320px;height: 500px} } @media (max-width: 1023px) and (min-width: 769px){.transformations__carousel-wrapper-3d{height: 450px} .transformation-card-3d{width: 260px;height: 400px} } @media (max-width: 767px){.transformations__carousel-wrapper-3d{height: 360px;margin-top: 40px;max-width: 320px;margin-left: auto;margin-right: auto} .transformation-card-3d{width: 180px;height: 320px;margin-left: -90px;margin-top: -160px} .transformations__nav-3d{width: 40px;height: 40px} .transformations__nav--prev-3d{left: 8px} .transformations__nav--next-3d{right: 8px} .transformations__nav-3d svg{width: 18px;height: 18px} } @media (min-width: 480px) and (max-width: 767px){.transformations__carousel-wrapper-3d{max-width: 384px;height: 420px} .transformation-card-3d{width: 200px;height: 360px;margin-left: -100px;margin-top: -180px} } .highlight{position: relative;background: var(--color-bg-alt)} .highlight__inner{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: clamp(30px, 6vw, 70px);align-items: center} .highlight__copy{display: grid;gap: 20px} .highlight__tag{display: inline-flex;align-items: center;padding: 10px 18px;border-radius: var(--radius-pill);border: 1px solid rgba(141, 43, 0, 0.2);background: rgba(141, 43, 0, 0.1);color: var(--color-heading);font-size: 0.85rem} .highlight__copy h2{margin: 0;font-family: "Orbitron", sans-serif;font-size: clamp(2rem, 4.2vw, 2.8rem);color: var(--color-heading);font-weight: 600} .highlight__copy p{margin: 0 0 16px 0;color: var(--color-text);line-height: 1.6} .highlight__copy p:last-of-type{margin-bottom: 0} .highlight__copy ul, .highlight__copy ol{margin: 0;padding-left: 20px;display: grid;gap: 12px;color: var(--color-heading)} .highlight__copy ul{list-style: disc} .highlight__copy ol{list-style: decimal} .highlight__copy ul li, .highlight__copy ol li{color: var(--color-text)} .highlight__image img{border-radius: var(--radius-lg);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: var(--shadow-strong)} .assurance{background: transparent;position: relative;overflow: hidden} .assurance__background{position: absolute;inset: -20px;background-image: url("./imgs/background expectativas.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;filter: blur(4px);z-index: 0} .assurance__top{display: flex;align-items: center;justify-content: center;gap: 22px;margin-bottom: 40px;position: relative;z-index: 2} .assurance__top svg{width: clamp(80px, 10vw, 100px);height: clamp(80px, 10vw, 100px);color: var(--color-heading);filter: drop-shadow(0 4px 12px rgba(141, 43, 0, 0.2))} .assurance__seal{display: inline-flex;align-items: center;padding: 10px 26px;border-radius: var(--radius-pill);border-left: 6px solid var(--color-heading);background: rgba(141, 43, 0, 0.1);color: var(--color-heading);font-family: "Orbitron", sans-serif;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.08em;font-weight: 600} .assurance__card{display: flex;justify-content: center;align-items: center;position: relative;z-index: 2} .assurance__card-content{display: grid;gap: 26px;justify-items: center;padding: clamp(40px, 6vw, 60px);border-radius: var(--radius-lg);background: rgba(255, 255, 255, 0.85);border: 1px solid rgba(0, 0, 0, 0.1);backdrop-filter: blur(16px);text-align: center;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);max-width: 800px;width: 100%} .assurance__card-content h2{margin: 0;font-family: "Orbitron", sans-serif;font-size: clamp(2rem, 3.4vw, 2.6rem);color: var(--color-heading);font-weight: 600} .assurance__card-content p{margin: 0 0 16px 0;max-width: 600px;color: var(--color-text);line-height: 1.6} .assurance__card-content p:last-of-type{margin-bottom: 0} .assurance__card-content ul{margin: 0;padding-left: 20px;display: grid;gap: 12px;color: var(--color-text);list-style: disc;max-width: 600px;text-align: left} .assurance__card-content ul li{color: var(--color-text);line-height: 1.6} .combos{position: relative;background: var(--color-bg)} .combos__grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;margin-top: clamp(40px, 6vw, 60px);align-items: stretch} @media (max-width: 1200px){.combos__grid{grid-template-columns: repeat(2, 1fr);gap: 20px} .combo-card__content{padding: 24px 20px 0 20px} .combo-card__footer{padding: 0 0 24px 0} .combo-card__middle{margin-bottom: 16px} } .combo-card{display: flex;flex-direction: column;padding: 0;border-radius: 12px;background: #ffffff;color: var(--color-text);box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);border: 1px solid rgba(0, 0, 0, 0.08);transition: all 0.3s ease;overflow: hidden} .combo-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);border-color: rgba(141, 43, 0, 0.2)} .combo-card__top{flex-shrink: 0;width: 100%;overflow: hidden} .combo-card__top img{width: 100%;height: 180px;object-fit: cover;background: var(--color-bg);border: none;margin: 0;display: block} @media (min-width: 768px){.combo-card__top img{height: 200px} } .combo-card__content{display: flex;flex-direction: column;padding: 24px 24px 0 24px;gap: 0} @media (min-width: 768px){.combo-card__content{padding: 28px 24px 0 24px} } @media (min-width: 1201px){.combo-card__content{padding: 24px 20px 0 20px} } .combo-card__middle{margin-bottom: 20px} @media (min-width: 1201px){.combo-card__middle{margin-bottom: 16px} } .combo-card__middle ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 14px} @media (min-width: 1201px){.combo-card__middle ul{gap: 10px} } .combo-card__middle > p{margin: 0 0 12px 0;display: flex;align-items: center;gap: 10px} .combo-card__middle > p svg{flex-shrink: 0;color: var(--color-button-primary);width: 20px;height: 20px;color: var(--color-text);line-height: 1.7;font-size: 1rem;text-align: center;padding: 0 4px} .combo-card__middle > p:last-of-type{margin-bottom: 0} .combo-card__middle ul li{color: var(--color-text);font-size: 0.95rem;line-height: 1.7;padding-left: 0;position: relative;display: flex;align-items: flex-start;gap: 12px} @media (min-width: 1201px){.combo-card__middle ul li{font-size: 0.875rem;line-height: 1.5;gap: 10px} } .combo-card__middle ul li svg{flex-shrink: 0;color: var(--color-button-primary);margin-top: 2px;width: 20px;height: 20px} @media (min-width: 1201px){.combo-card__middle ul li svg{width: 18px;height: 18px;margin-top: 3px} } .combo-card__middle ul li::before{display: none} .combo-card__middle ul li strong{color: var(--color-text);font-weight: 600} .combo-card__footer{display: flex;flex-direction: column;gap: 0;margin-top: 0;padding: 0 0 24px 0} @media (min-width: 768px){.combo-card__footer{padding: 0 0 28px 0} } .combo-card__price{margin: 0;padding: 20px 0 16px 0;border-top: 1px solid rgba(0, 0, 0, 0.08);display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;background: rgba(0, 0, 0, 0.02)} .combo-card__price--old{font-size: 0.875rem;color: var(--color-text);opacity: 0.6;text-decoration: line-through;font-weight: 400;margin-bottom: 4px} .combo-card__price strong{font-size: 2.25rem;font-family: "Orbitron", sans-serif;color: var(--color-heading);font-weight: 700;line-height: 1.1;letter-spacing: -0.5px} .combo-card__footer .button{display: flex;align-items: center;justify-content: center;align-self: stretch;background: var(--color-button-primary);color: var(--color-button-text);width: 100%;border-radius: 8px;padding: 14px 24px;font-weight: 600;font-size: 0.95rem;text-transform: uppercase;letter-spacing: 0.5px;transition: all 0.3s ease;text-align: center;line-height: 1.5} .combo-card__footer .button:hover{background: #1a8a4f;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(20, 113, 60, 0.35)} .combo-card .button span{font-size: 1rem} .site-footer{padding: 40px 0;background: var(--color-bg);color: var(--color-text);opacity: 0.7;text-align: center;border-top: 1px solid rgba(0, 0, 0, 0.1)} .scroll-left, .scroll-right, .scroll-top, .scroll-bottom, .blur{opacity: 0;transform: translate3d(0, 20px, 0);transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease} .scroll-left{transform: translate3d(-24px, 0, 0)} .scroll-right{transform: translate3d(24px, 0, 0)} .blur{filter: blur(16px)} .ativo{opacity: 1 !important;transform: translate3d(0, 0, 0) !important;filter: blur(0) !important} body::-webkit-scrollbar{width: 10px} body::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.05)} body::-webkit-scrollbar-thumb{background: var(--color-heading);border-radius: 999px} body::-webkit-scrollbar-thumb:hover{background: #a53500} @media (max-width: 1080px){.hero__inner, .highlight__inner{grid-template-columns: 1fr} .hero__visual{order: -1} .highlight__image{order: -1} } @media (max-width: 768px){.site-header{height: 56px} .site-header .container{width: 100%;padding: 0 16px;height: 56px;line-height: 56px;display: flex;align-items: center;justify-content: space-between;gap: 12px;box-sizing: border-box} .brand-name{line-height: 56px;font-size: 1rem;white-space: nowrap} .site-header .button.small{padding: 8px 14px;font-size: 0.7rem;white-space: nowrap;flex-shrink: 0} .button.large{width: 100%} .hero__stats{grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))} .pillars__row article{flex-direction: column;text-align: center} .benefits__card img{height: 180px} .hero::before{content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 249, 242, 0.9), rgba(255, 249, 242, 0.85));pointer-events: none;z-index: 0} .hero__inner{position: relative;z-index: 1} .combos__grid{grid-template-columns: 1fr;gap: 20px} } @media (max-width: 540px){.container{width: min(100% - 28px, var(--max-width))} .assurance__card-content{padding: 32px 24px;gap: 20px} .assurance__card-content h2{font-size: 1.75rem} .assurance__card-content ul{gap: 10px;padding-left: 16px} .combos__grid{grid-template-columns: 1fr;gap: 20px;margin-top: 32px} .combo-card__content{padding: 20px 16px 0 16px} .combo-card__footer{padding: 0 0 20px 0} .combo-card__top img{height: 160px} .combo-card__middle{margin-bottom: 16px} .combo-card__price{padding: 16px 0 12px 0} .combo-card__price strong{font-size: 1.75rem} }