/* Layout corrections preserve the original page's visual design. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-width:0}
*,*::before,*::after{box-sizing:border-box}
#root,main,section,footer{min-width:0;max-width:100%}
.grid>*,.flex>*,h1,h2,h3,p,li{min-width:0}
img{max-width:100%;height:auto}
button,a{overflow-wrap:anywhere;white-space:normal}
button svg,a svg{flex-shrink:0}
h1,h2,h3,p,li{overflow-wrap:break-word}
:focus-visible{outline:3px solid #d6a944;outline-offset:4px}
#bonus-grid>div{height:100%}
#pricing>div>div.grid{padding-top:12px;padding-bottom:12px}
#pricing>div>div.grid>div:first-child>div:first-child>div:first-child{padding-top:16px}
#faq-section button>div:first-child{flex:1;min-width:0}
#faq-section button>div:last-child{flex-shrink:0}
#faq-section button[aria-expanded="true"]+div{max-height:none}
#checkout-modal{max-height:calc(100dvh - 32px);overflow-y:auto;margin-block:0}
@media(max-width:767px){
 section{scroll-margin-top:16px}
 #home h1{font-size:clamp(1.9rem,7.5vw,3rem);line-height:1.15}
 #pricing>div>div.grid>div{transform:none}
 #pricing h3{padding-right:0}
 #faq>div>div:last-child button{max-width:100%;padding:16px 20px;text-align:center}
 footer>div>div:last-child{justify-content:center;text-align:center}
}
@media(max-width:374px){
 #pricing>div>div.grid>div{padding:24px 16px}
 #pricing .tracking-widest{letter-spacing:.06em}
 #bonus-grid>div{padding:20px}
 #faq-section button{padding:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Transparent product cutouts and opposing continuous sample rows. */
img:is([src*="-remodelado"],[src*="hero-protocolos"]){object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;aspect-ratio:auto!important}
#home img[src*="hero-protocolos-v5"]{width:min(100%,540px);height:auto;max-width:100%;filter:drop-shadow(0 18px 28px #09041b66)}
#home .my-6:has(>img){width:100%;min-height:0;margin-block:24px}
#bonus-grid img:is([src*="-remodelado"],[src*="hero-protocolos"]){width:100%;height:220px;max-height:none}
#bonus-grid div:has(>img[src*="-remodelado"]){background:transparent;border:0;padding:8px 0}
div:has(>img[src*="hero-protocolos-v5"]):not(.my-6){background:transparent;border:0;padding:0}
img[src*="warranty-remodelado"]{width:220px;max-width:100%}
.sample-gallery{width:100%;min-width:0;margin-top:36px;text-align:left}
.sample-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;color:#e9d5ff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sample-motion-toggle{flex-shrink:0;border:1px solid #ffffff30;border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:0;text-transform:none;color:#f4e8ff;background:#ffffff0a;cursor:pointer}
.sample-viewport{overflow:hidden;width:100%;padding-block:12px;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.sample-track{display:flex;width:max-content;animation:sample-marquee 44s linear infinite;will-change:transform}
.sample-track+.sample-track{margin-top:20px}
.sample-track-right{animation-direction:reverse;animation-duration:49s}
.sample-group{display:flex;flex:none;gap:24px;padding-right:24px}
.sample-item{flex:none;width:clamp(165px,22vw,235px);margin:0}
.sample-item img{display:block;width:100%;height:auto;aspect-ratio:3/4!important;object-fit:contain;filter:drop-shadow(0 8px 10px #05001455)}
.is-paused .sample-track{animation-play-state:paused}
@keyframes sample-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:639px){.sample-gallery-heading{align-items:flex-start;font-size:10px;gap:10px}.sample-group{gap:14px;padding-right:14px}.sample-track+.sample-track{margin-top:14px}#bonus-grid img:is([src*="-remodelado"],[src*="hero-protocolos"]){height:240px}.sample-motion-toggle{padding:7px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.sample-track{animation:none;transform:none}.sample-group[aria-hidden="true"]{display:none}.sample-viewport{overflow-x:auto;mask-image:none}.sample-motion-toggle{display:none}}
/* Full-width gallery, independent from the headline's content container. */
#home>.sample-gallery{width:100%;max-width:none;margin-top:48px;position:relative;z-index:10}
.sample-gallery-heading{max-width:1280px;margin:0 auto 24px;padding-inline:32px}
.sample-item{width:clamp(280px,25vw,400px)}
.sample-group{gap:32px;padding-right:32px;min-width:100vw;justify-content:space-around}
.sample-viewport{mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
.sample-track{animation-duration:58s}
.sample-track-right{animation-duration:63s}
.sample-track+.sample-track{margin-top:28px}
@media(max-width:767px){
 #home>.sample-gallery{margin-top:36px}
 .sample-gallery-heading{padding-inline:16px;margin-bottom:18px}
 .sample-item{width:clamp(210px,64vw,300px)}
 .sample-group{gap:16px;padding-right:16px}
 .sample-track+.sample-track{margin-top:18px}
 .sample-track{animation-duration:48s}
 .sample-track-right{animation-duration:53s}
 .sample-viewport{mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent)}
}

main > section:not(:first-child),footer{content-visibility:visible;contain-intrinsic-size:none}

/* Consistent centered introductory copy; lists and FAQ questions retain natural reading alignment. */
#bonus-grid h3,#bonus-grid p{text-align:center}
#bonus-grid .w-12{margin-inline:auto}
#bonus-grid .font-mono{display:block;text-align:center}
#pricing div:has(>h3){text-align:center}
main>section:nth-child(2) .grid>div{flex-direction:column;align-items:center;text-align:center}
footer .max-w-4xl{text-align:center}
footer .max-w-4xl>div{justify-content:center}


.sample-plan-cta{display:flex;justify-content:center;padding:32px 16px 0}.sample-plan-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:18px 32px;border-radius:16px;background:var(--color-brand-green,#10b981);color:#fff;font-weight:800;font-size:16px;letter-spacing:.04em;text-align:center;text-decoration:none;box-shadow:0 8px 24px #10b98125;transition:background .2s,transform .2s}.sample-plan-link:hover{background:var(--color-brand-green-hover,#059669);transform:translateY(-2px)}#plano-completo{scroll-margin-top:32px}@media(max-width:639px){.sample-plan-cta{padding-top:24px}.sample-plan-link{width:100%;max-width:360px;padding:17px 20px;font-size:14px}}

.profile-avatar-group{display:flex;align-items:center;flex-shrink:0;padding-left:8px}.profile-avatar{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:2px solid #0a0d17;margin-left:-8px;background-image:url("../media/perfis-ilustrativos-v7.webp");background-repeat:no-repeat;background-size:300% 100%;box-shadow:0 2px 8px #0003}.profile-avatar-1{background-position:0% 50%}.profile-avatar-2{background-position:50% 50%}.profile-avatar-3{background-position:100% 50%}@media(max-width:639px){.profile-avatar{width:38px;height:38px;flex-basis:38px}}
.social-proof{flex-wrap:nowrap;gap:12px}.social-proof>div:last-child{min-width:0;text-align:left}@media(max-width:639px){.social-proof>div:last-child{font-size:10px;line-height:1.5}}
