@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Marcellus&display=swap');

:root{--green:#063c27;--green-2:#0a5a38;--red:#721d29;--red-deep:#4b1019;--gold:#c9a34a;--gold-light:#e6c875;--cream:#f5efe3;--ivory:#fbf9f4;--ink:#171717;--muted:#6e6a63;--line:rgba(23,23,23,.12);--serif:'Cormorant Garamond',serif;--display:'Marcellus',serif;--sans:'Inter',sans-serif;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(8,18,14,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-dot{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#fff0a6 48%,var(--gold));box-shadow:0 0 28px rgba(201,163,74,.28)}.brand b{display:block;font:600 16px var(--display);letter-spacing:.11em}.brand small{display:block;color:rgba(255,255,255,.58);font-size:8px;text-transform:uppercase;letter-spacing:.16em;margin-top:3px}.nav-links{display:flex;align-items:center;gap:25px;color:rgba(255,255,255,.76);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.nav-links a:hover{color:#fff}.nav-admin{color:var(--gold-light)!important;letter-spacing:.12em}.nav-admin:hover{color:#fff!important}.nav-cta{padding:12px 16px;border:1px solid rgba(230,200,117,.55);color:var(--gold-light)!important}.mobile-actions{display:none}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100vh;background:radial-gradient(circle at 70% 40%,rgba(28,102,65,.4),transparent 32%),linear-gradient(135deg,#07130f,#0a2118 52%,#260e14);color:#fff;position:relative;overflow:hidden;padding-top:82px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.46),transparent 58%),radial-gradient(circle at 50% 100%,rgba(201,163,74,.12),transparent 30%)}.hero-glow{position:absolute;width:720px;height:720px;border:1px solid rgba(201,163,74,.12);border-radius:50%;right:-180px;top:12%;box-shadow:0 0 120px rgba(201,163,74,.06)}.hero-inner{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-copy{padding:80px 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold-light);font-weight:600}.eyebrow.dark{color:var(--red)}h1{font:600 clamp(70px,9vw,130px)/.82 var(--serif);letter-spacing:-.045em;margin:20px 0 18px}h1 em,.section-title em,h2 em{font-style:italic;color:var(--gold-light)}.hero-motto{font:500 clamp(22px,2.2vw,31px) var(--serif);color:#eee2bf;margin:0 0 20px}.hero-lead{max-width:590px;color:rgba(255,255,255,.68);line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;transition:.25s}.button-primary{background:var(--gold);color:#1d170b}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,163,74,.18)}.button-ghost,.button-outline-light{border:1px solid rgba(255,255,255,.28);color:#fff}.button-gold{background:var(--gold);color:#20170a}.hero-mark{justify-self:end;width:min(540px,44vw);position:relative;filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}.hero-mark img{width:100%;height:auto;display:block;mix-blend-mode:screen}.logo-aura{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(230,200,117,.25),transparent 68%);filter:blur(25px)}.hero-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:9px;text-transform:uppercase;letter-spacing:.22em}.section{padding:120px 0}.section-light{background:var(--ivory)}.section-cream{background:var(--cream)}.section-dark{background:#09130f;color:#fff}.section-burgundy{background:linear-gradient(135deg,#4b1019,#711d29);color:#fff}.section-image{background:linear-gradient(90deg,#092319,#173e2d);min-height:660px;position:relative}.image-panel{height:100%;min-height:660px;display:flex;align-items:center;justify-content:flex-end;background:radial-gradient(circle at 15% 45%,rgba(201,163,74,.16),transparent 30%)}.culture-card{width:min(530px,100%);padding:58px;background:rgba(245,239,227,.96);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-title{font:600 clamp(48px,6vw,78px)/.92 var(--serif);letter-spacing:-.035em;margin:18px 0}.dark-title{color:#fff}.rich-copy{font-size:15px;line-height:1.9;color:var(--muted)}.section-dark .rich-copy{color:rgba(255,255,255,.66)}.rich-copy p{margin:0 0 20px}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-weight:700}.text-link span{margin-left:8px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:55px}.pillar{padding:36px 28px;min-height:240px;background:#09130f}.pillar>span{font:600 13px var(--display);color:var(--gold);letter-spacing:.15em}.pillar h3,.class-card h3{font:500 28px var(--serif);margin:35px 0 10px}.pillar p,.class-card p{font-size:12px;line-height:1.75;color:rgba(255,255,255,.58)}.center-heading{text-align:center;max-width:700px;margin:0 auto 55px}.center-heading>p{color:var(--muted);font-size:14px;line-height:1.8}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.class-card{background:#fff;padding:27px;min-height:280px;border:1px solid rgba(23,23,23,.07);box-shadow:0 16px 45px rgba(34,27,15,.06);transition:.25s}.class-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(34,27,15,.1)}.class-card>span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--red);font-weight:700}.class-card h3{margin-top:45px}.class-card p{color:var(--muted)}.class-card a{display:inline-block;margin-top:20px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:700}.future-note{border-left:2px solid var(--gold);padding:12px 16px;background:rgba(201,163,74,.07);font-size:11px;color:#555}.compact{padding:90px 0}.gallery-placeholder{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.gallery-placeholder h2{font:600 58px var(--serif);margin:16px 0}.gallery-placeholder p{max-width:600px;color:rgba(255,255,255,.58);line-height:1.8}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font:600 clamp(55px,6vw,80px)/.9 var(--serif);margin:15px 0}.contact p{color:rgba(255,255,255,.65)}.contact-actions{display:flex;gap:12px}.footer{background:#050907;color:#fff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner>div{display:flex;flex-direction:column;gap:7px}.footer strong{font:500 18px var(--display);letter-spacing:.12em}.footer span{font-size:9px;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.12em}
@media(max-width:950px){.nav-links{gap:13px}.nav-links>a.nav-cta{display:none}.nav-links a:not(.nav-cta){display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:75px 0 20px}.hero-mark{width:min(460px,78vw);justify-self:center}.hero-bottom{display:none}.pillar-grid{grid-template-columns:repeat(2,1fr)}.class-grid{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.contact{flex-direction:column;align-items:flex-start}.mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto;padding-left:12px}.mobile-nav-cta{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:126px;padding:8px 13px;font-size:8px;letter-spacing:.12em;white-space:nowrap;border:1px solid rgba(230,200,117,.62);background:rgba(8,18,14,.18);box-shadow:0 8px 24px rgba(0,0,0,.12);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.mobile-nav-cta:hover{background:rgba(201,163,74,.08);border-color:rgba(230,200,117,.9);transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.menu-toggle{display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:background .25s,border-color .25s,box-shadow .25s}.menu-toggle span{display:block;width:17px;height:1px;background:#fff;transform-origin:center;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.menu-toggle:hover{background:rgba(255,255,255,.07);border-color:rgba(230,200,117,.62);box-shadow:0 10px 28px rgba(0,0,0,.22)}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.3)}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links.open{position:absolute;top:82px;left:0;right:0;background:rgba(7,19,15,.98);backdrop-filter:blur(18px);padding:25px max(24px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;align-items:stretch;border-top:1px solid rgba(230,200,117,.12);box-shadow:0 22px 50px rgba(0,0,0,.28)}.nav-links.open a:not(.nav-cta){display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.nav-links.open .nav-cta{display:none;text-align:center}}
@media(max-width:640px){.shell{width:min(100% - 30px,1180px)}.section{padding:82px 0}.hero{min-height:auto}.hero-inner{min-height:auto}.hero-copy{padding:95px 0 15px}.hero-mark{width:88vw;margin-top:20px}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.split{grid-template-columns:1fr}.pillar-grid,.class-grid{grid-template-columns:1fr}.culture-card{padding:35px}.gallery-placeholder h2{font-size:45px}.footer-inner{flex-direction:column}.brand b{font-size:14px}}

/* Production hardening */
:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}.skip-link{position:fixed;left:16px;top:16px;z-index:1000;padding:10px 14px;background:#fff;color:#111;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.brand-mark{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3))}.not-found{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;background:var(--ivory)}.not-found h1{font-size:clamp(48px,7vw,88px);max-width:900px;margin:20px 0}.not-found p{color:var(--muted);margin:0 0 28px}.hero-mark img{mix-blend-mode:normal;filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}.logo-aura{z-index:-1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Ajustes visuais — referência desktop/mobile 06-10-2026 */
.hero-mark img{
  mix-blend-mode:normal;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.34));
}
@media(max-width:640px){
  .hero{overflow:hidden;}
  .hero-inner{display:block;position:relative;min-height:760px;}
  .hero-copy{position:relative;z-index:2;padding:188px 0 25px;}
  .hero-mark{
    position:absolute;
    z-index:1;
    top:8px;
    right:-2px;
    width:260px;
    margin:0;
  }
  .hero-mark img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.34));}
  .hero-copy .eyebrow{max-width:310px;}
  h1{font-size:clamp(58px,15vw,82px);line-height:.84;margin-top:20px;}
  .hero-motto{font-size:25px;line-height:1.05;}
  .hero-lead{font-size:14px;line-height:1.8;}
}
@media(max-width:390px){
  .hero-inner{min-height:735px;}
  .hero-copy{padding-top:176px;}
  .hero-mark{width:235px;right:-4px;}
}

/* Hero 1.2 — composição editorial ultra premium */
.hero-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px}
h1{font-size:clamp(56px,7.2vw,104px);line-height:.86;margin:22px 0 20px}
.hero-copy{max-width:680px}
.hero-carousel{width:min(560px,100%);justify-self:end;position:relative;align-self:center;padding:14px 14px 42px}
.carousel-stage{position:relative;aspect-ratio:1200/760;overflow:hidden;background:#07150f;border:1px solid rgba(230,200,117,.18);box-shadow:0 34px 90px rgba(0,0,0,.34)}
.carousel-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -80px 120px rgba(0,0,0,.12)}
.carousel-slide{position:absolute;inset:0;display:block;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 6s ease;pointer-events:none}
.carousel-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.carousel-slide img{width:100%;height:100%;display:block;object-fit:cover}
.carousel-control{position:absolute;top:calc(50% - 24px);z-index:3;width:42px;height:48px;border:1px solid rgba(230,200,117,.45);background:rgba(5,18,13,.58);backdrop-filter:blur(10px);color:#f4dfaa;font:400 32px Georgia,serif;cursor:pointer;transition:.25s}
.carousel-control:hover{background:rgba(201,163,74,.92);color:#17120a}
.carousel-control.prev{left:0}.carousel-control.next{right:0}
.carousel-dots{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:7px;z-index:4}
.carousel-dot{width:24px;height:2px;padding:0;border:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.3s}.carousel-dot.is-active{background:var(--gold-light);width:38px}
@media(max-width:950px){.hero-inner{grid-template-columns:1fr}.hero-carousel{justify-self:center;width:min(620px,90vw);margin-top:25px}}
@media(max-width:640px){
  .hero-inner{display:block;min-height:820px}
  .hero-copy{padding:196px 0 15px}
  h1{font-size:clamp(46px,12vw,66px);line-height:.88;margin-top:18px}
  .hero-carousel{position:absolute;top:12px;right:-2px;width:62vw;max-width:290px;padding:0 0 28px;margin:0}
  .carousel-stage{border-color:rgba(230,200,117,.2);box-shadow:0 22px 55px rgba(0,0,0,.35)}
  .carousel-control{width:32px;height:38px;font-size:24px;top:calc(50% - 20px)}
  .carousel-dots{bottom:0}
  .carousel-dot{width:15px}.carousel-dot.is-active{width:25px}
}
@media(max-width:390px){.hero-inner{min-height:790px}.hero-copy{padding-top:182px}.hero-carousel{width:60vw}}

/* Anúncios 1.4 — formato editorial fixo e imagem integral */
.carousel-stage{aspect-ratio:1064/1600}
.carousel-slide img{object-fit:contain;background:#07150f}

/* Anúncios verticais 1064 × 1600 — aproveitamento máximo e elegante do Hero */
@media(min-width:951px){
  .hero-carousel{
    width:100%;
    height:calc(100vh - 102px);
    min-height:0;
    padding:0 14px 16px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-end;
  }
  .carousel-stage{
    width:100%;
    height:auto;
    aspect-ratio:1064/1600;
    max-height:calc(100% - 16px);
    flex:0 1 auto;
  }
  .carousel-dots{bottom:0;}
}
@media(max-width:950px){
  .hero-carousel{width:min(420px,78vw);}
  .carousel-stage{max-height:520px;}
}
@media(max-width:640px){
  .hero-carousel{width:min(300px,64vw);}
  .carousel-stage{max-height:500px;}
}


/* Hero 1.4.3 — assinatura institucional acima do conteúdo e composição inferior */
@media(min-width:951px){
  .hero-inner{align-items:stretch;}
  .hero-copy{height:calc(100vh - 82px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 34px;max-width:680px;}
  .hero-brand-logo{width:clamp(165px,14vw,220px);height:auto;display:block;object-fit:contain;object-position:left center;margin:0 0 12px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.28));}
}
@media(max-width:950px){
  .hero-brand-logo{width:180px;height:auto;display:block;object-fit:contain;margin:0 0 12px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));}
}
@media(max-width:640px){
  .hero-brand-logo{width:150px;margin-bottom:10px;}
}

/* Hero 1.4.4 — refinamento de proporção e hierarquia */
@media(min-width:951px){
  .header .nav{height:70px;}
  .hero{padding-top:70px;}
  .hero-inner{min-height:calc(100vh - 70px);}
  .hero-copy{height:calc(100vh - 70px);padding-bottom:30px;}
  h1{font-size:clamp(45px,5.76vw,83px);line-height:.88;margin:18px 0 17px;}
  .hero-motto{font-size:clamp(21px,2.05vw,29px);margin-bottom:17px;}
  .hero-lead{line-height:1.72;}
  .hero-actions{margin-top:28px;}
  .hero-brand-logo{margin-bottom:12px;}
  .hero-carousel{height:calc(100vh - 90px);}
}
@media(max-width:950px){
  .header .nav{height:72px;}
  .mobile-actions{gap:9px;}
  .hero{padding-top:72px;}
  .nav-links.open{top:72px;}
  .hero-inner{min-height:calc(100vh - 72px);}
  h1{font-size:clamp(45px,9.6vw,83px);line-height:.88;margin:17px 0 17px;}
}
@media(max-width:640px){
  .header .nav{height:68px;}
  .mobile-actions{gap:7px;padding-left:8px;}
  .mobile-nav-cta{height:32px;min-width:118px;padding:7px 10px;font-size:7.5px;letter-spacing:.1em;}
  .menu-toggle{width:34px;height:34px;flex-basis:34px;}
  .menu-toggle span{width:16px;}
  .hero{padding-top:68px;}
  .nav-links.open{top:68px;}
  .hero-inner{min-height:calc(100vh - 68px);}
  .hero-copy{padding:196px 0 15px;}
  h1{font-size:clamp(44px,9.6vw,64px);line-height:.9;margin:16px 0 15px;}
}


/* Hero 1.4.8 — composição responsiva premium: retrato e paisagem */
@media (min-width:641px) and (max-width:950px){
  .hero{min-height:100vh;padding-top:72px;}
  .hero-inner{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);gap:30px;align-items:center;}
  .hero-copy{order:1;padding:34px 0 30px;max-width:620px;}
  .hero-brand-logo{display:none;}
  .hero-carousel{order:2;justify-self:end;width:min(390px,100%);margin:0;padding:0 10px 34px;}
  .carousel-stage{max-height:calc(100vh - 145px);}
  .hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;}
}

@media (max-width:640px){
  /* Retrato: anúncio em destaque acima, texto abaixo e ações em composição lateral elegante. */
  .hero{min-height:auto;padding-top:68px;}
  .hero-inner{display:flex;flex-direction:column;min-height:auto;gap:0;padding-bottom:30px;}
  .hero-brand-logo{display:none;}
  .hero-carousel{order:1;position:relative;top:auto;right:auto;align-self:flex-end;width:min(300px,64vw);margin:18px 0 0;padding:0 0 30px;}
  .carousel-stage{max-height:460px;}
  .hero-copy{order:2;position:relative;padding:22px 0 0;max-width:100%;}
  .hero-copy .eyebrow{display:block;max-width:100%;margin-bottom:10px;}
  h1{font-size:clamp(44px,12vw,64px);line-height:.88;margin:8px 0 12px;}
  .hero-motto{font-size:23px;line-height:1.05;margin-bottom:13px;}
  .hero-lead{font-size:13px;line-height:1.7;max-width:100%;}
  .hero-actions{position:absolute;top:0;left:0;transform:translateY(-100%);display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;width:calc(100% - min(300px,64vw) - 12px);max-width:150px;}
  .hero-actions .button{width:100%;padding:11px 10px;font-size:8px;letter-spacing:.11em;white-space:nowrap;}
  .hero-actions .button-primary{box-shadow:0 10px 24px rgba(0,0,0,.18);}
  .hero-actions .button-ghost{background:rgba(7,19,15,.22);backdrop-filter:blur(8px);}
}

@media (max-width:390px){
  .hero-carousel{width:60vw;margin-top:14px;}
  .hero-copy{padding-top:20px;}
  .hero-actions{width:calc(100% - 60vw - 10px);max-width:138px;}
  .hero-actions .button{padding:10px 8px;font-size:7.5px;}
}

/* Hero 1.4.9 — correção de composição horizontal e retrato */

/* PAISAGEM MOBILE/TABLET: preservar a lógica desktop, com logo, texto à esquerda e carrossel à direita. */
@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero{min-height:100vh;padding-top:72px;}
  .hero-inner{
    min-height:calc(100vh - 72px);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(185px,38%);
    gap:34px;
    align-items:stretch;
  }
  .hero-copy{
    order:1;
    height:calc(100vh - 72px);
    min-width:0;
    padding:0 0 24px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    max-width:620px;
  }
  .hero-brand-logo{
    display:block;
    width:clamp(112px,16vw,155px);
    height:auto;
    margin:0 0 10px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));
  }
  .hero-carousel{
    order:2;
    align-self:center;
    justify-self:end;
    width:auto;
    height:calc(100vh - 96px);
    max-height:calc(100vh - 96px);
    aspect-ratio:1064/1600;
    padding:0 0 20px;
    margin:0;
  }
  .carousel-stage{
    width:100%;
    height:auto;
    aspect-ratio:1064/1600;
    max-height:100%;
  }
  .hero-actions{margin-top:22px;gap:10px;}
  .hero-actions .button{padding:11px 15px;font-size:8.5px;}
}

/* RETRATO: logo ao lado do carrossel, carrossel mantém sua proporção/tamanho; texto abaixo. */
@media (max-width:640px) and (orientation:portrait){
  .hero{min-height:auto;padding-top:68px;}
  .hero-inner{
    display:block;
    min-height:0;
    position:relative;
    padding-bottom:34px;
  }
  .hero-carousel{
    position:absolute;
    z-index:2;
    top:18px;
    right:0;
    align-self:auto;
    width:min(300px,64vw);
    max-width:300px;
    margin:0;
    padding:0 0 30px;
  }
  .carousel-stage{max-height:none;}
  .hero-copy{
    position:relative;
    z-index:1;
    padding:calc(min(300px,64vw) * 1.50 + 34px) 0 0;
    max-width:100%;
  }
  .hero-brand-logo{
    display:block;
    position:absolute;
    top:28px;
    left:0;
    width:min(150px,31vw);
    height:auto;
    margin:0;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));
  }
  .hero-copy .eyebrow{margin-bottom:10px;}
  h1{font-size:clamp(44px,12vw,64px);line-height:.88;margin:8px 0 12px;}
  .hero-motto{font-size:23px;line-height:1.05;margin-bottom:13px;}
  .hero-lead{font-size:13px;line-height:1.7;max-width:100%;}
  .hero-actions{
    position:static;
    transform:none;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:none;
    margin-top:22px;
  }
  .hero-actions .button{
    width:auto;
    min-width:0;
    padding:11px 13px;
    font-size:7.8px;
    letter-spacing:.1em;
    white-space:nowrap;
  }
}

@media (max-width:390px) and (orientation:portrait){
  .hero-carousel{width:60vw;max-width:none;top:14px;}
  .hero-copy{padding-top:calc(60vw * 1.50 + 30px);}
  .hero-brand-logo{top:23px;width:28vw;max-width:108px;}
  .hero-actions{margin-top:19px;}
  .hero-actions .button{padding:10px 10px;font-size:7.2px;}
}

/* Hero 1.5.0 — refinamento final de composição responsiva */

/* Controles do carrossel: sem fundo/moldura, mantendo dimensões e destaque sobre a imagem. */
.carousel-control{
  background:transparent!important;
  border:0!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.55);
}
.carousel-control:hover{
  background:transparent!important;
  color:#f4dfaa;
  transform:scale(1.06);
  text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 22px rgba(0,0,0,.7);
}

/* Mobile horizontal: composição próxima ao desktop, logo no topo esquerdo, texto entre logo e carrossel. */
@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(205px,38%);
    gap:34px;
    align-items:stretch;
  }
  .hero-copy{
    height:calc(100vh - 72px);
    padding:18px 0 24px;
    justify-content:flex-start;
    max-width:620px;
  }
  .hero-brand-logo{
    width:clamp(112px,16vw,155px);
    margin:0 0 12px;
    flex:0 0 auto;
  }
  .hero-copy .eyebrow{margin-top:0;}
  h1{margin:12px 0 15px;}
  .hero-motto{margin-bottom:13px;}
  .hero-lead{max-width:560px;line-height:1.65;}
  .hero-actions{margin-top:22px;}
  .hero-carousel{
    height:calc(100vh - 92px);
    max-height:calc(100vh - 92px);
    padding:0 0 20px;
    align-self:center;
  }
  .carousel-stage{max-height:100%;}
}

/* Mobile vertical: logo e ações ocupam elegantemente o espaço à esquerda do carrossel;
   todo o bloco textual começa abaixo da composição superior. */
@media (max-width:640px) and (orientation:portrait){
  .hero-inner{min-height:0;padding-bottom:34px;}
  .hero-carousel{
    top:18px;
    right:0;
    width:min(300px,64vw);
    max-width:300px;
    margin:0;
    padding:0 0 30px;
  }
  .hero-copy{
    padding:calc(min(300px,64vw) * 1.50 + 36px) 0 0;
    max-width:100%;
  }
  .hero-brand-logo{
    display:block;
    position:absolute;
    z-index:4;
    top:18px;
    left:0;
    width:min(120px,27vw);
    height:auto;
    margin:0;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 9px 18px rgba(0,0,0,.28));
  }
  .hero-actions{
    position:absolute;
    z-index:4;
    top:calc(18px + min(120px,27vw) + 12px);
    left:0;
    width:calc(100% - min(300px,64vw) - 12px);
    max-width:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .hero-actions .button{
    width:100%;
    min-width:0;
    padding:10px 9px;
    font-size:7.4px;
    letter-spacing:.09em;
    white-space:nowrap;
  }
  .hero-copy .eyebrow{margin-bottom:10px;}
  h1{margin:8px 0 12px;}
  .hero-motto{margin-bottom:13px;}
  .hero-lead{line-height:1.7;}
}

@media (max-width:390px) and (orientation:portrait){
  .hero-carousel{width:60vw;max-width:none;top:14px;}
  .hero-copy{padding-top:calc(60vw * 1.50 + 32px);}
  .hero-brand-logo{top:14px;width:27vw;max-width:108px;}
  .hero-actions{
    top:calc(14px + min(108px,27vw) + 10px);
    width:calc(100% - 60vw - 10px);
    gap:7px;
  }
  .hero-actions .button{padding:9px 7px;font-size:7px;}
}

/* Hero 1.5.1 — composição responsiva refinada
   - Retrato: logo permanece no topo; ações ocupam o espaço livre abaixo dele;
     bloco textual inicia depois da área integral do carrossel e de seus controles.
   - Paisagem: logo permanece à esquerda; texto e ações passam para sua direita.
   - Dimensões do carrossel: preservadas integralmente. */

@media (max-width:640px) and (orientation:portrait){
  .hero-inner{
    padding-bottom:34px;
  }

  /* O carrossel mantém exatamente a dimensão já definida em 1.5.0. */
  .hero-carousel{
    top:18px;
    right:0;
    width:min(300px,64vw);
    max-width:300px;
  }

  /* Logo permanece no topo, sem deslocamento lateral. */
  .hero-brand-logo{
    top:18px;
    left:0;
    width:min(120px,27vw);
  }

  /* Botões ocupam harmonicamente o espaço vertical livre abaixo do logo. */
  .hero-actions{
    top:calc(18px + min(120px,27vw) + 14px);
    left:0;
    width:calc(100% - min(300px,64vw) - 12px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    margin:0;
  }

  /* O texto começa somente após o estágio + controles do carrossel,
     evitando qualquer sobreposição com a barra de controle/dots. */
  .hero-copy{
    padding-top:calc(min(300px,64vw) * 1.50376 + 78px);
  }

  .hero-copy .eyebrow,
  .hero-copy h1,
  .hero-copy .hero-motto,
  .hero-copy .hero-lead{
    position:relative;
    z-index:5;
  }
}

@media (max-width:390px) and (orientation:portrait){
  /* Carrossel preservado na dimensão definida anteriormente. */
  .hero-carousel{
    width:60vw;
    max-width:none;
    top:14px;
  }

  .hero-brand-logo{
    top:14px;
    width:27vw;
    max-width:108px;
  }

  .hero-actions{
    top:calc(14px + min(108px,27vw) + 12px);
    width:calc(100% - 60vw - 10px);
    gap:7px;
  }

  .hero-copy{
    padding-top:calc(60vw * 1.50376 + 72px);
  }
}

@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero-copy{
    height:calc(100vh - 72px);
    min-height:0;
    padding:18px 0 20px;
    display:grid;
    grid-template-columns:clamp(112px,16vw,155px) minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
    column-gap:22px;
    row-gap:0;
    align-content:start;
    justify-content:stretch;
    max-width:620px;
    overflow:hidden;
  }

  /* Logo ocupa a coluna esquerda e permanece imediatamente abaixo do header. */
  .hero-brand-logo{
    grid-column:1;
    grid-row:1 / span 5;
    align-self:start;
    justify-self:start;
    width:clamp(112px,16vw,155px);
    height:auto;
    margin:0;
  }

  /* Todo o conteúdo textual passa para a direita do logo. */
  .hero-copy .eyebrow{
    grid-column:2;
    grid-row:1;
    align-self:end;
    margin:0 0 8px;
  }

  .hero-copy h1{
    grid-column:2;
    grid-row:2;
    margin:0 0 10px;
    font-size:clamp(42px,6.1vw,64px);
    line-height:.9;
  }

  .hero-copy .hero-motto{
    grid-column:2;
    grid-row:3;
    margin:0 0 10px;
    font-size:clamp(18px,2.5vw,23px);
    line-height:1.05;
  }

  .hero-copy .hero-lead{
    grid-column:2;
    grid-row:4;
    margin:0;
    max-width:none;
    line-height:1.5;
    font-size:clamp(11px,1.35vw,13px);
  }

  /* Botões ficam diretamente abaixo do texto, ainda na coluna direita. */
  .hero-copy .hero-actions{
    grid-column:2;
    grid-row:5;
    align-self:start;
    justify-content:flex-start;
    margin:16px 0 0;
    gap:9px;
    width:100%;
  }

  .hero-copy .hero-actions .button{
    flex:0 0 auto;
  }

  /* Carrossel permanece sem qualquer alteração de largura, proporção ou escala. */
  .hero-carousel{
    height:calc(100vh - 92px);
    max-height:calc(100vh - 92px);
    padding:0 0 20px;
  }
}

@media (min-width:641px) and (max-width:760px) and (orientation:landscape){
  .hero-copy{
    column-gap:16px;
    grid-template-columns:clamp(105px,15vw,125px) minmax(0,1fr);
    padding-top:14px;
  }

  .hero-brand-logo{
    width:clamp(105px,15vw,125px);
  }

  .hero-copy h1{
    font-size:clamp(38px,6.5vw,50px);
    margin-bottom:8px;
  }

  .hero-copy .hero-motto{
    font-size:clamp(16px,2.5vw,20px);
    margin-bottom:8px;
  }

  .hero-copy .hero-lead{
    font-size:11px;
    line-height:1.42;
  }

  .hero-copy .hero-actions{
    margin-top:12px;
  }
}

/* Hero 1.5.2 — ajuste fino solicitado
   Retrato: ações centralizadas no espaço entre a base do logo e a base do carrossel.
   Paisagem: logo maior, texto aproximado do carrossel e ações lado a lado. */

@media (max-width:640px) and (orientation:portrait){
  .hero-actions{
    /* centro geométrico entre a base do logo e a base do carrossel + controles */
    top:calc(18px + (min(120px,27vw) + (min(300px,64vw) * 1.50376) + 30px) / 2);
    transform:translateY(-50%);
    gap:12px;
  }
}

@media (max-width:390px) and (orientation:portrait){
  .hero-actions{
    top:calc(14px + (min(108px,27vw) + (60vw * 1.50376) + 30px) / 2);
    transform:translateY(-50%);
    gap:11px;
  }
}

@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(205px,38%);
    gap:24px;
  }

  .hero-copy{
    max-width:none;
    grid-template-columns:clamp(135px,18vw,175px) minmax(0,1fr);
    column-gap:18px;
  }

  .hero-brand-logo{
    width:clamp(135px,18vw,175px);
  }

  .hero-copy .hero-lead{
    max-width:none;
  }

  .hero-copy .hero-actions{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:auto;
    margin-top:14px;
  }

  .hero-copy .hero-actions .button{
    width:auto;
    min-width:0;
    flex:0 1 auto;
    white-space:nowrap;
    padding-left:12px;
    padding-right:12px;
  }
}

@media (min-width:641px) and (max-width:760px) and (orientation:landscape){
  .hero-inner{gap:20px;}
  .hero-copy{
    grid-template-columns:clamp(120px,17vw,145px) minmax(0,1fr);
    column-gap:14px;
  }
  .hero-brand-logo{width:clamp(120px,17vw,145px);}
  .hero-copy .hero-actions{gap:7px;margin-top:10px;}
  .hero-copy .hero-actions .button{padding-left:9px;padding-right:9px;font-size:7px;}
}

/* Hero 1.5.3 — paisagem: melhor aproveitamento vertical e ações junto à base do Hero */
@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero-copy{
    height:calc(100vh - 72px);
    min-height:0;
    padding-top:clamp(10px,2.2vh,22px);
    padding-bottom:clamp(8px,1.8vh,18px);
    grid-template-rows:auto auto auto minmax(0,1fr) auto;
    align-content:stretch;
  }

  /* O bloco textual aproveita melhor a altura disponível, sem se afastar do carrossel. */
  .hero-copy .hero-lead{
    align-self:start;
    padding-top:clamp(4px,1vh,10px);
    line-height:1.48;
  }

  /* Mantém os dois CTAs juntos, mas posicionados visualmente próximos à base do Hero. */
  .hero-copy .hero-actions{
    align-self:end;
    margin-top:clamp(10px,1.8vh,18px);
    margin-bottom:0;
    justify-content:flex-start;
  }
}

@media (min-width:641px) and (max-width:760px) and (orientation:landscape){
  .hero-copy{
    padding-top:10px;
    padding-bottom:8px;
    grid-template-rows:auto auto auto minmax(0,1fr) auto;
  }

  .hero-copy .hero-lead{
    line-height:1.4;
    padding-top:3px;
  }

  .hero-copy .hero-actions{
    margin-top:9px;
    margin-bottom:0;
  }
}


/* Hero 1.5.4 — paisagem: equilíbrio entre bloco textual e ações */
@media (min-width:641px) and (max-width:950px) and (orientation:landscape){
  .hero-copy{
    padding-top:clamp(12px,2vh,20px);
    padding-bottom:clamp(24px,5vh,44px);
    grid-template-rows:auto auto auto auto auto;
    align-content:start;
  }

  /* O texto ocupa apenas o espaço necessário, com leitura mais respirada e
     sem criar um vazio artificial antes dos botões. */
  .hero-copy .hero-lead{
    align-self:start;
    padding-top:clamp(5px,1vh,9px);
    line-height:clamp(1.46,1.5,1.56);
  }

  /* Os CTAs sobem da base e permanecem visualmente ligados ao texto. */
  .hero-copy .hero-actions{
    align-self:start;
    margin-top:clamp(18px,2.8vh,30px);
    margin-bottom:0;
    justify-content:flex-start;
  }
}

@media (min-width:641px) and (max-width:760px) and (orientation:landscape){
  .hero-copy{
    padding-top:10px;
    padding-bottom:clamp(20px,4.5vh,34px);
    grid-template-rows:auto auto auto auto auto;
  }

  .hero-copy .hero-lead{
    padding-top:3px;
    line-height:1.42;
  }

  .hero-copy .hero-actions{
    margin-top:clamp(14px,2.4vh,22px);
  }
}


/* Controls de exibição do site: respeita o atributo hidden em links e seções. */
[hidden]{display:none!important}