:root{
  --green:#839A26; /* verde principal */
  --green-dark:#243515;
  --green-deep:#13200c;
  --cream:#f4efd7;
  --white:#fffef7;
  --black:#080b05;
  --line:rgba(255,255,255,.55);
  --nav-h:70px;
  --serif:'Cormorant Garamond',serif;
  --sans:'Montserrat',sans-serif;
  --font-alfabeta:"r41-alfabeta-16", "r41-alfabeta", "R41 Alfabeta", "R41 Alfabeta Local", cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--green);color:var(--white);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
::selection{background:var(--cream);color:var(--green-dark)}
.page-loader{position:fixed;inset:0;z-index:9999;background:var(--green);display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}
.page-loader.is-hidden{opacity:0;visibility:hidden}.loader-logo{font-family:var(--serif);font-size:clamp(2rem,5vw,4rem);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.enera-nav{min-height:var(--nav-h);padding:0;color:#fff;background:rgba(20,30,8,.12);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);transition:background .35s ease,border-color .35s ease,transform .35s ease}.enera-nav.scrolled{background:rgba(17,31,9,.72)}.enera-nav.light{color:rgba(255,255,255,.96);background:rgba(114,142,25,.35);border-color:rgba(255,255,255,.45)}
.enera-brand{display:grid;grid-template-columns:auto auto;grid-template-areas:'mark text' 'mark small';column-gap:.45rem;align-items:center;color:inherit!important;line-height:1}.brand-mark{grid-area:mark;width:32px;height:32px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52 5C38 14 32 28 36 47c-13-5-24-2-31 9 17-1 28 4 35 17 5 10 17 18 31 17-7-12-7-24 0-36 10-18 5-37-19-49Z'/%3E%3Ccircle cx='38' cy='44' r='6'/%3E%3Ccircle cx='51' cy='48' r='6'/%3E%3Ccircle cx='44' cy='60' r='6'/%3E%3Ccircle cx='58' cy='62' r='6'/%3E%3C/svg%3E") center/contain no-repeat}.brand-mark.large{width:54px;height:54px}.brand-text{grid-area:text;font-family:var(--serif);font-size:1.15rem;font-weight:700;letter-spacing:.02em}.enera-brand small{grid-area:small;font-size:.46rem;letter-spacing:.22em;text-transform:uppercase}.nav-lines{gap:0;border-left:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.35)}.navbar .nav-link{position:relative;padding:1.55rem .66rem!important;font-size:.66rem;text-transform:none;letter-spacing:.02em;color:inherit!important;opacity:.95}.navbar .nav-link:after{content:'';position:absolute;left:.65rem;right:.65rem;bottom:1.15rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.navbar .nav-link:hover:after,.navbar .nav-link.active:after{transform:scaleX(1)}.navbar-toggler{border:0;color:inherit}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{filter:brightness(0) invert(1)}
.panel{position:relative;min-height:100vh;overflow:hidden}.section-content{position:relative;z-index:3}.media-bg,.section-shade,.dark-gradient,.solid-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-veil,.dark-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,20,6,.76),rgba(21,42,12,.38) 45%,rgba(15,26,5,.74))}.dark-gradient.strong{background:rgba(0,0,0,.54)}.section-shade{z-index:1}.olive-shade{background:linear-gradient(90deg,rgba(104,132,23,.35),rgba(9,18,5,.14),rgba(112,145,27,.4))}.solid-bg{background:var(--green)}.solid-bg.olive{background:#849d21}.script-heading{font-family:var(--script);font-weight:400;line-height:.88;font-size:clamp(4rem,11vw,11rem);text-shadow:0 16px 26px rgba(0,0,0,.2)}.hero-title{font-size:clamp(4rem,9vw,9rem);text-shadow:0 18px 30px rgba(0,0,0,.45)}.dark-text{color:#24400d;text-shadow:none}.subtitle-serif{font-family:var(--serif);font-size:clamp(1.3rem,2.7vw,2.5rem);letter-spacing:.12em;text-transform:uppercase;line-height:1;margin:.4rem 0 1.25rem}.body-copy{font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.85;font-weight:400;max-width:640px}.small-text{font-size:.88rem;line-height:1.8;opacity:.86;max-width:540px}.block-heading{font-family:var(--serif);font-size:clamp(2rem,4.6vw,5rem);font-weight:400;text-transform:uppercase;letter-spacing:.08em;line-height:1.05}.quote-copy{font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,2.5rem);font-style:italic;line-height:1.25;opacity:.95}.text-arrow{display:inline-flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-top:1rem}.text-arrow span{font-size:2rem;line-height:1}.text-arrow.dark{color:#24400d}
.next-panel{position:absolute;right:2.4rem;bottom:2.2rem;z-index:5;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.28);display:grid;place-items:center;font-size:1.35rem;line-height:1;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.hero-section{background:#111}.orb{position:absolute;z-index:2;width:clamp(160px,22vw,340px);height:clamp(160px,22vw,340px);border-radius:0 0 999px 999px;object-fit:cover;opacity:.88;filter:brightness(.95) saturate(1.05)}.orb-top-right{right:-1vw;top:-8vw;border-radius:0 0 55% 55%}.orb-bottom-left{left:-6vw;bottom:-12vw;border-radius:55% 55% 0 0}.hero-logo{display:inline-grid;justify-items:center;gap:.15rem;margin-bottom:1.2rem}.hero-logo span:not(.brand-mark){font-family:var(--serif);font-size:2rem;font-weight:700}.hero-logo small{letter-spacing:.25em;text-transform:uppercase;font-size:.52rem}.hero-tagline p{font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,3.5rem);letter-spacing:.08em;text-transform:uppercase;line-height:1.1;margin:0;text-shadow:0 18px 30px rgba(0,0,0,.45)}.hero-tagline span{font-size:.76em}.bottle-card{position:relative;width:min(260px,48vw);aspect-ratio:1/2.7;display:grid;place-items:end center;padding-bottom:6%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.38))}.bottle-shape{position:absolute;bottom:0;width:43%;height:96%;background:linear-gradient(90deg,#121908,#2d4d21 40%,#0d1607 66%,#65713b);clip-path:polygon(40% 0,60% 0,64% 24%,79% 34%,86% 100%,14% 100%,21% 34%,36% 24%)}.bottle-shape:before{content:'';position:absolute;left:10%;right:10%;bottom:17%;height:27%;background:#f4ead7;border:1px solid rgba(0,0,0,.1)}.bottle-card figcaption{position:relative;z-index:2;margin-bottom:37%;font-family:var(--serif);font-size:1.25rem;color:#273d13}.bottle-dark{filter:drop-shadow(0 30px 35px rgba(47,66,14,.4))}.bottle-dark .bottle-shape{background:linear-gradient(90deg,#1d2510,#203f1a 40%,#101b0a 66%,#5b6532)}.bottle-igp{position:absolute;right:12%;bottom:0;z-index:5;width:min(230px,28vw)}
.story-intro,.story-details,.purpose-section{background:var(--green)}.top-oval-media{position:absolute;left:30%;right:-7%;top:-6%;height:31vh;z-index:2;overflow:hidden;border-radius:0 0 50% 50%;opacity:.82}.top-oval-media img{width:100%;height:100%;object-fit:cover}.vine-line{position:absolute;left:0;right:0;top:22%;height:1px;background:rgba(244,239,215,.45);z-index:2}.vine-line:after{content:'';position:absolute;right:18%;top:-95px;width:280px;height:160px;border-top:1px solid rgba(244,239,215,.45);border-radius:50%;transform:rotate(-10deg)}
.igp-section{background:#789421}.igp-section .landscape-top{height:34vh;bottom:auto;z-index:1;filter:saturate(.85) brightness(.9)}.igp-layout{min-height:100vh;display:grid;grid-template-rows:29vh 28vh 1fr;align-items:center;background:linear-gradient(to bottom,rgba(15,24,9,.05),rgba(138,170,36,.96) 33%)}.igp-title-wrap{justify-self:start;margin-left:10vw;margin-top:14vh;background:rgba(0,0,0,.78);padding:2.1rem clamp(2rem,7vw,9rem);z-index:3}.igp-title{font-family:var(--serif);font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(1.3rem,2.3vw,2.7rem);line-height:1.1;text-align:center;margin:0}.photo-carousel{position:relative;z-index:4;width:100%;overflow:hidden;padding:.2rem 0}.carousel-track{display:flex;width:max-content;gap:0;will-change:transform}.carousel-card{width:clamp(210px,23vw,340px);height:clamp(118px,13vw,190px);margin:0;overflow:hidden;flex:0 0 auto}.carousel-card img{width:100%;height:100%;object-fit:cover}.grape-watermark{position:absolute;right:7%;bottom:2%;width:min(370px,34vw);height:min(410px,39vw);opacity:.14;background:#fff;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='42' cy='34' r='13'/%3E%3Ccircle cx='59' cy='36' r='13'/%3E%3Ccircle cx='32' cy='53' r='13'/%3E%3Ccircle cx='50' cy='55' r='13'/%3E%3Ccircle cx='68' cy='56' r='13'/%3E%3Ccircle cx='42' cy='75' r='13'/%3E%3Ccircle cx='59' cy='78' r='13'/%3E%3Ccircle cx='51' cy='98' r='13'/%3E%3Cpath d='M50 23c11-15 25-18 42-14-14 8-20 18-20 31C62 35 55 29 50 23Z'/%3E%3C/svg%3E") center/contain no-repeat}.rounded-video{border-radius:48% 0 0 48%;overflow:hidden;min-height:62vh;box-shadow:0 30px 70px rgba(0,0,0,.25)}.rounded-video video{width:100%;height:100%;min-height:62vh;object-fit:cover}.cellar-section .script-heading{text-align:right}.process-section .body-copy{font-size:clamp(.92rem,1.15vw,1.1rem)}.purpose-script-bg{position:absolute;left:-8%;right:-8%;top:13%;font-family:var(--script);font-size:clamp(4rem,9vw,9rem);white-space:nowrap;color:rgba(255,255,255,.36);z-index:1}.purpose-bottles{display:flex;justify-content:center;gap:clamp(1.5rem,7vw,7rem);margin-top:2.7rem}.purpose-bottles span{display:block;width:clamp(46px,7vw,86px);height:clamp(145px,20vw,245px);background:linear-gradient(90deg,#f8fff8,#b0e6e8 50%,#fff);clip-path:polygon(42% 0,58% 0,62% 25%,75% 36%,83% 100%,17% 100%,25% 36%,38% 25%);opacity:.9}.apae-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.apae-videos video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:48% 48% 8px 8px;border:1px solid rgba(255,255,255,.38)}.subscribe-footer{position:relative;background:var(--green);color:#fff;padding:clamp(2rem,6vw,4rem) 0;border-top:1px solid rgba(255,255,255,.45)}.footer-cta{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);font-style:italic;text-transform:uppercase;display:inline-block}.subscribe-footer p{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:.25rem 0 0}.footer-social a{display:inline-flex;margin-left:.8rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.reveal-up,.reveal-right,.reveal-scale{will-change:transform,opacity}
@media (max-width:991.98px){:root{--nav-h:64px}.enera-nav{background:rgba(20,33,8,.86);backdrop-filter:blur(10px)}.enera-nav .container-fluid{padding-left:1rem;padding-right:1rem}.navbar-collapse{margin-top:.7rem;padding:1rem;border-top:1px solid rgba(255,255,255,.22);background:rgba(20,33,8,.95);border-radius:0 0 20px 20px}.nav-lines{border:0;align-items:flex-start!important}.navbar .nav-link{padding:.7rem 0!important;font-size:.82rem}.panel{min-height:auto}.panel:not(.subscribe-footer) .min-vh-100{min-height:760px}.hero-section .row{padding-top:6rem;padding-bottom:5rem}.bottle-column{order:3}.hero-tagline{order:2}.hero-tagline p{text-align:center}.script-heading{font-size:clamp(4rem,17vw,8rem)}.top-oval-media{left:12%;height:22vh}.story-intro .row,.story-details .row{padding-top:9rem}.igp-layout{grid-template-rows:27vh 24vh 1fr}.igp-title-wrap{margin-left:3vw;margin-right:3vw;padding:1.4rem 1rem;justify-self:stretch}.bottle-igp{right:2%;width:min(160px,28vw)}.rounded-video{border-radius:34px;min-height:auto}.rounded-video video{min-height:380px}.apae-videos{grid-template-columns:repeat(3,1fr)}.footer-social a{margin:.25rem .45rem}.next-panel{right:1rem;bottom:1rem}}
@media (max-width:767.98px){body{font-size:15px}.enera-brand .brand-text{font-size:1rem}.brand-mark{width:28px;height:28px}.panel:not(.subscribe-footer) .min-vh-100{min-height:680px}.section-content{padding-left:1.05rem!important;padding-right:1.05rem!important}.hero-logo{margin-top:2rem}.hero-title{font-size:clamp(4.6rem,24vw,7rem)}.bottle-card{width:min(190px,54vw)}.orb{opacity:.5}.orb-top-right{top:-10vw;right:-18vw}.orb-bottom-left{left:-25vw}.body-copy{font-size:.94rem;line-height:1.65}.small-text{font-size:.82rem}.subtitle-serif{font-size:1.05rem;letter-spacing:.11em}.block-heading{font-size:clamp(1.65rem,8vw,3rem);letter-spacing:.06em}.quote-copy{font-size:1.25rem}.top-oval-media{left:0;right:0;top:0;height:19vh;border-radius:0 0 42% 42%}.vine-line{top:20%}.story-intro .row,.story-details .row{padding-top:6rem}.igp-layout{grid-template-rows:24vh 21vh 1fr}.igp-section .landscape-top{height:27vh}.igp-title{font-size:1.05rem;letter-spacing:.14em}.igp-title-wrap{margin-top:10vh}.carousel-card{width:210px;height:120px}.bottle-igp{display:none}.grape-watermark{display:none}.purpose-script-bg{top:16%;font-size:4.8rem}.purpose-bottles{gap:1.2rem}.apae-videos{grid-template-columns:1fr;max-width:310px;margin-inline:auto}.apae-videos video{aspect-ratio:16/10;border-radius:24px}.cellar-section .script-heading{text-align:center}.whatsapp-float{width:48px;height:48px}.subscribe-footer{text-align:center}}
@media (max-width:420px){.panel:not(.subscribe-footer) .min-vh-100{min-height:620px}.hero-title{font-size:4.5rem}.script-heading{font-size:4.4rem}.bottle-card{width:160px}.carousel-card{width:180px;height:105px}.top-oval-media{height:17vh}.footer-cta{font-size:2.15rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-up,.reveal-right,.reveal-scale,.carousel-track{transform:none!important;opacity:1!important}.page-loader{display:none}.media-bg,video{animation:none!important}}

/* =========================================================
   FONTE R41 ALFABETA
========================================================= */

.font-alfabeta,
.alfabeta-text{
  font-family:var(--font-alfabeta) !important;
  font-style:normal;
  font-weight:400;
  font-synthesis:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* =========================================================
   AJUSTE DA PRIMEIRA TELA
   Navbar vazada + hero com video, logo, titulo e chamada.
   A garrafa/mao ficam para inserir depois.
========================================================= */

.hero-home{
  position:relative;
  min-height:100vh;
  background:#111;
  isolation:isolate;
  overflow:visible;
  z-index:2;
}

.hero-home .hero-video{
  filter:none;
}

.hero-home .hero-veil{
  display:none;
}

.hero-home-content{
  position:relative;
  z-index:3;
  min-height:100vh;
  width:100%;
  overflow:visible;
}

.hero-section .orb,
.hero-section .bottle-card,
.hero-section .hero-logo,
.hero-section .hero-tagline,
.hero-section .bottle-column{
  display:none!important;
}

.hero-home .next-panel{
  right:2rem;
  bottom:1.8rem;
  background:rgba(255,255,255,.16);
}

/* A garrafa precisa aparecer um pouco na seção de baixo */
main,
#smooth-content{
  overflow:visible;
}

/* Evita que a próxima seção cubra a parte inferior da garrafa */
#vinho{
  position:relative;
  z-index:1;
}


/* =========================================================
   NAVBAR - BASE
========================================================= */

.enera-nav{
  top:34px;
  width:100%;
  min-height:52px;
  padding:0;
  color:#fff;
  background:rgba(11,24,8,.16)!important;
  border-top:3px solid var(--green);
  border-bottom:3px solid var(--green);
  border-left:0;
  border-right:0;
  box-shadow:none;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.enera-nav.scrolled,
.enera-nav.light{
  background:rgba(11,24,8,.22)!important;
  border-top-color:var(--green);
  border-bottom-color:var(--green);
}

.enera-nav .container-fluid{
  width:100%;
  max-width:none;
  padding-left:0!important;
  padding-right:0!important;
}

.enera-nav .navbar-collapse{
  justify-content:center!important;
}

/* @media (min-width:992px){
  .enera-brand{
    display:none!important;
  }

  .nav-lines{
    width:100%;
    justify-content:center;
    gap:34px;
    border-left:0;
    border-right:0;
  }

  .navbar .nav-link{
    padding:15px 0!important;
    font-size:15px;
    font-weight:400;
    line-height:1;
    letter-spacing:.01em;
    color:rgba(255,255,255,.86)!important;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
  }

  .navbar .nav-link:hover,
  .navbar .nav-link.active{
    color:#fff!important;
  }

  .navbar .nav-link:after{
    left:0;
    right:0;
    bottom:9px;
    height:1px;
    background:#fff;
  }
} */

@media (min-width:992px){
  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    gap:100px !important;  /* espaçamento entre textos */
    border-left:0 !important;
    border-right:0 !important;
  }

  .enera-nav .navbar-nav .nav-item,
  .navbar .navbar-nav .nav-item{
    margin:0 !important;
    padding:0 !important;
  }

  .enera-nav .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-link,
  .navbar .nav-link{
    position:relative !important;
    padding:15px 0 !important;
    font-family:var(--sans) !important;
    font-size:19px !important;  /* tamanho da fonte */
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:.018em !important;
    color:rgba(255,255,255,.88) !important;
    text-decoration:none !important;
    text-shadow:0 2px 10px rgba(0,0,0,.25) !important;
    opacity:1 !important;
  }

  .enera-nav .navbar-nav .nav-link::after,
  .enera-nav .navbar-nav .nav-link:after,
  .navbar .navbar-nav .nav-link::after,
  .navbar .navbar-nav .nav-link:after,
  .navbar .nav-link::after,
  .navbar .nav-link:after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    transform:none !important;
  }

  .enera-nav .navbar-nav .nav-link.active,
  .enera-nav .navbar-nav .nav-link[aria-current="page"],
  .navbar .navbar-nav .nav-link.active,
  .navbar .navbar-nav .nav-link[aria-current="page"],
  .navbar .nav-link.active,
  .navbar .nav-link[aria-current="page"],
  .enera-nav .navbar-nav .nav-link:hover,
  .navbar .navbar-nav .nav-link:hover,
  .navbar .nav-link:hover{
    font-weight:700 !important;
    color:#fff !important;
    text-decoration:none !important;
  }
}


/* =========================================================
   MOBILE - ESPAÇO NO TOPO + HAMBÚRGUER À DIREITA
========================================================= */

@media (max-width:991.98px){
  body{
    padding-top:10px;
  }

  .enera-nav{
    top:10px;
    left:0;
    right:0;
    width:100%;
    min-height:62px;
    background:rgba(20,33,8,.88)!important;
    border-top:2px solid var(--green);
    border-bottom:2px solid var(--green);
  }

  .enera-nav .container-fluid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:62px;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .enera-brand{
    display:grid!important;
  }

  .navbar-toggler{
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    position:relative;
    z-index:20;
  }

  .navbar-toggler-icon{
    width:28px;
    height:28px;
    background-size:28px 28px;
  }

  .navbar-collapse{
    position:absolute;
    top:62px;
    left:0;
    right:0;
    width:100%;
    margin-top:0;
    padding:1rem 1.4rem 1.3rem;
    background:rgba(20,33,8,.96);
    border-top:1px solid rgba(255,255,255,.22);
    border-radius:0;
  }

  .nav-lines{
    width:auto;
    gap:0;
    border:0;
    align-items:flex-start!important;
  }

  .enera-nav .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-link,
  .navbar .nav-link{
    padding:.7rem 0!important;
    font-size:1rem !important;
    font-weight:400 !important;
    text-decoration:none !important;
  }

  .enera-nav .navbar-nav .nav-link::after,
  .enera-nav .navbar-nav .nav-link:after,
  .navbar .navbar-nav .nav-link::after,
  .navbar .navbar-nav .nav-link:after,
  .navbar .nav-link::after,
  .navbar .nav-link:after{
    content:none !important;
    display:none !important;
  }

  .enera-nav .navbar-nav .nav-link.active,
  .enera-nav .navbar-nav .nav-link[aria-current="page"],
  .navbar .navbar-nav .nav-link.active,
  .navbar .navbar-nav .nav-link[aria-current="page"],
  .navbar .nav-link.active,
  .navbar .nav-link[aria-current="page"]{
    font-weight:700 !important;
    color:#fff !important;
  }
}


/* ===========================
   BOTÃO WHATSAPP
============================== */

.whatsapp-float{
  position:fixed;
  right:64px;
  bottom:28.13px;
  width:82px;
  height:60px;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:#f4fdd9;
  opacity:.7;
  border:0;
  border-radius:10px;
  box-shadow:none;
  overflow:hidden;
  line-height:1;
  transition:opacity .2s ease;
}

.whatsapp-float:hover{
  opacity:.85;
  background:#f4fdd9;
  transform:none;
  box-shadow:none;
}

.whatsapp-float img{
  width:39px;
  height:39px;
  display:block;
  object-fit:contain;
  pointer-events:none;
}

/* Tablet */
@media (max-width:991.98px){
  .whatsapp-float{
    right:36px;
    bottom:24px;
    width:72px;
    height:53px;
    border-radius:9px;
  }

  .whatsapp-float img{
    width:30px;
    height:30px;
  }
}

/* Mobile */
@media (max-width:767.98px){
  .whatsapp-float{
    right:18px;
    bottom:18px;
    width:58px;
    height:43px;
    border-radius:8px;
  }

  .whatsapp-float img{
    width:30px;
    height:30px;
  }
}


/* =========================================================
   HERO - GARRAFA + MÃO
========================================================= */

.hero-product-area{
  position:absolute;
  right:9.33px;
  top:45px;
  width:443px;
  height:912px;
  z-index:6;
  pointer-events:none;
  overflow:visible;
}

.hero-bottle-img{  /* garrafa */
  position:absolute;
  left:0;
  top:56.6px;
  width:453px;
  height:auto;
  z-index:2;
  display:block;
  object-fit:contain;
  transform:rotate(-0.925deg);
  transform-origin:center top;
  filter:drop-shadow(0 26px 38px rgba(0,0,0,.38));
}

.hero-hand-img{   /* mão */
  position:absolute;
  left:98px;
  top:90px;
  width:553px;
  height:326.985px;
  z-index:5;
  display:block;
  opacity:1;
  visibility:visible;
  object-fit:contain;
  transform:rotate(-0.925deg);
  transform-origin:left top;
  filter:none;
}

/* Desktop médio */
/* @media (max-width:1399.98px){
  .hero-product-area{
    right:8px;
    top:18px;
    width:360px;
    height:760px;
  }

  .hero-bottle-img{
    top:48px;
    width:360px;
  }

  .hero-hand-img{
    left:-14px;
    top:58px;
    width:438px;
    height:auto;
  }
} */

/* Tablet */
/* @media (max-width:991.98px){
  .hero-product-area{
    right:-34px;
    top:92px;
    width:278px;
    height:620px;
    opacity:.98;
  }

  .hero-bottle-img{
    top:34px;
    width:278px;
  }

  .hero-hand-img{
    left:-12px;
    top:42px;
    width:340px;
    height:auto;
  }
} */

/* Mobile */
/* @media (max-width:767.98px){
  .hero-product-area{
    right:-82px;
    bottom:-42px;
    top:auto;
    width:230px;
    height:500px;
    opacity:.68;
  }

  .hero-bottle-img{
    top:0;
    width:230px;
  }

  .hero-hand-img{
    left:-10px;
    top:10px;
    width:282px;
    height:auto;
  }
}

@media (max-width:420px){
  .hero-product-area{
    right:-96px;
    width:210px;
    bottom:-34px;
  }

  .hero-bottle-img{
    width:210px;
  }

  .hero-hand-img{
    left:-8px;
    top:8px;
    width:258px;
  }
} */

/* =========================================================
   HERO - POSICIONAMENTO DOS TEXTOS DA PRIMEIRA TELA
========================================================= */

.hero-home .hero-home-content,
#inicio .hero-home-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  min-height:100vh !important;
  overflow:visible !important;
}

/* Logo central da primeira tela */
.hero-home .hero-brand-logo,
#inicio .hero-brand-logo{
  position:absolute !important;
  top:15.4vh !important;
  left:50% !important;
  width:clamp(105px, 11.5vw, 220px) !important;  /* tamanho da logo */
  transform:translateX(-50%) !important;
  z-index:7 !important;
}

/* Texto "Vinho Branco" dentro da area central */
.hero-home .hero-main-title,
#inicio .hero-main-title{
  position:absolute !important;
  left:375px !important;
  bottom:11.2vh !important;
  margin:0 !important;
  width:max-content !important;
  max-width:48vw !important;

  font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
  font-size:185.262px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:.89 !important;  /* entre linha */
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:left !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
  z-index:7 !important;
}

/* Texto "De altitude / com proposito" dentro da area central */
.hero-home .hero-main-subtitle,
#inicio .hero-main-subtitle{
  position:absolute !important;
  left:58.2% !important;
  bottom:15.2vh !important;
  margin:0 !important;
  display:grid !important;
  gap:.14em !important;
  width:max-content !important;
  max-width:36vw !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:clamp(32px, 3.57vw, 51.495px) !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:7.209px !important;

  color:#F4FDD9 !important;
  text-transform:uppercase !important;
  text-align:left !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  z-index:7 !important;
}

/* @media (max-width:1399.98px){
  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:clamp(145px, 15vw, 215px) !important;
    bottom:13.2vh !important;
    font-size:150px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:57.4% !important;
    bottom:15.2vh !important;
  }
}

@media (max-width:991.98px){
  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:19vh !important;
    width:clamp(96px, 22vw, 140px) !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:7vw !important;
    bottom:22vh !important;
    max-width:80vw !important;
    font-size:118px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:auto !important;
    right:7vw !important;
    bottom:16vh !important;
    max-width:80vw !important;
    font-size:clamp(24px, 4vw, 36px) !important;
    letter-spacing:4px !important;
  }
}

@media (max-width:767.98px){
  .hero-home-content{
    min-height:100svh;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:18vh !important;
    width:108px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:50% !important;
    bottom:29vh !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:92vw !important;
    text-align:center !important;
    font-size:88px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:50% !important;
    right:auto !important;
    bottom:16vh !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:92vw !important;
    text-align:center !important;
    font-size:clamp(21px, 5.4vw, 28px) !important;
    letter-spacing:3px !important;
  }
}

@media (max-width:420px){
  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:17vh !important;
    width:96px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    font-size:74px !important;
    bottom:31vh !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    bottom:17vh !important;
    font-size:20px !important;
  }
} */


/* =========================================================
   REMOVER LINHAS / FAIXAS ENTRE SEÇÕES
========================================================= */

/* Remove bordas e outlines gerais das seções */
main,
#smooth-content,
.panel,
section,
.section-content,
.hero-home,
.story-intro,
.story-details,
.igp-section,
.adega-section,
.cellar-section,
.process-section,
.purpose-section,
.subscribe-footer{
  border-top:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
}

/* Remove pseudo-elementos decorativos que podem gerar linhas */
.panel::before,
.panel::after,
section::before,
section::after,
.section-content::before,
.section-content::after{
  border:0 !important;
  outline:0 !important;
}

/* Corrige faixas causadas por vídeo reduzido com scale */
.media-bg,
.hero-video,
.panel > video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* Garante que o vídeo cubra toda a seção */
.panel{
  background:#111;
}

.media-bg{
  position:absolute;
  inset:0;
}


/* =========================================================
   SECAO O VINHO
========================================================= */

#vinho,
section#vinho{
  position:relative !important;
  min-height:1000px !important;
  overflow:hidden !important;
  background:#111 !important;
  isolation:isolate !important;
}

/* Video da section Vinho */
#vinho .media-bg,
#vinho .bg-video,
#vinho video.media-bg,
#vinho video.bg-video,
#vinho > video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  scale:1 !important;
  filter:brightness(.9) saturate(1) contrast(1.10)!important;
  z-index:0 !important;
}

#vinho .container,
#vinho .container-fluid,
#vinho .section-content,
#vinho .section-inner{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  padding:0 !important;
  margin:0 !important;
}

#vinho .row,
#vinho .min-vh-100{
  position:relative !important;
  width:100% !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}

#vinho [class*="col-"]{
  position:static !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  text-align:initial !important;
}

/* Titulo: "O Vinho" */
#vinho .script-heading,
#vinho .script-title,
#vinho .wine-title,
#vinho h2:first-of-type{
  position:absolute !important;
  left:20vw !important;
  top:17.3vh !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"r41-alfabeta-72", serif !important;
  font-size:185.262px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:.74 !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-transform:none !important;
  text-align:left !important;
  text-shadow:none !important;
  z-index:4 !important;
}

/* Subtitulo: "PIONEIRISMO EM SAUVIGNON BLANC" */
#vinho .subtitle-serif,
#vinho .wine-subtitle,
#vinho .section-subtitle,
#vinho .overline,
#vinho h2:first-of-type + p{
  position:absolute !important;
  left:31vw !important;
  top:36.8vh !important;
  width:500px !important;
  max-width:500px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:51.495px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:5.209px !important;

  color:#F4FDD9 !important;
  text-transform:uppercase !important;
  text-align:left !important;
  text-shadow:none !important;
  z-index:4 !important;
}

/* Texto A Serra Catarinense */
#vinho .wine-description,
#vinho .section-copy,
#vinho .wine-copy,
#vinho p:nth-of-type(2){
  position:absolute !important;
  left:49.3% !important;
  top:60vh !important;
  transform:translateX(-50%) !important;
  width:min(500px, 88vw) !important;
  max-width:500px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:right !important;
  text-shadow:none !important;
  opacity:1 !important;
  z-index:4 !important;
}

/* Texto em negrito */
#vinho .small-text,
#vinho .small-copy,
#vinho .wine-highlight,
#vinho .body-copy + p,
#vinho .section-copy + p,
#vinho p:nth-of-type(3){
  position:absolute !important;
  left:50.5% !important;
  top:80vh !important;
  transform:translateX(-50%) !important;
  width:min(450px, 88vw) !important;
  max-width:450px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:right !important;
  text-shadow:none !important;
  opacity:1 !important;
  z-index:4 !important;
}

#vinho .text-arrow,
#vinho .next-panel{
  display:none !important;
}

/* @media (max-width:1399.98px){
  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    left:18vw !important;
    top:18vh !important;
    font-size:clamp(106px, 10vw, 138px) !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    left:30vw !important;
    top:37.4vh !important;
    font-size:clamp(26px, 2.45vw, 34px) !important;
    letter-spacing:5px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:62.2vh !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    top:76.2vh !important;
  }
}

@media (max-width:991.98px){
  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    left:8vw !important;
    top:17vh !important;
    font-size:clamp(76px, 16vw, 118px) !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    left:18vw !important;
    top:35.8vh !important;
    font-size:clamp(23px, 4vw, 32px) !important;
    letter-spacing:4px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:60vh !important;
    width:82vw !important;
    max-width:390px !important;
    font-size:17px !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    top:75vh !important;
    width:82vw !important;
    max-width:390px !important;
    font-size:17px !important;
  }
}

@media (max-width:767.98px){
  #vinho{
    min-height:100svh !important;
  }

  #vinho .media-bg,
  #vinho .bg-video,
  #vinho video.media-bg,
  #vinho video.bg-video,
  #vinho > video{
    object-position:center center !important;
  }

  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    left:7vw !important;
    top:16vh !important;
    font-size:clamp(62px, 22vw, 92px) !important;
    line-height:.74 !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    left:18vw !important;
    top:33.5vh !important;
    max-width:300px !important;
    font-size:clamp(19px, 5.5vw, 27px) !important;
    line-height:1.08 !important;
    letter-spacing:3px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:57vh !important;
    width:84vw !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    top:74vh !important;
    width:84vw !important;
    font-size:15.5px !important;
    line-height:1.45 !important;
  }
}

@media (max-width:420px){
  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    top:15vh !important;
    font-size:66px !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    top:31.5vh !important;
    font-size:20px !important;
    letter-spacing:2.4px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:56vh !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    top:73vh !important;
  }
} */

/* =========================================================
   SECAO TERROIR DE ALTITUDE
========================================================= */

section#terroir.terroir-section,
.terroir-section{
  position:relative !important;
  min-height:100vh !important;
  width:100% !important;
  overflow:hidden !important;
  background:#839A26 !important;
  color:#F4FDD9 !important;
  isolation:isolate !important;
}

.terroir-section .terroir-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:#839A26 !important;
  pointer-events:none !important;
}

.terroir-section .terroir-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  min-height:100vh !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:160px 24px 70px !important;  /* movimenta a imagem pra cima ou pra baixo */
  margin:0 !important;
}

/* Texto "Terroir de Altitude" fixo, centralizado e atras da foto */
.terroir-section .terroir-marquee{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:76px !important;
  z-index:1 !important;
  width:100% !important;
  min-height:170px !important;
  overflow:visible !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.terroir-section .terroir-marquee-track{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  gap:0 !important;
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}

/* Caso ainda exista um segundo span no HTML, ele fica oculto */
.terroir-section .terroir-marquee-track span + span{
  display:none !important;
}

.terroir-section .terroir-marquee-track span{
  display:block !important;
  flex:0 1 auto !important;
  font-family:"r41-alfabeta-72", serif !important;
  font-size:151.603px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:#F4FDD9 !important;
  opacity:.95 !important;
  text-align:center !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
}

/* Imagem homem segurando vinho, já com o formato */
.terroir-section .terroir-photo-wrap{
  position:relative !important;
  z-index:3 !important;
  width:min(97vw, 1900px) !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

.terroir-section .terroir-photo{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:none !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Texto dentro/lado direito da imagem */
.terroir-section .terroir-copy{
  position:absolute !important;
  z-index:5 !important;

  right:250px !important;   /* move texto direita/esquerda */
  top:62% !important;    /* move texto cima/baixo */
  transform:translateY(-50%) !important;

  width:440px !important;  /*tamanho do card do texto*/
  height:198.285px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:28.339px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:150% !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:right !important;
  text-shadow:none !important;
  opacity:1 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* @media (max-width:1399.98px){
  .terroir-section .terroir-content{
    padding:138px 20px 64px !important;
  }

  .terroir-section .terroir-marquee{
    top:72px !important;
    min-height:150px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:clamp(88px, 9vw, 136px) !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:min(97vw, 1380px) !important;
  }

  .terroir-section .terroir-copy{
    right:12.5% !important;
    top:43% !important;
    width:280px !important;
    height:auto !important;
    font-size:16px !important;
  }
}

@media (max-width:991.98px){
  section#terroir.terroir-section,
  .terroir-section{
    min-height:88vh !important;
  }

  .terroir-section .terroir-content{
    min-height:88vh !important;
    padding:126px 16px 58px !important;
  }

  .terroir-section .terroir-marquee{
    top:76px !important;
    min-height:118px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:clamp(72px, 13vw, 112px) !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:96vw !important;
  }

  .terroir-section .terroir-copy{
    right:9% !important;
    top:43% !important;
    width:235px !important;
    height:auto !important;
    font-size:14.5px !important;
    line-height:1.38 !important;
  }
}

@media (max-width:767.98px){
  section#terroir.terroir-section,
  .terroir-section{
    min-height:100svh !important;
  }

  .terroir-section .terroir-content{
    min-height:100svh !important;
    padding:128px 14px 52px !important;
    align-items:center !important;
  }

  .terroir-section .terroir-marquee{
    top:76px !important;
    min-height:95px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:clamp(58px, 18vw, 88px) !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:96vw !important;
  }

  .terroir-section .terroir-copy{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:10% !important;
    transform:translateX(-50%) !important;
    width:78% !important;
    max-width:310px !important;
    height:auto !important;
    font-size:14px !important;
    line-height:1.42 !important;
    text-align:center !important;
  }
}

@media (max-width:420px){
  .terroir-section .terroir-content{
    padding-top:116px !important;
  }

  .terroir-section .terroir-marquee{
    top:70px !important;
  }

  .terroir-section .terroir-copy{
    bottom:9% !important;
    font-size:14px !important;
  }
} */

/* =========================================================
   SECAO HISTORIA - LAYOUT INTERATIVO
========================================================= */

.history-section{
  position:relative !important;
  min-height:850px !important;  /* distância entre section história e vinhedo */
  overflow:visible !important; /* permite a garrafa invadir a section anterior */
  background:#839A26 !important; /* mesma cor da section anterior */
  color:/* #383025 */#F4FDD9 !important; /*1*/
  isolation:isolate !important;
  z-index:6 !important;
}

.history-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:#839A26 !important;
  pointer-events:none !important;
}

/* Telas 2 e 3 usam o painel verde claro do Figma */
.history-section:has(.history-stage[data-current-slide="1"]) .history-bg,
.history-section:has(.history-stage[data-current-slide="2"]) .history-bg,
.history-section:has(.history-slide[data-history-slide="1"].is-active) .history-bg,
.history-section:has(.history-slide[data-history-slide="2"].is-active) .history-bg{
  background:#839A26 !important;
}

.history-title-wrap{  /* texto a história */
  position:absolute !important;

  left:370px !important;  /* move para direita/esquerda */
  top:-100px !important;  /* move para cima/baixo */

  width:822.104px !important;
  height:263.33px !important;

  z-index:5 !important;  /* fica atras da garrafa e acima do fundo */
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;

  pointer-events:none !important;
}

.history-title{ /* texto a história */
  margin:0 !important;

  font-family:"r41-alfabeta-72", serif !important;
  font-size:173.209px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:0 !important;

  color:/* #383025 */#F4FDD9 !important; /*24 a 27 pol*/
  text-align:center !important;
  text-shadow:none !important;
  opacity:1 !important;

  width:822.104px !important;
  height:263.33px !important;

  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
}

.history-stage{
  position:relative !important;
  z-index:3 !important;
  min-height:850px !important; /* distância entre section história e vinhedo */
  width:100% !important;
  overflow:visible !important; /* não corta a garrafa no topo */
}

.history-slide{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .45s ease, visibility .45s ease !important;
  pointer-events:none !important;
}

.history-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Tela 1: foto da familia */
.history-family-photo{
  position:absolute !important;
  left:-0.1vw !important;  /* move pra esquerda/direita */
  top:40px !important;   /* move para cima/baixo */

  width:1340px !important;  /* largura da foto */
  height:698.747px !important;  /* altura da foto */

  margin:0 !important;
  overflow:hidden !important;
  z-index:2 !important;
  background:#383025 !important;
}

/* Painel dos slides 2 e 3 - mesmo tamanho da foto familia.png */
.history-slide-2::before,
.history-slide-3::before{
  content:"" !important;
  position:absolute !important;

  left:-0.1vw !important;
  top:40px !important;

  width:1340px !important;  /* largura do BG dos slides 2 e 3 */
  height:698.747px !important;  /* altura do BG dos slides 2 e 3 */

  background:#AEC93E !important;
  z-index:1 !important;
}

.history-family-photo img{
  width:100% !important;
  height:100% !important;
  display:block !important;

  /* Mantém a imagem preenchendo todo o retângulo marrom */
  object-fit:cover !important;

  /* Mostra mais a área central da foto, como na marcação vermelha */
  object-position:center 38% !important;

  /* Reduz exposição e deixa a imagem mais natural */
  filter:brightness(.72) saturate(.92) contrast(1.04) !important;
}

/* Evita duplicação caso ainda exista uma legenda dentro da foto */
.history-family-photo .history-photo-quote{
  display:none !important;
}

/* Texto fixo Nathália Meinen - fica visível nos 3 slides */
.history-photo-quote{
  position:absolute !important;
  left:calc(0.1vw + 790px) !important; /* mesmo ponto que ficava dentro da foto */
  top:530px !important;
  width:400px !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Montserrat", sans-serif !important;
  font-size:27px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.20 !important;
  letter-spacing:0 !important;
  color:#F4FDD9 !important;
  text-align:left !important;
  text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  z-index:30 !important;
  pointer-events:none !important;
}

.history-photo-quote span,
.history-photo-quote strong{
  display:block !important;
}

.history-photo-quote strong{
  margin-top:.18rem !important;
  font-weight:700 !important;
}

/* Texto do slide 2 */
.history-text-card{
  position:absolute !important;

  left:371.98px !important;
  top:230px !important;

  width:591.55px !important;
  height:185.53px !important;

  z-index:4 !important;
  margin:0 !important;
  padding:0 !important;

  color:#243515 !important;
}

.history-text-card p{
  margin:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:2 !important;
  letter-spacing:0 !important;

  color:#383025 !important;
  text-align:left !important;
}

.history-text-card strong{
  font-weight:700 !important;
}

/* Texto do slide 3 */
.history-text-card-strong{
  position:absolute !important;

  left:371.98px !important;
  top:230px !important;

  width:512.68px !important;
  height:185.53px !important;

  z-index:4 !important;
}

.history-text-card-strong p{
  margin:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:2 !important;
  letter-spacing:0 !important;

  color:#383025 !important;
  text-align:left !important;
}

/* Seta clicavel */
.history-next{
  position:absolute !important;
  left:58.3vw !important;
  top:60vh !important;
  z-index:24 !important;

  width:91.779px !important;
  height:61.319px !important;

  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  cursor:pointer !important;
  line-height:1 !important;
}

.history-next img{
  width:91.779px !important;
  height:61.319px !important;
  display:block !important;
  object-fit:contain !important;
  pointer-events:none !important;
}

.history-next:hover img{
  transform:translateX(8px) !important;
  transition:transform .22s ease !important;
}

/* Garrafa e mao da historia */
.history-product{
  position:absolute !important;
  right:-125px !important; /* move garrafa p direita/esquerda  tela 24" acima*/
  top:-258px !important; /* valor negativo faz aparecer na section anterior */
  z-index:20 !important;

  width:920px !important;   /* container garrafa */
  height:920px !important;

  pointer-events:none !important;
  overflow:visible !important;
}

.history-bottle{  /* garrafa */
  position:absolute !important;
  left:0 !important;
  top:0 !important;

  width:680px !important; /* largura da garrafa */
  height:auto !important;

  display:block !important;
  object-fit:contain !important;

  transform:rotate(1deg) !important;  /*inclinação*/
  transform-origin:center bottom !important;

  filter:drop-shadow(0 22px 18px rgba(0,0,0,.42)) !important;
  z-index:3 !important;
}

.history-hand{  /* mão */
  position:absolute !important;
  left:87px !important;  /* posição horizontal da mao */
  top:-15px !important;  /* valor negativo faz aparecer na section anterior */

  width:600px !important;
  height:auto !important;

  display:block !important;
  object-fit:contain !important;

  transform:rotate(0deg) !important;  /*inclinação*/
  transform-origin:center center !important;

  z-index:4 !important;
}

@media (max-width:1399.98px){  /*19 polegadas*/
  .history-title-wrap{
    left:18vw !important;
    top:18.4vh !important;
  }

  .history-title{
    font-size:clamp(98px, 10.5vw, 150px) !important;
  }

  .history-family-photo{
    left:1.15vw !important;
    top:171.7px !important;
    bottom:auto !important;
    width:72vw !important;
    height:36.1vw !important;
  }

  .history-photo-quote{
    left:calc(1.15vw + 72vw - 360px) !important;
    top:calc(171.7px + 24vw) !important;
    width:300px !important;
    font-size:18px !important;
  }

  .history-product{
    right:54px !important;
    top:-96px !important;
    width:380px !important;
    height:740px !important;
  }

  .history-bottle{
    width:292px !important;
  }

  .history-hand{
    left:-42px !important;
    top:108px !important;
    width:328px !important;
  }

  .history-next{
    left:57.5vw !important;
    top:58vh !important;
  }

  .history-text-card{
    left:17.2vw !important;
    top:43.2vh !important;
    width:420px !important;
  }

  .history-text-card p{
    font-size:18px !important;
  }
}

@media (max-width:991.98px){
  .history-section,
  .history-stage{
    min-height:860px !important;
  }

  .history-section:has(.history-stage[data-current-slide="1"]) .history-bg,
  .history-section:has(.history-stage[data-current-slide="2"]) .history-bg,
  .history-section:has(.history-slide[data-history-slide="1"].is-active) .history-bg,
  .history-section:has(.history-slide[data-history-slide="2"].is-active) .history-bg{
    background:linear-gradient(
      180deg,
      #839A26 0%,
      #839A26 26%,
      #aec93e 26%,
      #aec93e 88%,
      #839A26 88%,
      #839A26 100%
    ) !important;
  }

  .history-title-wrap{
    left:10vw !important;
    top:16.5vh !important;
  }

  .history-title{
    font-size:clamp(82px, 16vw, 128px) !important;
  }

  .history-family-photo{
    left:5vw !important;
    right:auto !important;
    bottom:auto !important;
    top:32vh !important;
    width:70vw !important;
    height:300px !important;
  }

  .history-photo-quote{
    left:48vw !important;
    top:58vh !important;
    width:220px !important;
    font-size:13px !important;
  }

  .history-product{
    right:-22px !important;
    top:19vh !important;
    width:270px !important;
    height:560px !important;
  }

  .history-bottle{
    left:36px !important;
    top:46px !important;
    width:235px !important;
  }

  .history-hand{
    left:-10px !important;
    top:82px !important;
    width:270px !important;
  }

  .history-next{
    left:auto !important;
    right:32vw !important;
    top:58vh !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:12vw !important;
    top:40vh !important;
    width:56vw !important;
    max-width:56vw !important;
  }

  .history-text-card p{
    font-size:16px !important;
    line-height:1.7 !important;
  }
}

@media (max-width:767.98px){
  .history-section,
  .history-stage{
    min-height:100svh !important;
  }

  .history-title-wrap{
    left:5vw !important;
    top:13vh !important;
    width:90vw !important;
  }

  .history-title{
    font-size:clamp(64px, 20vw, 92px) !important;
  }

  .history-family-photo{
    left:5vw !important;
    top:28vh !important;
    width:90vw !important;
    height:290px !important;
  }

  .history-photo-quote{
    left:10vw !important;
    top:61vh !important;
    width:200px !important;
    font-size:12px !important;
  }

  .history-product{
    right:-74px !important;
    top:38vh !important;
    width:230px !important;
    height:480px !important;
    opacity:.95 !important;
  }

  .history-bottle{
    left:32px !important;
    top:40px !important;
    width:205px !important;
  }

  .history-hand{
    left:-8px !important;
    top:76px !important;
    width:230px !important;
  }

  .history-next{
    right:30vw !important;
    top:62vh !important;
    width:48px !important;
    height:48px !important;
  }

  .history-next img{
    width:48px !important;
    height:auto !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:8vw !important;
    top:36vh !important;
    width:68vw !important;
    max-width:68vw !important;
  }

  .history-text-card p{
    font-size:14px !important;
    line-height:1.65 !important;
  }
}


/* =========================================================
   SECAO VINHEDO
========================================================= */

section#vinhedo.igp-section,
#vinhedo.igp-section{
  --vinhedo-section-h:1420px;  /*aumenta o tamanho da section*/
  --vinhedo-carousel-h:330px;
  --vinhedo-video-h:calc(var(--vinhedo-section-h) - var(--vinhedo-carousel-h));

  position:relative !important;
  min-height:var(--vinhedo-section-h) !important; /* tamanho total da section: video + carrossel */
  height:var(--vinhedo-section-h) !important;
  width:100% !important;
  overflow:hidden !important;
  background:#111 !important;
  isolation:isolate !important;
  color:#F4FDD9 !important;
}

/* Video de fundo do Vinhedo */
#vinhedo .vinhedo-video,
#vinhedo .media-bg,
#vinhedo video.media-bg,
#vinhedo > video{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:auto !important;

  width:100% !important;
  height:var(--vinhedo-video-h) !important;
  min-height:0 !important;

  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:brightness(.8) saturate(1) contrast(1.20) !important;
  z-index:0 !important;
}

/* Estrutura central da section Vinhedo */
#vinhedo .igp-layout{
  position:relative !important;
  z-index:3 !important;
  min-height:var(--vinhedo-section-h) !important; /* tamanho total da section: video + carrossel */
  height:var(--vinhedo-section-h) !important;
  width:100% !important;
  display:block !important;
  overflow:hidden !important;
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
}

/* Remove elementos antigos da versao anterior da section Vinhedo */
#vinhedo .bottle-igp,
#vinhedo .grape-watermark,
#vinhedo .igp-title-wrap{
  display:none !important;
}

/* Area dos textos */
#vinhedo .vinhedo-text-wrap{
  position:relative !important;
  z-index:4 !important;
  min-height:var(--vinhedo-video-h) !important;
  height:var(--vinhedo-video-h) !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}

/* Texto principal: O Vinhedo */
#vinhedo .vinhedo-title{
  position:absolute !important;
  left:50% !important;
  top:130px !important; /* posição do texto principal dentro da area do video */
  transform:translateX(-50%) !important;
  width:max-content !important;
  max-width:92vw !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"r41-alfabeta-72", serif !important;
  font-size:266.682px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:.9 !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-shadow:none !important;
  opacity:1 !important;

  -webkit-text-stroke:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
}

/* Texto secundario: Indicacao geografica */
#vinhedo .vinhedo-subtitle{
  position:absolute !important;
  left:51% !important;
  bottom:90px !important; /* sobe/desce o texto da base dentro do video */
  top:auto !important;
  transform:translateX(-50%) !important;
  width:max-content !important;
  max-width:92vw !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:51.495px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.32 !important;
  letter-spacing:7.209px !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* =========================================================
   SECAO VINHEDO - CARROSSEL DE FOTOS
========================================================= */

/* Reativa o carrossel somente na section Vinhedo */
#vinhedo .photo-carousel,
#vinhedo .vinhedo-carousel,
#vinhedo .carousel-track,
#vinhedo .vinhedo-carousel-track,
#vinhedo .carousel-card,
#vinhedo .vinhedo-carousel-card{
  display:block !important;
}

/* Carrossel inferior */
#vinhedo .vinhedo-carousel{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:5 !important;

  width:100% !important;
  height:var(--vinhedo-carousel-h) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;

  background:transparent !important;
}

/* Faixas transparentes laterais sobre as fotos */
#vinhedo .vinhedo-carousel::before,
#vinhedo .vinhedo-carousel::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  z-index:8 !important;
  width:max(0px, calc((100% - 1100px) / 2)) !important;  /*tamanho da transparencia*/
  pointer-events:none !important;
  background:rgba(131,154,38,.68) !important;
}

#vinhedo .vinhedo-carousel::before{
  left:0 !important;
}

#vinhedo .vinhedo-carousel::after{
  right:0 !important;
}

/* Trilho com as 7 fotos duplicadas para o loop */
#vinhedo .vinhedo-carousel-track{
  position:relative !important;
  z-index:6 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  width:max-content !important;
  height:var(--vinhedo-carousel-h) !important;
  margin:0 !important;
  padding:0 !important;
  will-change:transform !important;
  animation:vinhedoCarousel 50s linear infinite !important;  /*velocidade do carrossel*/
}

/* estilo das fotos */
#vinhedo .vinhedo-carousel-card{
  flex:0 0 300px !important;
  width:300px !important;
  height:var(--vinhedo-carousel-h) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#111 !important;
}

#vinhedo .vinhedo-carousel-card img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}

/* O carrossel deve continuar mesmo com o mouse em cima */
#vinhedo .vinhedo-carousel:hover .vinhedo-carousel-track{
  animation-play-state:running !important;
}

@keyframes vinhedoCarousel{
  from{
    transform:translate3d(0,0,0);
  }
  to{
    transform:translate3d(-2100px,0,0);
  }
}

@media (max-width:1399.98px){
  section#vinhedo.igp-section,
  #vinhedo.igp-section{
    --vinhedo-section-h:1120px;
    --vinhedo-carousel-h:280px;
  }

  #vinhedo .vinhedo-title{
    top:108px !important;
    font-size:clamp(118px, 12.4vw, 168px) !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:72px !important;
    font-size:clamp(31px, 3.35vw, 42px) !important;
    letter-spacing:7px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:255px !important;
    width:255px !important;
  }

  #vinhedo .vinhedo-carousel::before,
  #vinhedo .vinhedo-carousel::after{
    width:max(0px, calc((100% - 765px) / 2)) !important;
  }

  #vinhedo .vinhedo-carousel-track{
    animation-name:vinhedoCarouselTablet !important;
  }

  @keyframes vinhedoCarouselTablet{
    from{
      transform:translate3d(0,0,0);
    }
    to{
      transform:translate3d(-1785px,0,0);
    }
  }
}

@media (max-width:991.98px){
  section#vinhedo.igp-section,
  #vinhedo.igp-section{
    --vinhedo-section-h:900px;
    --vinhedo-carousel-h:230px;
  }

  #vinhedo .vinhedo-title{
    top:122px !important;
    font-size:clamp(82px, 17vw, 132px) !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:62px !important;
    font-size:clamp(24px, 4.2vw, 34px) !important;
    letter-spacing:5px !important;
    line-height:1.28 !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:210px !important;
    width:210px !important;
  }

  #vinhedo .vinhedo-carousel::before,
  #vinhedo .vinhedo-carousel::after{
    width:max(0px, calc((100% - 630px) / 2)) !important;
  }

  #vinhedo .vinhedo-carousel-track{
    animation-name:vinhedoCarouselMobileLarge !important;
  }

  @keyframes vinhedoCarouselMobileLarge{
    from{
      transform:translate3d(0,0,0);
    }
    to{
      transform:translate3d(-1470px,0,0);
    }
  }
}

@media (max-width:767.98px){
  #vinhedo .vinhedo-video,
  #vinhedo .media-bg,
  #vinhedo video.media-bg,
  #vinhedo > video{
    object-position:center center !important;
  }

  section#vinhedo.igp-section,
  #vinhedo.igp-section{
    --vinhedo-section-h:760px;
    --vinhedo-carousel-h:190px;
  }

  #vinhedo .vinhedo-title{
    top:116px !important;
    font-size:clamp(70px, 22vw, 96px) !important;
    max-width:96vw !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:50px !important;
    font-size:clamp(20px, 5.4vw, 28px) !important;
    letter-spacing:3.4px !important;
    max-width:92vw !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:174px !important;
    width:174px !important;
  }

  #vinhedo .vinhedo-carousel::before,
  #vinhedo .vinhedo-carousel::after{
    width:max(0px, calc((100% - 522px) / 2)) !important;
  }

  #vinhedo .vinhedo-carousel-track{
    animation-name:vinhedoCarouselMobile !important;
  }

  @keyframes vinhedoCarouselMobile{
    from{
      transform:translate3d(0,0,0);
    }
    to{
      transform:translate3d(-1218px,0,0);
    }
  }
}

@media (max-width:420px){
  section#vinhedo.igp-section,
  #vinhedo.igp-section{
    --vinhedo-section-h:680px;
    --vinhedo-carousel-h:160px;
  }

  #vinhedo .vinhedo-title{
    top:108px !important;
    font-size:68px !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:42px !important;
    font-size:20px !important;
    letter-spacing:2.6px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:146px !important;
    width:146px !important;
  }

  #vinhedo .vinhedo-carousel::before,
  #vinhedo .vinhedo-carousel::after{
    width:max(0px, calc((100% - 438px) / 2)) !important;
  }

  #vinhedo .vinhedo-carousel-track{
    animation-name:vinhedoCarouselSmall !important;
  }

  @keyframes vinhedoCarouselSmall{
    from{
      transform:translate3d(0,0,0);
    }
    to{
      transform:translate3d(-1022px,0,0);
    }
  }
}


/* =========================================================
   SECAO CEPAS DE ALTITUDE
========================================================= */

section#cepas-altitude.cepas-section,
#cepas-altitude.cepas-section{
  position:relative !important;
  min-height:925px !important; /* aumenta a area visivel para remover a faixa da section seguinte */
  height:100vh !important; /* video ocupa a tela inteira sem deixar faixa verde embaixo */
  width:100% !important;
  overflow:hidden !important;
  background:#111 !important;
  isolation:isolate !important;
  color:#F4FDD9 !important;
}

/* Video de fundo da section Cepas de Altitude */
#cepas-altitude .cepas-video,
#cepas-altitude .media-bg,
#cepas-altitude video.media-bg,
#cepas-altitude > video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:brightness(.9) saturate(1) contrast(1.10) !important;
  z-index:0 !important;
}

#cepas-altitude .cepas-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  height:100% !important;
  min-height:100vh !important; /* acompanha a altura total da section */
  padding:0 !important;
  margin:0 !important;
}

/* Texto superior - cepas europeias */
#cepas-altitude .cepas-intro{
  position:absolute !important;
  left:50% !important;
  top:152.46px !important;
  transform:translateX(-50%) !important;

  width:876px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-shadow:none !important;
  z-index:4 !important;
}

#cepas-altitude .cepas-intro p{
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.8 !important; /* aumenta a entrelinha do texto superior */
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
}

#cepas-altitude .cepas-intro strong{
  font-weight:700 !important;
}

#cepas-altitude .cepas-intro span{
  font-weight:400 !important;
}

/* Bloco inferior - frase principal e autoria */
#cepas-altitude .cepas-quote-wrap{
  position:absolute !important;
  left:50% !important;
  top:518.52px !important; /* aproxima o bloco do posicionamento do Figma */
  transform:translateX(-50%) !important;

  width:1180px !important;
  height:330px !important;
  margin:0 !important;
  padding:0 !important;

  z-index:4 !important;
  pointer-events:none !important;
}

/* Frase principal em Spalla */
#cepas-altitude .cepas-quote{
  position:absolute !important;
  left: 90px !important;
  top:-20px !important;

  width:1040px !important; /* amplia a caixa para quebrar as linhas*/
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:51.495px !important; 
  font-style:normal !important;
  font-weight:400 !important;  
  line-height:1.58 !important;  /*entre linhas*/
  letter-spacing:8.2px !important;

  color:#F4FDD9 !important;
  text-transform:uppercase !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* Autoria ao lado direito da frase */
#cepas-altitude .cepas-author{
  position:absolute !important;
  left:950px !important; /* posiciona a assinatura na lateral direita do bloco */
  top:246px !important;

  width:300px !important;
  height:82px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:17.998px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.18 !important;  /*entre linhas */
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:left !important;
  text-shadow:none !important;
}

@media (max-width:1399.98px){
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section{
    min-height:100vh !important;
    height:100vh !important;
  }

  #cepas-altitude .cepas-content{
    min-height:100vh !important;
  }

  #cepas-altitude .cepas-intro{
    top:118px !important;
    width:760px !important;
    height:auto !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:19px !important;
    line-height:1.72 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:420px !important;
    width:880px !important;
    height:270px !important;
  }

  #cepas-altitude .cepas-quote{
    width:780px !important;
    height:auto !important;
    font-size:37px !important;
    line-height:1.54 !important;
    letter-spacing:6.3px !important;
  }

  #cepas-altitude .cepas-author{
    left:760px !important;
    top:202px !important;
    width:210px !important;
    height:auto !important;
    font-size:13px !important;
  }
}

@media (max-width:991.98px){
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section{
    min-height:720px !important;
    height:720px !important;
  }

  #cepas-altitude .cepas-content{
    min-height:720px !important;
  }

  #cepas-altitude .cepas-intro{
    top:112px !important;
    width:82vw !important;
    max-width:720px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:17px !important;
    line-height:1.68 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:370px !important;
    width:82vw !important;
    max-width:720px !important;
    height:auto !important;
  }

  #cepas-altitude .cepas-quote{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    font-size:clamp(27px, 4.6vw, 34px) !important;
    line-height:1.42 !important;
    letter-spacing:5px !important;
  }

  #cepas-altitude .cepas-author{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:260px !important;
    margin:14px 0 0 auto !important;
    font-size:12px !important;
  }
}

@media (max-width:767.98px){
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section{
    min-height:680px !important;
    height:680px !important;
  }

  #cepas-altitude .cepas-content{
    min-height:680px !important;
  }

  #cepas-altitude .cepas-intro{
    top:96px !important;
    width:88vw !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:14.5px !important;
    line-height:1.62 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:345px !important;
    width:90vw !important;
  }

  #cepas-altitude .cepas-quote{
    font-size:clamp(22px, 6.2vw, 30px) !important;
    line-height:1.38 !important;
    letter-spacing:3.5px !important;
  }

  #cepas-altitude .cepas-author{
    width:220px !important;
    margin-top:12px !important;
    font-size:11px !important;
  }
}

@media (max-width:420px){
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section{
    min-height:640px !important;
    height:640px !important;
  }

  #cepas-altitude .cepas-content{
    min-height:640px !important;
  }

  #cepas-altitude .cepas-intro{
    top:86px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:13px !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:324px !important;
  }

  #cepas-altitude .cepas-quote{
    font-size:21px !important;
    letter-spacing:2.8px !important;
  }

  #cepas-altitude .cepas-author{
    font-size:10.5px !important;
  }
}

/* =========================================================
   SECAO MANEJO HUMANO
========================================================= */

section#manejo-humano.human-section,
.human-section{
  position:relative !important;
  min-height:980px !important; /* : aumenta o espaco total da section e a area inferior antes da proxima tela */
  height:980px !important;
  width:100% !important;
  overflow:visible !important; /* permite que a garrafa e o icon aparecam sobre as sections anterior e posterior */
  background:#839A26 !important; /* garante a mesma cor de fundo do layout */
  color:#F4FDD9 !important;
  isolation:isolate !important;
  z-index:7 !important;
}

/* Fundo verde da section */
.human-section .human-bg,
.human-section .solid-bg,
.human-section .solid-bg.olive{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#839A26 !important; /* remove fundo escuro e aplica o verde correto */
  z-index:0 !important;
  pointer-events:none !important;
}

/* Remove a estrutura antiga da versao com video arredondado */
.human-section .rounded-video,
.human-section video,
.human-section .row,
.human-section [class*="col-"]{
  position:static !important;
}

/* Container principal da section */
.human-section .human-content,
.human-section .section-content{
  position:relative !important;
  z-index:4 !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:980px !important; /* acompanha a nova altura da section */
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

/* Icone/marca d'agua no fundo, usando assets/img/icon.png */
.human-icon{
  position:absolute !important;
  left:5px !important; /* posicionamento conforme Figma */
  top:85px !important; /* posicionamento conforme Figma */
  width:880px !important; /*tamanho conforme Figma */
  height:auto !important;
  max-width:none !important;
  z-index:1 !important;
  /* opacity:.18 !important; */
  object-fit:contain !important;
  pointer-events:none !important;
  filter:brightness(1.12) saturate(.95) !important;
}

/* Garrafa da section Manejo Humano */
.human-bottle{
  position:absolute !important;
  left:170px !important; /*move para esquerda e direita */
  top:-118px !important; /* valor negativo faz aparecer sobre a section anterior */
  width:710px !important; /* tamanho garrafa */
  height:auto !important;
  max-width:none !important;
  z-index:9 !important;
  object-fit:contain !important;
  pointer-events:none !important;
  filter:drop-shadow(0 26px 28px rgba(0,0,0,.42)) !important;
  transform:rotate(-2deg) !important;
  transform-origin:center bottom !important;
}

/* Bloco dos textos */
.human-text-wrap{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  z-index:5 !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}

/* Titulo Manejo Humano */
.human-title,
.human-section .script-heading{
  position:absolute !important;
  left:550px !important; /*posicao do card do titulo */
  top:105px !important; /* posicao vertical do titulo */
  width:1014px !important; /* card do titulo em uma unica linha */
  height:220px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"r41-alfabeta-72", "R41 Alfabeta", serif !important;
  font-size:138.637px !important; /* tamanho do Figma */
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:left !important;
  text-shadow:none !important;
  white-space:nowrap !important; /* impede quebrar texto Manejo Humano em duas linhas */
  overflow:visible !important;
  -webkit-text-stroke:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
  z-index:4 !important; /* fica atras da garrafa */
}

/* Textos da section Manejo Humano */
.human-copy{
  position:absolute !important;
  right:337px !important; /* alinhamento a 367px da lateral direita */
  top:357px !important; /* posicionamento vertical do card dos textos */
  width:661px !important; /* tamanho do card conforme print */
  max-width:661px !important;
  min-height:403.3px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:5 !important;
}

.human-copy,
.human-section .body-copy,
.human-section .small-text{
  font-family:"Montserrat", sans-serif !important;
  font-size:28px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:2 !important;  /* entre linhas */
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:right !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.human-copy p,
.human-section .body-copy,
.human-section .small-text{
  width:100% !important;
  max-width:100% !important;
  margin:0 0 66px 0 !important;
  padding:0 !important;
}

.human-copy p:last-child,
.human-section .small-text{
  margin-bottom:0 !important;
}

.human-copy strong,
.human-section .body-copy strong,
.human-section .small-text strong{
  font-weight:700 !important;
}

/* Mantem a section seguinte abaixo da garrafa, sem cortar a parte inferior */
.cellar-section,
#adega{
  position:relative !important;
  z-index:3 !important;
}

@media (max-width:1399.98px){
  section#manejo-humano.human-section,
  .human-section{
    min-height:980px !important; /* mantem o espaco inferior tambem em desktop menor */
    height:980px !important;
  }

  .human-section .human-content,
  .human-section .section-content{
    min-height:980px !important;
  }

  .human-icon{
    left:50px !important;
    top:29px !important;
    width:827px !important;
    max-width:none !important;
  }

  .human-bottle{
    left:203px !important;
    top:-118px !important;
    width:543.48px !important;
    max-width:none !important;
  }

  .human-title,
  .human-section .script-heading{
    left:344px !important;
    top:92px !important;
    width:1014px !important;
    height:220px !important;
    max-width:none !important;
    font-size:138.637px !important;
    white-space:nowrap !important;
  }

  .human-copy{
    right:367px !important;
    top:367px !important;
    width:641px !important;
    max-width:641px !important;
    min-height:403.3px !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:28px !important;
    line-height:1.55 !important;
  }

  .human-copy p,
  .human-section .body-copy,
  .human-section .small-text{
    margin-bottom:66px !important;
  }
}

@media (max-width:991.98px){
  section#manejo-humano.human-section,
  .human-section{
    min-height:900px !important;
    height:900px !important;
    overflow:hidden !important;
  }

  .human-section .human-content,
  .human-section .section-content{
    min-height:900px !important;
  }

  .human-icon{
    left:3vw !important;
    top:118px !important;
    width:72vw !important;
    max-width:none !important;
  }

  .human-bottle{
    left:8vw !important;
    top:26px !important;
    width:300px !important;
    max-width:none !important;
  }

  .human-title,
  .human-section .script-heading{
    left:36vw !important;
    top:130px !important;
    width:max-content !important;
    max-width:none !important;
    height:auto !important;
    font-size:clamp(82px, 14vw, 118px) !important;
    white-space:nowrap !important;
  }

  .human-copy{
    right:6vw !important;
    top:330px !important;
    width:52vw !important;
    max-width:52vw !important;
    min-height:0 !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:17px !important;
    line-height:1.62 !important;
  }
}

@media (max-width:767.98px){
  section#manejo-humano.human-section,
  .human-section{
    min-height:780px !important;
    height:780px !important;
  }

  .human-section .human-content,
  .human-section .section-content{
    min-height:780px !important;
  }

  .human-icon{
    left:-12vw !important;
    top:138px !important;
    width:82vw !important;
    opacity:.12 !important;
  }

  .human-bottle{
    left:50% !important;
    top:28px !important;
    width:230px !important;
    transform:translateX(-95%) rotate(-2deg) !important;
  }

  .human-title,
  .human-section .script-heading{
    left:50% !important;
    top:258px !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:96vw !important;
    height:auto !important;
    font-size:clamp(62px, 18vw, 88px) !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .human-copy{
    left:50% !important;
    right:auto !important;
    top:390px !important;
    transform:translateX(-50%) !important;
    width:86vw !important;
    max-width:86vw !important;
    min-height:0 !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    width:100% !important;
    font-size:15.5px !important;
    line-height:1.58 !important;
    text-align:center !important;
  }

  .human-copy p,
  .human-section .body-copy,
  .human-section .small-text{
    margin-bottom:26px !important;
  }
}

@media (max-width:420px){
  .human-bottle{
    width:200px !important;
  }

  .human-title,
  .human-section .script-heading{
    top:250px !important;
    font-size:62px !important;
  }

  .human-copy{
    top:360px !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:14.5px !important;
  }
}


/* =========================================================
   SECAO ADEGA
========================================================= */

section#adega.adega-section,
#adega.adega-section{
  position:relative !important;
  min-height:100% !important;
  height:1010px !important;  /* tamanho da section a adega */
  width:100% !important;
  overflow:hidden !important;
  background:#111 !important;
  color:#F4FDD9 !important;
  isolation:isolate !important;
  z-index:4 !important;
}

/* Video da Adega - menos zoom sem achatar */
#adega.adega-section .media-bg,
#adega.adega-section video.media-bg,
#adega.adega-section > video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;

  object-fit:cover !important;
  object-position:center 0% !important;  /* move o video para baixo eou para cima */
  transform:scale(1) !important;
  transform-origin:center center !important;

  filter:brightness(.88) saturate(.96) contrast(1.02) !important;
  z-index:0 !important;
}

#adega.adega-section .dark-gradient,
#adega.adega-section .section-shade,
#adega.adega-section .section-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.10) 0%,
    rgba(0,0,0,.16) 42%,
    rgba(0,0,0,.28) 100%
  ) !important;
}

#adega.adega-section .container,
#adega.adega-section .section-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}

#adega.adega-section .row,
#adega.adega-section .min-vh-100,
#adega.adega-section [class*="col-"]{
  position:static !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

/* Titulo Vinificação */
#adega.adega-section .script-heading,
#adega.adega-section h2:first-of-type{
  position:absolute !important;
  left:940px !important;
  top:560px !important; /* distancia do topo */
  transform:translateX(-50%) !important;

  width:max-content !important;
  max-width:92vw !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"r41-alfabeta-72", "R41 Alfabeta", serif !important;
  font-size: 194.227px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  z-index:4 !important;

  -webkit-text-stroke:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
}

/* Subtitulo Trato Refinado */
#adega.adega-section .subtitle-serif,
#adega.adega-section h2:first-of-type + p{
  position:absolute !important;
  left:957px !important;
  top:870px !important; /* distancia do topo*/
  transform:translateX(-50%) !important;

  width:max-content !important;
  max-width:92vw !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:75.56px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:10.5px !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  z-index:4 !important;
}

/* O texto descritivo permanece no HTML, mas nao aparece no layout do Figma desta tela */
#adega.adega-section .body-copy{
  display:none !important;
}

@media (max-width:1399.98px){
  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    top:55vh !important;
    font-size:clamp(132px, 12.8vw, 180px) !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    top:73vh !important;
    font-size:clamp(38px, 4.2vw, 58px) !important;
    letter-spacing:9px !important;
  }
}

@media (max-width:991.98px){
  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    top:52vh !important;
    font-size:clamp(92px, 16vw, 132px) !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    top:68vh !important;
    font-size:clamp(28px, 5.4vw, 42px) !important;
    letter-spacing:6px !important;
  }
}

@media (max-width:767.98px){
  section#adega.adega-section,
  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100,
  #adega.adega-section [class*="col-"]{
    min-height:760px !important;
    height:760px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    top:50vh !important;
    font-size:clamp(72px, 22vw, 104px) !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    top:63vh !important;
    font-size:clamp(22px, 7vw, 34px) !important;
    letter-spacing:4px !important;
  }
}

/* =========================================================
   SECAO PROCESSO
========================================================= */

section#processo.process-section,
.process-section{
  position:relative !important;
  min-height:100vh !important;
  height:100vh !important;
  width:100% !important;
  overflow:hidden !important;
  background:#111 !important;
  color:#F4FDD9 !important;
  isolation:isolate !important;
  z-index:4 !important;
}

/* Video da section Processo */
section#processo.process-section .process-video,
section#processo.process-section .media-bg,
section#processo.process-section video.media-bg,
section#processo.process-section > video,
.process-section .process-video,
.process-section .media-bg,
.process-section video.media-bg,
.process-section > video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:brightness(.78) saturate(.92) contrast(1.04) !important;
  z-index:0 !important;
}

/* Overlay da section Processo */
section#processo.process-section .process-shade,
section#processo.process-section .dark-gradient,
.process-section .process-shade,
.process-section .dark-gradient{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    180deg,
    rgba(19,32,12,.26) 0%,
    rgba(18,31,10,.34) 35%,
    rgba(4,10,3,.48) 68%,
    rgba(4,10,3,.60) 100%
  ) !important;
}

/* Estrutura interna limpa para posicionar os elementos */
section#processo.process-section .process-content,
section#processo.process-section .container,
section#processo.process-section .section-content,
.process-section .process-content,
.process-section .container,
.process-section .section-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}

section#processo.process-section .process-layout,
section#processo.process-section .row,
section#processo.process-section .min-vh-100,
section#processo.process-section .process-text-column,
section#processo.process-section [class*="col-"],
.process-section .process-layout,
.process-section .row,
.process-section .min-vh-100,
.process-section .process-text-column,
.process-section [class*="col-"]{
  position:static !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}

/* Texto superior: decantacao */
section#processo.process-section .process-intro,
.process-section .process-intro{
  position:absolute !important;
  left:280px !important;  /*quanto menor mais proximo da esquerda*/
  bottom:510px !important; /* usa a distancia da base para manter a perspectiva da tela */

  width:570px !important;
  height:285.58px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:45px !important; /* entre linhas */
  letter-spacing:0 !important; /* entre letras */

  color:#F4FDD9 !important;
  text-align:left !important;
  text-shadow:none !important;
  z-index:4 !important;
}

section#processo.process-section .process-intro strong,
.process-section .process-intro strong{
  font-weight:700 !important;
}

/* Frase principal em Spalla */
section#processo.process-section .process-quote,
.process-section .process-quote{
  position:absolute !important;
  left:50% !important;
  bottom:78px !important;  /* usa a distancia da base para manter a perspectiva da tela */
  transform:translateX(-50%) !important;

  width:1230px !important;
  height:296.99px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:51.495px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;  /* entre linhas */
  letter-spacing:7.509px !important;  /* entre letras */

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  z-index:4 !important;
}

/* Autoria: Silnei Furlani */
section#processo.process-section .process-author,
.process-section .process-author{
  position:absolute !important;
  left:50% !important;
  bottom:53.26px !important;
  transform:translateX(-50%) !important;

  width:151px !important;
  height:49.65px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:22.584px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-shadow:none !important;
  z-index:5 !important;
}

@media (max-width:1399.98px){
  section#processo.process-section .process-intro,
  .process-section .process-intro{
    left:18vw !important;
    bottom:520px !important;
    width:360px !important;
    height:auto !important;
    font-size:18px !important;
    line-height:1.45 !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{
    bottom:108px !important;
    width:920px !important;
    height:auto !important;
    font-size:42px !important;
    line-height:1.18 !important;
    letter-spacing:6px !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{
    bottom:58px !important;
    font-size:18px !important;
  }
}

@media (max-width:991.98px){
  section#processo.process-section,
  .process-section,
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{
    min-height:760px !important;
    height:760px !important;
  }

  section#processo.process-section .process-intro,
  .process-section .process-intro{
    left:8vw !important;
    bottom:455px !important;
    width:45vw !important;
    max-width:360px !important;
    font-size:16px !important;
    line-height:1.45 !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{
    bottom:108px !important;
    width:92vw !important;
    height:auto !important;
    font-size:clamp(26px, 4.8vw, 36px) !important;
    line-height:1.24 !important;
    letter-spacing:4.2px !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{
    bottom:54px !important;
    width:150px !important;
    font-size:15px !important;
  }
}

@media (max-width:767.98px){
  section#processo.process-section,
  .process-section,
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{
    min-height:720px !important;
    height:720px !important;
  }

  section#processo.process-section .process-intro,
  .process-section .process-intro{
    left:7vw !important;
    bottom:430px !important;
    width:78vw !important;
    max-width:320px !important;
    font-size:14.5px !important;
    line-height:1.46 !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{
    bottom:112px !important;
    width:94vw !important;
    font-size:clamp(22px, 6vw, 30px) !important;
    line-height:1.22 !important;
    letter-spacing:3px !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{
    bottom:58px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   SECAO PROPOSITO
========================================================= */

section#proposito.purpose-section,
#proposito.purpose-section,
#proposito.propose-section{
  position:relative !important;
  min-height:100vh !important;
  height:100vh !important;
  width:100% !important;
  overflow:hidden !important;
  background:#839A26 !important;
  color:#F4FDD9 !important;
  isolation:isolate !important;
}

/* Fundo verde total da section Proposito */
#proposito .solid-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#839A26 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

/* Remove elementos antigos da section Proposito */
#proposito .purpose-script-bg,
#proposito .purpose-bottles{
  display:none !important;
}

/* Estrutura limpa para posicionamento absoluto dos textos */
#proposito .purpose-content,
#proposito .section-content,
#proposito .container,
#proposito .row,
#proposito .min-vh-100,
#proposito [class*="col-"]{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  text-align:center !important;
}

/* Titulo: O Proposito */
#proposito .purpose-title,
#proposito .script-heading,
#proposito h2{
  position:absolute !important;
  left:50% !important;
  top:100px !important;
  transform:translateX(-50%) !important;

  width:897px !important;
  height:294px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"r41-alfabeta-72", "R41 Alfabeta", serif !important;
  font-size:185.262px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  overflow:visible !important;

  -webkit-text-stroke:0 !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
  z-index:4 !important;
}

/* Subtitulo: Contribuicao real... */
#proposito .purpose-subtitle,
#proposito .subtitle-serif,
#proposito .purpose-title + p{
  position:absolute !important;
  left:50% !important;
  top:450px !important;
  transform:translateX(-50%) !important;

  width:544px !important;
  height:130px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:51.495px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.22 !important;
  letter-spacing:7.209px !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  z-index:4 !important;
}

/* Texto final em Montserrat */
#proposito .purpose-copy,
#proposito .body-copy,
#proposito .purpose-subtitle + p{
  position:absolute !important;
  left:50% !important;
  top:650px !important;
  transform:translateX(-50%) !important;

  width:765px !important;
  height:156px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.36 !important;
  letter-spacing:0 !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-shadow:none !important;
  opacity:1 !important;
  z-index:4 !important;
}

#proposito .purpose-copy strong,
#proposito .body-copy strong{
  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:inherit !important;
  letter-spacing:0 !important;
  color:#F4FDD9 !important;
}

/* Responsivo Proposito */
@media (max-width:1399.98px){
  section#proposito.purpose-section,
  #proposito.purpose-section,
  #proposito.propose-section{
    min-height:760px !important;
    height:760px !important;
  }

  #proposito .purpose-content,
  #proposito .section-content,
  #proposito .container,
  #proposito .row,
  #proposito .min-vh-100,
  #proposito [class*="col-"]{
    min-height:760px !important;
    height:760px !important;
  }

  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{
    top:70px !important;
    width:720px !important;
    height:220px !important;
    font-size:146px !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{
    top:292px !important;
    width:500px !important;
    height:118px !important;
    font-size:42px !important;
    letter-spacing:6px !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{
    top:455px !important;
    width:680px !important;
    height:auto !important;
    font-size:22px !important;
    line-height:1.42 !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{
    font-size:22px !important;
  }
}

@media (max-width:991.98px){
  section#proposito.purpose-section,
  #proposito.purpose-section,
  #proposito.propose-section{
    min-height:720px !important;
    height:720px !important;
  }

  #proposito .purpose-content,
  #proposito .section-content,
  #proposito .container,
  #proposito .row,
  #proposito .min-vh-100,
  #proposito [class*="col-"]{
    min-height:720px !important;
    height:720px !important;
  }

  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{
    top:96px !important;
    width:max-content !important;
    max-width:92vw !important;
    height:auto !important;
    font-size:clamp(88px, 15vw, 126px) !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{
    top:276px !important;
    width:78vw !important;
    max-width:500px !important;
    height:auto !important;
    font-size:clamp(30px, 5vw, 42px) !important;
    line-height:1.25 !important;
    letter-spacing:5px !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{
    top:445px !important;
    width:82vw !important;
    max-width:660px !important;
    height:auto !important;
    font-size:18px !important;
    line-height:1.5 !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{
    font-size:18px !important;
  }
}

@media (max-width:767.98px){
  section#proposito.purpose-section,
  #proposito.purpose-section,
  #proposito.propose-section{
    min-height:680px !important;
    height:680px !important;
  }

  #proposito .purpose-content,
  #proposito .section-content,
  #proposito .container,
  #proposito .row,
  #proposito .min-vh-100,
  #proposito [class*="col-"]{
    min-height:680px !important;
    height:680px !important;
  }

  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{
    top:112px !important;
    font-size:clamp(70px, 20vw, 92px) !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{
    top:245px !important;
    width:88vw !important;
    font-size:clamp(24px, 7vw, 32px) !important;
    letter-spacing:3.4px !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{
    top:390px !important;
    width:88vw !important;
    max-width:520px !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{
    font-size:15.5px !important;
  }
}

@media (max-width:420px){
  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{
    top:110px !important;
    font-size:66px !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{
    top:224px !important;
    font-size:23px !important;
    letter-spacing:2.6px !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{
    top:360px !important;
    font-size:14px !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{
    font-size:14px !important;
  }
}

/* =========================================================
   SECAO APAE URUBICI
========================================================= */

section#apae-urubici.apae-section,
.apae-section{
  position:relative !important;
  min-height:1400px !important;
  height:1400px !important;
  width:100% !important;
  overflow:hidden !important;
  background:#839A26 !important; /* mesma cor da section Proposito */
  color:#fff !important;
  isolation:isolate !important;
  z-index:4 !important;
}

.apae-section .solid-bg,
.apae-section .solid-bg.olive{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#839A26 !important; /* mesma cor da section Proposito */
  z-index:0 !important;
  pointer-events:none !important;
}

.apae-section .apae-content,
.apae-section .section-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  min-height:1400px !important;
  height:1400px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Remove estrutura antiga da section APAE */
.apae-section .container,
.apae-section .container-fluid,
.apae-section .row,
.apae-section [class*="col-"]{
  position:static !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}

/* Card dos 3 videos */
.apae-videos{
  position:absolute !important;
  left:50% !important;
  /* top:8px !important; */
  transform:translateX(-50%) !important;

  width:1735px !important;
  max-width:calc(100vw - 190px) !important;
  height:630px !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:130px !important; /* distancia entre os videos */

  overflow:visible !important;
  z-index:4 !important;
}

/* Videos clicaveis */
.apae-video-card{
  position:relative !important;
  flex:0 0 400px !important;
  width:400px !important;
  height:650px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  overflow:hidden !important;
  cursor:pointer !important;
  display:block !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.apae-video-card video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(.95) saturate(.98) !important;
  z-index:1 !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Circulo do play sobre os videos */
.apae-video-card::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:92px !important;
  height:92px !important;
  border:8px solid #F4FDD9 !important;
  border-radius:50% !important;
  background:rgba(244,253,217,.08) !important;
  z-index:3 !important;
  opacity:1 !important;
  pointer-events:none !important;
  transition:opacity .2s ease, transform .2s ease !important;
}

.apae-video-card::after{
  content:"" !important;
  position:absolute !important;
  left:calc(50% + 6px) !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:0 !important;
  height:0 !important;
  border-top:19px solid transparent !important;
  border-bottom:19px solid transparent !important;
  border-left:28px solid #F4FDD9 !important;
  z-index:4 !important;
  opacity:1 !important;
  pointer-events:none !important;
  transition:opacity .2s ease !important;
}

.apae-video-card:hover::before{
  transform:translate(-50%, -50%) scale(1.04) !important;
}

.apae-video-card.is-playing::before,
.apae-video-card.is-playing::after{
  opacity:0 !important;
}

/* Titulo APAE URUBICI */
.apae-title,
.apae-section .block-heading,
.apae-section h2{
  position:absolute !important;
  left:50% !important;
  top:740px !important; /* distancia do video para o titulo */
  transform:translateX(-50%) !important;

  width:1200px !important;
  height:188.9527px !important;
  max-width:1200px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:185px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:25.306px !important;

  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important; /* mantém em uma linha */
  overflow:visible !important;
}

/* Texto explicativo APAE */
.apae-copy,
.apae-section .body-copy,
.apae-section .small-text{
  position:absolute !important;
  left:43% !important;
  top:1000px !important;  /* move texto pra cima/baixo */
  transform:translateX(-50%) !important;

  width:1050px !important;
  height:296px !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Montserrat", sans-serif !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;

  color:#fff !important;
  text-align:center !important;
  text-shadow:none !important;
  opacity:1 !important;
  z-index:4 !important;
}

.apae-copy p,
.apae-section .body-copy,
.apae-section .small-text{
  margin:0 0 42px 0 !important; /* espaço entre os 2 blocos de texto */
  padding:0 !important;
  width:130% !important;
  max-width:130% !important;
  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:400 !important;  /*peso da fonte*/
  line-height:1.30 !important;
  letter-spacing:0 !important;
  color:#fff !important;
  text-align:center !important;
}

.apae-copy p:last-child,
.apae-section .small-text{
  margin-bottom:0 !important;
}

@media (max-width:1399.98px){
  section#apae-urubici.apae-section,
  .apae-section{
    min-height:920px !important;
    height:920px !important;
  }

  .apae-section .apae-content,
  .apae-section .section-content{
    min-height:920px !important;
    height:920px !important;
  }

  .apae-videos{
    top:34px !important;
    max-width:calc(100vw - 120px) !important;
    height:430px !important;
    gap:60px !important;
  }

  .apae-video-card{
    flex-basis:305px !important;
    width:305px !important;
    height:430px !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{
    top:520px !important;
    width:980px !important;
    height:150px !important;
    font-size:128px !important;
    letter-spacing:18px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    top:682px !important;
    width:760px !important;
    height:auto !important;
    font-size:19px !important;
    line-height:1.2 !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:19px !important;
    line-height:1.2 !important;
    margin-bottom:30px !important;
  }
}

@media (max-width:991.98px){
  section#apae-urubici.apae-section,
  .apae-section{
    min-height:980px !important;
    height:980px !important;
  }

  .apae-section .apae-content,
  .apae-section .section-content{
    min-height:980px !important;
    height:980px !important;
  }

  .apae-videos{
    top:72px !important;
    width:88vw !important;
    max-width:88vw !important;
    height:360px !important;
    gap:24px !important;
  }

  .apae-video-card{
    flex:1 1 0 !important;
    width:auto !important;
    height:360px !important;
  }

  .apae-video-card::before{
    width:70px !important;
    height:70px !important;
    border-width:6px !important;
  }

  .apae-video-card::after{
    border-top-width:15px !important;
    border-bottom-width:15px !important;
    border-left-width:22px !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{
    top:500px !important;
    width:90vw !important;
    height:auto !important;
    font-size:clamp(72px, 13vw, 104px) !important;
    letter-spacing:12px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    top:650px !important;
    width:84vw !important;
    max-width:720px !important;
    height:auto !important;
    font-size:17px !important;
    line-height:1.26 !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:17px !important;
    line-height:1.26 !important;
    margin-bottom:28px !important;
  }
}

@media (max-width:767.98px){
  section#apae-urubici.apae-section,
  .apae-section{
    min-height:1180px !important;
    height:1180px !important;
  }

  .apae-section .apae-content,
  .apae-section .section-content{
    min-height:1180px !important;
    height:1180px !important;
  }

  .apae-videos{
    top:48px !important;
    width:82vw !important;
    max-width:82vw !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .apae-video-card{
    width:100% !important;
    height:240px !important;
    flex:none !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{
    top:820px !important;
    width:94vw !important;
    font-size:clamp(48px, 13vw, 72px) !important;
    letter-spacing:6px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    top:930px !important;
    width:88vw !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:14px !important;
    line-height:1.35 !important;
    margin-bottom:22px !important;
  }
}

@media (max-width:420px){
  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{
    top:812px !important;
    font-size:46px !important;
    letter-spacing:4px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    top:900px !important;
    font-size:13px !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:13px !important;
  }
}

/* =========================================================
   SECAO IMPACTO
========================================================= */

section#impacto.impact-section,
.impact-section#impacto{
  position:relative !important;
  min-height:100vh !important;
  height:100vh !important;
  width:100% !important;
  overflow:hidden !important;
  background:#111 !important;
  color:#fff !important;
  isolation:isolate !important;
  z-index:4 !important;
}

/* Foto de fundo da section Impacto */
#impacto .impact-photo{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center 10% !important; /* move a foto para baixo */
  filter:brightness(.9) saturate(1) contrast(1.10) !important;
  z-index:0 !important;
}

/* Container da section Impacto */
#impacto .impact-content,
#impacto .section-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
}

/* Texto central com tarjas por linha */
#impacto .impact-title{
  position:absolute !important;
  left:50% !important;
  bottom:-30px !important;  /* move o texto para cima/baixo */
  transform:translateX(-50%) !important;

  width:1800px !important;
  height:268px !important;
  max-width:calc(100vw - 720px) !important;
  min-width:1800px !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:28px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:40px !important; /* espaçamento entre linhas */
  letter-spacing:6.639px !important;

  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  z-index:4 !important;
}

/* Tarja marrom acompanhando cada linha do texto */
#impacto .impact-title span{
  display:inline !important;
  padding:0 14px !important;
  background:#383025 !important;
  color:#fff !important;
  box-decoration-break:clone !important;
  -webkit-box-decoration-break:clone !important;
}

#impacto .impact-title span::after{
  content:"\A" !important;
  white-space:pre !important;
}

#impacto .impact-title span:last-child::after{
  content:"" !important;
}

@media (max-width:1399.98px){
  section#impacto.impact-section,
  .impact-section#impacto{
    min-height:900px !important;
    height:900px !important;
  }

  #impacto .impact-content,
  #impacto .section-content{
    min-height:900px !important;
    height:900px !important;
  }

  #impacto .impact-title{
    bottom:118px !important;
    width:1000px !important;
    height:auto !important;
    max-width:86vw !important;
    min-width:0 !important;
    font-size:38px !important;
    line-height:56px !important;
    letter-spacing:5.3px !important;
  }
}

@media (max-width:991.98px){
  section#impacto.impact-section,
  .impact-section#impacto{
    min-height:760px !important;
    height:760px !important;
  }

  #impacto .impact-content,
  #impacto .section-content{
    min-height:760px !important;
    height:760px !important;
  }

  #impacto .impact-title{
    bottom:90px !important;
    width:88vw !important;
    max-width:88vw !important;
    min-width:0 !important;
    font-size:30px !important;
    line-height:46px !important;
    letter-spacing:4px !important;
  }

  #impacto .impact-title span{
    padding:0 10px !important;
  }
}

@media (max-width:767.98px){
  section#impacto.impact-section,
  .impact-section#impacto{
    min-height:660px !important;
    height:660px !important;
  }

  #impacto .impact-content,
  #impacto .section-content{
    min-height:660px !important;
    height:660px !important;
  }

  #impacto .impact-title{
    bottom:72px !important;
    width:92vw !important;
    max-width:92vw !important;
    font-size:21px !important;
    line-height:34px !important;
    letter-spacing:2.6px !important;
  }

  #impacto .impact-title span{
    padding:0 8px !important;
  }
}

@media (max-width:420px){
  #impacto .impact-title{
    bottom:58px !important;
    font-size:17px !important;
    line-height:29px !important;
    letter-spacing:1.8px !important;
  }
}

/* =========================================================
   FOOTER
========================================================= */

section#inscreva-se.subscribe-footer,
.subscribe-footer.footer-section{
  position:relative !important;
  width:100% !important;
  min-height:400px !important; /* altura total do footer conforme print 1920 x 400 */
  height:400px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#839A26 !important;
  color:#F6FDDC !important;
  border:0 !important;
  isolation:isolate !important;
}

/* Card geral do footer - referencia 1052px x 260.13px */
#inscreva-se .footer-inner{
  position:absolute !important;
  left:50% !important;
  top:64px !important; /* distancia do topo conforme print */
  width:1252px !important;
  height:260.13px !important;
  max-width:1052px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  z-index:2 !important;
}

/* Bloco esquerdo - Inscreva-se */
#inscreva-se .footer-left{
  position:absolute !important;
  left:-20px !important; /* move retangulo e texto pra esquerda/direita */
  top:63px !important; /* 127px do topo da section considerando footer-inner top 64px */
  width:301px !important;
  height:112px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  z-index:3 !important;
}

/* Retangulo esquerdo Inscreva-se - 301px x 66px */
#inscreva-se .footer-cta{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:315px !important;
  height:66px !important;
  margin:0 !important;
  padding:0 !important;
  background:rgba(246,253,220,.22) !important;
  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:57.133px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:#F6FDDC !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Texto auxiliar abaixo do Inscreva-se */
#inscreva-se .footer-note,
.subscribe-footer.footer-section .footer-note{
  display:block !important;
  width:298px !important;
  height:43px !important;
  margin:4px auto 0 !important;
  padding:0 !important;
  font-family:"Montserrat", sans-serif !important;
  font-size:18.34px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:22px !important;
  letter-spacing:0 !important;
  color:#F6FDDC !important;
  text-align:center !important;
  text-transform:none !important;
  opacity:1 !important;
}

/* Logo central - 226.43px x 260.13px */
#inscreva-se .footer-logo{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  width:226.43px !important;
  height:260.13px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:3 !important;
  text-decoration:none !important;
}

#inscreva-se .footer-logo img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Bloco direito - icones e botoes */
#inscreva-se .footer-right{
  position:absolute !important;
  left:730px !important;
  right:auto !important;
  top:38px !important;
  width:360px !important;
  height:180px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:3 !important;
  transform:none !important;
}

/* Icones sociais centralizados com o retangulo Entre em contato */
#inscreva-se .footer-social-icons{
  position:absolute !important;
  left:50px !important; /* move icones pra esquerda/direita */
  top:0 !important;
  width:272px !important; /* centraliza com o retangulo Entre em contato */
  height:64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  margin:0 !important;
  padding:0 !important;
}

#inscreva-se .footer-social-icons a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:55px !important;  /* tamanho dos icones */
  height:55px !important;  /* tamanho dos icones */
  margin:0 !important;
  padding:0 !important;
  text-decoration:none !important;
  opacity:.34 !important;
  transition:opacity .2s ease !important;
}

#inscreva-se .footer-social-icons a:hover{
  opacity:.52 !important;
}

#inscreva-se .footer-social-icons img{
  width:62px !important;
  height:62px !important;
  display:block !important;
  object-fit:contain !important;
  filter:brightness(0) saturate(100%) invert(96%) sepia(15%) saturate(646%) hue-rotate(25deg) brightness(109%) contrast(98%) !important;
}

/* Linhas de contato com icones wpp/e-mail */
#inscreva-se .footer-actions{
  position:absolute !important;
  left:0 !important;
  top:80px !important; /* distancia dos icones ate o primeiro retangulo */
  width:360px !important;
  height:87px !important;
  display:grid !important;
  grid-template-rows:39px 38px !important;
  row-gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

#inscreva-se .footer-action{
  display:grid !important;
  grid-template-columns:54px 1fr !important;
  align-items:center !important;
  width:360px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 !important;
  color:#F6FDDC !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

/* opacidade dos icones wpp e email */
#inscreva-se .footer-action img{
  justify-self:center !important;
  width:42px !important;
  height:42px !important;
  display:block !important;
  object-fit:contain !important;
  opacity:.34 !important;
  filter:brightness(0) saturate(100%) invert(96%) sepia(15%) saturate(646%) hue-rotate(25deg) brightness(109%) contrast(98%) !important;
}

/* Retangulos dos botoes com mesma fonte e estilo */
#inscreva-se .footer-action span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:39px !important;
  margin:0 !important;
  padding:0 10px !important;
  background:rgba(246,253,220,.22) !important;
  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:28px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:#F6FDDC !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Entre em contato - 272px x 39px */
#inscreva-se .footer-action:first-child span{
  width:272px !important;
}

/* Inscreva-se - 172px x 38px */
#inscreva-se .footer-action:last-child{
  height:38px !important;
}

#inscreva-se .footer-action:last-child span{  /*tamanho do retangulo entre em contato*/
  width:260px !important;
  height:38px !important;
}

/* Responsivo do footer - mantem proporcao em telas menores */
@media (max-width:1199.98px){
  #inscreva-se .footer-inner{
    transform:translateX(-50%) scale(.86) !important;
    transform-origin:top center !important;
    max-width:1052px !important;
  }
}

@media (max-width:991.98px){
  section#inscreva-se.subscribe-footer,
  .subscribe-footer.footer-section{
    min-height:620px !important;
    height:620px !important;
  }

  #inscreva-se .footer-inner{
    top:44px !important;
    width:1052px !important;
    height:520px !important;
    transform:translateX(-50%) scale(.62) !important;
    transform-origin:top center !important;
  }

  #inscreva-se .footer-logo{
    top:0 !important;
  }

  #inscreva-se .footer-left{
    left:50% !important;
    top:300px !important;
    transform:translateX(-50%) !important;
  }

  #inscreva-se .footer-right{
    left:50% !important;
    top:420px !important;
    transform:translateX(-50%) !important;
  }
}

@media (max-width:767.98px){
  section#inscreva-se.subscribe-footer,
  .subscribe-footer.footer-section{
    min-height:560px !important;
    height:560px !important;
  }

  #inscreva-se .footer-inner{
    top:34px !important;
    transform:translateX(-50%) scale(.52) !important;
  }
}
/*==============================================================================================================================================
    INICIO RESPONSIVIDADES
==============================================================================================================================================*/

/* =========================================================
   RESPONSIVIDADE FINAL
   Desktop, notebook 15", tablet e mobile.
=========================================================
   AJUSTES GERAIS DE SEGURANCA
========================================================= */

html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

main,
#smooth-content,
section,
.panel{
  max-width:100% !important;
}

img,
video{
  max-width:100% !important;
}

.hero-main-title,
.hero-main-subtitle,
.script-heading,
.subtitle-serif,
.body-copy,
.small-text,
.block-heading,
.process-quote,
.cepas-quote,
.purpose-title,
.purpose-subtitle,
.purpose-copy,
.apae-title,
.apae-copy,
.impact-title{
  overflow-wrap:normal !important;
}

/* =========================================================
   DESKTOP MEDIO - notebook 15,6" - 1400px ate 1599px
========================================================= */

@media (min-width:1400px) and (max-width:1599.98px){

  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    gap:62px !important;
  }

  .navbar .nav-link{
    font-size:17px !important;
  }

  /* HERO */
  .hero-home,
  .hero-home-content{   /*tamanho section*/
    min-height:760px !important;
    height:760px !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{  /*logo enera*/
    top:118px !important;
    width:150px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{  /*texto vinho branco*/
    left:290px !important;
    bottom:105px !important;
    font-size:138px !important;
    line-height:.89 !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{  /*texto de altitude*/
    left:58% !important;
    bottom:145px !important;
    font-size:43px !important;
    letter-spacing:6px !important;
  }

  .hero-product-area{
    right:-20px !important;
    top:42px !important;
    width:380px !important;
    height:790px !important;
  }

  .hero-bottle-img{   /* move garrafa*/
    top:65px !important;
    width:355px !important;
  }

  .hero-hand-img{  /*move mão*/
    left:72px !important;
    top:112px !important;
    width:470px !important;
    height:auto !important;
  }

  /* SECAO O VINHO */
  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .section-content,
  #vinho .row,
  #vinho .min-vh-100{  /*tamanho section*/
    min-height:800px !important;
    height:800px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{  /*texto o vinho*/
    left:22vw !important;
    top:125px !important;
    font-size:148px !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{  /*texto pioneirismo ...*/
    left:30vw !important;
    top:320px !important;
    width:430px !important;
    font-size:42px !important;
    letter-spacing:5px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){   /* texto a serra...*/
    top:540px !important;
    left:50% !important;
    width:450px !important;
    font-size:22px !important;
    line-height:1.5 !important;
    text-align:right !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho p:nth-of-type(3){  /*texto descubra...*/
    top:690px !important;
    left:50% !important;
    width:450px !important;
    font-size:22px !important;
    line-height:1.45 !important;
    text-align:right !important;
  }

  /* TERROIR */
  .terroir-section,
  .terroir-section .terroir-content{
    min-height:850px !important;
    height:850px !important;
  }

  .terroir-section .terroir-content{/* move a foto */
    padding-top:100px !important;
  }

  .terroir-section .terroir-marquee{  /* move texto terroir ... */
    top:30px !important;
  }
  
  .terroir-section .terroir-marquee-track span{  /*texto terroir*/
    font-size:128px !important;
  }

  .terroir-section .terroir-copy{  /*texto o clima ...*/
    right:15vw !important;
    top:62% !important;
    width:330px !important;
    font-size:20px !important;
    line-height:1.45 !important;
  }

  /* HISTORIA */
  .history-section,
  .history-stage{
    min-height:720px !important;
    height:720px !important;
  }

  .history-title-wrap{  /* move texto historia ... */
    left:13vw !important;
    top:-22px !important;
  }

  .history-title{  /*texto historia*/
    font-size:142px !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{  /* move a foto e slides 2 e 3*/
    left:-0.1vw !important;
    top:92px !important;
    width:68vw !important;
    height:37vw !important;
  }

  .history-family-photo { /*realce da foto*/
    filter:brightness(1.20) saturate( .96) contrast(1.04) !important;
  }
  .history-photo-quote{  /* texto é um projeto ... */
    left:40vw !important;
    top:500px !important;
    font-size:18px !important;
  }

  .history-product{  /* move mao e garrafa tela 15"*/
    right:-113px !important;
    top:-132px !important;
    width:560px !important;
    height:760px !important;
  }

  .history-bottle{  /* tamanho e move garrafa */
    width:600px !important;
    left:-220px !important;
    top:-40px !important;

  }

  .history-hand{  /* tamanho e move mao */
    left:-145px !important;
    top:-50px !important;
    width:490px !important;
  }

  .history-next{
    left:58vw !important;
    top:500px !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:20vw !important;
    top:260px !important;
  }

  .history-text-card p,
  .history-text-card-strong p{
    font-size:22px !important;
    line-height:1.7 !important;
  }

  /* VINHEDO */
  #vinhedo.igp-section{  /*tamanho da section*/
    --vinhedo-section-h:1140px !important;
    --vinhedo-carousel-h:280px !important;
    --vinhedo-video-h:calc(var(--vinhedo-section-h) - var(--vinhedo-carousel-h)) !important;
  
    min-height:var(--vinhedo-section-h) !important;
    height:var(--vinhedo-section-h) !important;
  }
  
  #vinhedo .vinhedo-video,
  #vinhedo .media-bg,
  #vinhedo video.media-bg,
  #vinhedo > video{
    height:var(--vinhedo-video-h) !important;
  }
  
  #vinhedo .igp-layout{
    min-height:var(--vinhedo-section-h) !important;
    height:var(--vinhedo-section-h) !important;
  }
  
  #vinhedo .vinhedo-text-wrap{
    min-height:var(--vinhedo-video-h) !important;
    height:var(--vinhedo-video-h) !important;
  }

  #vinhedo .vinhedo-title{  /*texto o vinhedo*/
    top:120px !important;
    font-size:180px !important;
  }

  #vinhedo .vinhedo-subtitle{  /*texto indicação geografica ...*/
    bottom:95px !important;
    font-size:44px !important;
    letter-spacing:6px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:270px !important;
    width:270px !important;
  }

  /* CEPAS */
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section{
    min-height:760px !important; /* altura total da section Cepas no desktop medio */
    height:760px !important;
    max-height:760px !important;
    overflow:hidden !important;
  }

  #cepas-altitude .cepas-content,
  #cepas-altitude .section-content{
    min-height:760px !important; /* remove o bloqueio do min-height:100vh */
    height:760px !important;
    max-height:760px !important;
  }

  #cepas-altitude .cepas-video,
  #cepas-altitude .media-bg,
  #cepas-altitude video.media-bg,
  #cepas-altitude > video{
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  #cepas-altitude .cepas-intro{
    top:120px !important;
    width:820px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:22px !important;
    line-height:1.7 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:430px !important;
    width:980px !important;
  }

  #cepas-altitude .cepas-quote{
    left:0 !important;
    width:900px !important;
    font-size:43px !important;
    letter-spacing:6px !important;
    line-height:1.42 !important;
  }

  #cepas-altitude .cepas-author{
    left:820px !important;
    top:220px !important;
    font-size:14px !important;
  } */

  /* MANEJO HUMANO */
  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section{  /*altura da section */
    min-height:800px !important;
    height:800px !important;
    max-height:800px !important;
  }
  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section{
    min-height:800px !important;
    height:800px !important;
  }

  .human-icon{
    left:28px !important;
    top:62px !important;
    width:720px !important;
  }

  .human-bottle{
    left:135px !important;
    top:-92px !important;
    width:555px !important;
  }

  .human-title{  /*texto manejo humano*/
    left:425px !important;
    top:85px !important;
   /*  width:900px !important; */
    font-size:116px !important;
  }

  .human-copy{  /*textos complementares*/
    right:170px !important;
    top:355px !important;
    width:560px !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:22px !important;
    line-height:1.6 !important;
  }

  .human-copy p{
    margin-bottom:48px !important;
  }
  /* MANEJO HUMANO - altura da section */
section#manejo-humano.human-section,
#manejo-humano.human-section,
.human-section{
  min-height:800px !important;
  height:800px !important;
  max-height:800px !important;
}

/* MANEJO HUMANO - altura do conteúdo interno */
#manejo-humano .human-content,
#manejo-humano .section-content,
.human-section .human-content,
.human-section .section-content{
  min-height:800px !important;
  height:800px !important;
  max-height:800px !important;
}

  /* ADEGA */
  section#adega.adega-section,
  #adega.adega-section,
  .adega-section{   /*altura da section */
    min-height:800px !important;
    height:800px !important;
    max-height:800px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{  /* texto a adega*/
    left:50% !important;
    top:60% !important;
    font-size:138px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{  /*texto trato refinado*/
    left:50% !important;
    top:94% !important;
    font-size:56px !important;
    letter-spacing:8px !important;
  }

  /* O PROPOSITO */
  section#proposito.purpose-section,
  #proposito.purpose-section,
  .propose-section{  /* altura da section  */
    min-height:550px !important;
    height:550px !important;
    max-height:550px !important;
    overflow:hidden !important;
  }

  #proposito .purpose-title{   /*texto o proposito*/
    top:85px !important;
    font-size:130px !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{   /* texto contribuição ...*/
    top:300px !important; /* sobe/desce o texto */
    font-size:36px !important; /* tamanho da fonte */
    letter-spacing:5px !important;
    line-height:1.22 !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{  /* texto desde sua concepção ...*/
    top:410px !important; /* sobe/desce o texto */
    width:650px !important;
    font-size:18px !important;
    line-height:1.42 !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong,
  #proposito .purpose-subtitle + p strong{
    font-size:18px !important;
    line-height:inherit !important;
  }

  /* APAE */
  section#apae-urubici.apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{  /* altura da section  */
    min-height:1100px !important;
    height:1100px !important;
    max-height:1100px !important;
    overflow:hidden !important;
  }

  .apae-videos{  /* sobe e desce videos e distância entre videos */
    top:36px !important;
    width:calc(100vw - 120px) !important;
    height:520px !important;
    gap:72px !important;
  }

  .apae-video-card{  /* aumenta e diminui tamanho do card dos videos */
    flex-basis:330px !important;
    width:330px !important;
    height:520px !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{ /* texto APAE */
    position:absolute !important;
    left:50% !important;
    top:625px !important;
    transform:translateX(-50%) !important;

    top:625px !important;
    width:1100px !important;

    font-size:120px !important; 
    letter-spacing:14px !important;
    text-align:center !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{  /* card dos textos */
    position:absolute !important;
    left:40% !important;
    top:810px !important;
    transform:translateX(-50%) !important;

    top:810px !important;
    width:820px !important;

    text-align:center !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:18px !important; /* tamanho dos textos */
    line-height:1.28 !important;
    text-align:center !important;
  }

  /* IMPACTO */
  section#impacto.impact-section,
  #impacto .impact-content{  /* altura da section  */
    min-height:800px !important;
    height:800px !important;
    max-height:800px !important;
    overflow:hidden !important;
  }

  #impacto .impact-title{
    bottom:-25px !important;
    width:1100px !important;
    max-width:88vw !important;
    min-width:0 !important;
    font-size:33px !important;
    line-height:42px !important;
    letter-spacing:5px !important;
  }
}

/* MANEJO HUMANO */
@media (min-width:1400px) and (max-width:1599.98px){  /* controla a altura da section*/
/* PROCESSO - Altura total da section*/
  section#processo.process-section,
  #processo.process-section,
  .process-section{
    min-height:760px !important;
    height:760px !important;
    max-height:760px !important;
    overflow:hidden !important;
  }

  /* Conteúdo interno acompanha a altura da section */
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  #processo .process-content,
  #processo .container,
  #processo .section-content,
  #processo .process-layout,
  #processo .row,
  #processo .min-vh-100,
  #processo .process-text-column,
  #processo [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{
    min-height:760px !important;
    height:760px !important;
    max-height:760px !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Vídeo acompanha a nova altura */
  section#processo.process-section .process-video,
  section#processo.process-section .media-bg,
  section#processo.process-section video.media-bg,
  section#processo.process-section > video,
  #processo .process-video,
  #processo .media-bg,
  #processo video.media-bg,
  #processo > video,
  .process-section .process-video,
  .process-section .media-bg,
  .process-section video.media-bg,
  .process-section > video{
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Texto superior */
  section#processo.process-section .process-intro,
  #processo .process-intro,
  .process-section .process-intro{
    left:18vw !important;
    bottom:340px !important;
    width:390px !important;
    font-size:18px !important;
    line-height:1.48 !important;
  }

  /* Frase principal */
  section#processo.process-section .process-quote,
  #processo .process-quote,
  .process-section .process-quote{
    bottom:-35px !important;
    width:900px !important;
    max-width:86vw !important;
    font-size:30px !important;
    line-height:1.18 !important;
    letter-spacing:4.8px !important;
  }

  /* Autor */
  section#processo.process-section .process-author,
  #processo .process-author,
  .process-section .process-author{
    bottom:52px !important;
    font-size:15px !important;
  }
}


/* =========================================================
   NOTEBOOK 15 POLEGADAS 1200px ate 1399px
========================================================= */

/* @media (min-width:1200px) and (max-width:1399.98px){

  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    gap:38px !important;
  }

  .navbar .nav-link{
    font-size:15.5px !important;
  }

  HERO
  .hero-home,
  .hero-home-content{
    min-height:820px !important;
    height:820px !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:118px !important;
    width:132px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:150px !important;
    bottom:108px !important;
    font-size:132px !important;
    line-height:.89 !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:56.5% !important;
    bottom:142px !important;
    font-size:35px !important;
    letter-spacing:4.8px !important;
  }

  .hero-product-area{
    right:-38px !important;
    top:52px !important;
    width:315px !important;
    height:700px !important;
  }

  .hero-bottle-img{
    width:315px !important;
    top:46px !important;
  }

  .hero-hand-img{
    left:52px !important;
    top:68px !important;
    width:390px !important;
  }

   O VINHO
  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .section-content,
  #vinho .row,
  #vinho .min-vh-100{
    height:820px !important;
    min-height:820px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{
    left:15vw !important;
    top:125px !important;
    font-size:122px !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{
    left:27vw !important;
    top:275px !important;
    width:360px !important;
    font-size:32px !important;
    letter-spacing:4px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:485px !important;
    width:410px !important;
    font-size:18px !important;
    line-height:1.5 !important;
    text-align:center !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho p:nth-of-type(3){
    top:630px !important;
    width:410px !important;
    font-size:18px !important;
    line-height:1.42 !important;
    text-align:center !important;
  }

  TERROIR
  .terroir-section,
  .terroir-section .terroir-content{
    min-height:820px !important;
  }

  .terroir-section .terroir-content{
    padding-top:128px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:104px !important;
  }

  .terroir-section .terroir-copy{
    right:9vw !important;
    top:56% !important;
    width:270px !important;
    font-size:16px !important;
    line-height:1.45 !important;
  }

  HISTORIA
  .history-section,
  .history-stage{
    min-height:780px !important;
    height:780px !important;
  }

  .history-title-wrap{
    left:18vw !important;
    top:-58px !important;
  }

  .history-title{
    font-size:122px !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{
    left:1.5vw !important;
    top:120px !important;
    width:72vw !important;
    height:38vw !important;
  }

  .history-photo-quote{
    left:49vw !important;
    top:490px !important;
    width:300px !important;
    font-size:15.5px !important;
  }

  .history-product{
    right:-80px !important;
    top:-58px !important;
    width:430px !important;
    height:650px !important;
  }

  .history-bottle{
    width:330px !important;
  }

  .history-hand{
    left:28px !important;
    top:20px !important;
    width:330px !important;
  }

  .history-next{
    left:58vw !important;
    top:388px !important;
    width:70px !important;
    height:auto !important;
  }

  .history-next img{
    width:70px !important;
    height:auto !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:18vw !important;
    top:270px !important;
    width:470px !important;
  }

  .history-text-card p,
  .history-text-card-strong p{
    font-size:18px !important;
    line-height:1.6 !important;
  }

  VINHEDO
  #vinhedo.igp-section{
    --vinhedo-section-h:1080px;
    --vinhedo-carousel-h:260px;
  }

  #vinhedo .vinhedo-title{
    top:118px !important;
    font-size:142px !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:82px !important;
    font-size:34px !important;
    letter-spacing:5px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:240px !important;
    width:240px !important;
  }

  CEPAS
  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{
    height:800px !important;
    min-height:800px !important;
  }

  #cepas-altitude .cepas-intro{
    top:100px !important;
    width:720px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:18px !important;
    line-height:1.65 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:375px !important;
    width:820px !important;
  }

  #cepas-altitude .cepas-quote{
    left:0 !important;
    width:760px !important;
    font-size:34px !important;
    letter-spacing:4.8px !important;
    line-height:1.38 !important;
  }

  #cepas-altitude .cepas-author{
    left:685px !important;
    top:205px !important;
    font-size:12.5px !important;
  }

  MANEJO HUMANO
  #manejo-humano.human-section,
  .human-section .human-content,
  .human-section .section-content{
    height:820px !important;
    min-height:820px !important;
  }

  .human-icon{
    left:18px !important;
    top:70px !important;
    width:610px !important;
  }

  .human-bottle{
    left:110px !important;
    top:-60px !important;
    width:465px !important;
  }

  .human-title{
    left:315px !important;
    top:105px !important;
    width:760px !important;
    font-size:96px !important;
  }

  .human-copy{
    right:95px !important;
    top:320px !important;
    width:485px !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:18px !important;
    line-height:1.6 !important;
  }

  .human-copy p{
    margin-bottom:42px !important;
  }

  ADEGA
  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100{
    height:820px !important;
    min-height:820px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    left:50% !important;
    top:54% !important;
    font-size:132px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    left:50% !important;
    top:72% !important;
    font-size:44px !important;
    letter-spacing:6px !important;
  }

  PROCESSO
  #processo.process-section,
  #processo .process-content,
  #processo .section-content,
  #processo .row,
  #processo .min-vh-100{
    height:820px !important;
    min-height:820px !important;
  }

  #processo .process-intro{
    left:15vw !important;
    bottom:465px !important;
    width:370px !important;
    font-size:17px !important;
    line-height:1.52 !important;
  }

  #processo .process-quote{
    bottom:108px !important;
    width:850px !important;
    font-size:34px !important;
    line-height:1.22 !important;
    letter-spacing:4.6px !important;
  }

  #processo .process-author{
    bottom:56px !important;
    font-size:15px !important;
  }

  PROPOSITO
  #proposito.purpose-section,
  #proposito .purpose-content,
  #proposito .section-content{
    height:740px !important;
    min-height:740px !important;
  }

  #proposito .purpose-title{
    top:78px !important;
    font-size:126px !important;
  }

  #proposito .purpose-subtitle{
    top:285px !important;
    font-size:36px !important;
    letter-spacing:5px !important;
  }

  #proposito .purpose-copy{
    top:445px !important;
    width:620px !important;
    font-size:19px !important;
    line-height:1.45 !important;
  }

  #proposito .purpose-copy strong{
    font-size:19px !important;
  }

  APAE
  #apae-urubici.apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{
    height:980px !important;
    min-height:980px !important;
  }

  .apae-videos{
    top:32px !important;
    width:calc(100vw - 110px) !important;
    height:450px !important;
    gap:55px !important;
  }

  .apae-video-card{
    flex-basis:292px !important;
    width:292px !important;
    height:450px !important;
  }

  .apae-title{
    top:535px !important;
    width:900px !important;
    font-size:112px !important;
    letter-spacing:13px !important;
  }

  .apae-copy{
    top:700px !important;
    width:720px !important;
  }

  .apae-copy p{
    font-size:18px !important;
    line-height:1.28 !important;
  }

  IMPACTO
  #impacto.impact-section,
  #impacto .impact-content{
    height:820px !important;
    min-height:820px !important;
  }

  #impacto .impact-title{
    bottom:82px !important;
    width:920px !important;
    max-width:88vw !important;
    min-width:0 !important;
    font-size:31px !important;
    line-height:45px !important;
    letter-spacing:4px !important;
  }
} */


/* =========================================================
   TABLET HORIZONTAL 992px ate 1199px
========================================================= */

/* @media (min-width:992px) and (max-width:1199.98px){

  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    gap:26px !important;
  }

  .navbar .nav-link{
    font-size:14px !important;
  }

  .hero-home,
  .hero-home-content{
    min-height:780px !important;
    height:780px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:95px !important;
    bottom:110px !important;
    font-size:108px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:54% !important;
    bottom:135px !important;
    font-size:30px !important;
    letter-spacing:4px !important;
  }

  .hero-product-area{
    right:-70px !important;
    top:90px !important;
    width:275px !important;
    height:620px !important;
  }

  .hero-bottle-img{
    width:275px !important;
  }

  .hero-hand-img{
    left:42px !important;
    width:340px !important;
  }

  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .section-content,
  #vinho .row,
  #vinho .min-vh-100{
    height:760px !important;
    min-height:760px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{
    left:10vw !important;
    top:120px !important;
    font-size:100px !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{
    left:22vw !important;
    top:250px !important;
    font-size:28px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:450px !important;
    width:390px !important;
    font-size:16.5px !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho p:nth-of-type(3){
    top:585px !important;
    width:390px !important;
    font-size:16.5px !important;
  }

  .history-product,
  .human-bottle{
    opacity:.88 !important;
  }

  .history-title{
    font-size:104px !important;
  }

  .history-product{
    right:-76px !important;
    top:-18px !important;
    width:350px !important;
  }

  .history-bottle{
    width:280px !important;
  }

  .history-hand{
    width:285px !important;
  }

  #vinhedo .vinhedo-title{
    font-size:120px !important;
  }

  #vinhedo .vinhedo-subtitle{
    font-size:30px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:16px !important;
  }

  #cepas-altitude .cepas-quote{
    font-size:29px !important;
  }

  .human-bottle{
    width:360px !important;
    left:60px !important;
  }

  .human-title{
    left:275px !important;
    font-size:80px !important;
  }

  .human-copy{
    right:65px !important;
    width:430px !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:16px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    font-size:110px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    font-size:36px !important;
  }

  #processo .process-quote{
    width:82vw !important;
    font-size:30px !important;
  }

  #proposito .purpose-title{
    font-size:105px !important;
  }

  .apae-videos{
    gap:28px !important;
  }

  .apae-title{
    font-size:88px !important;
  }
} */


/* =========================================================
   TABLET VERTICAL 768px ate 991px
========================================================= */

/* @media (min-width:768px) and (max-width:991.98px){

  body{
    padding-top:10px !important;
  }

  .enera-nav{
    top:10px !important;
    min-height:62px !important;
  }

  .hero-home,
  .hero-home-content{
    height:820px !important;
    min-height:820px !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:130px !important;
    width:128px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:7vw !important;
    bottom:250px !important;
    font-size:110px !important;
    text-align:left !important;
    transform:none !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:auto !important;
    right:7vw !important;
    bottom:190px !important;
    transform:none !important;
    font-size:30px !important;
    letter-spacing:4px !important;
    text-align:left !important;
  }

  .hero-product-area{
    right:-70px !important;
    top:185px !important;
    width:280px !important;
    height:600px !important;
    opacity:.72 !important;
  }

  .hero-bottle-img{
    width:280px !important;
  }

  .hero-hand-img{
    width:340px !important;
  }

  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .section-content,
  #vinho .row,
  #vinho .min-vh-100{
    height:760px !important;
    min-height:760px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{
    left:8vw !important;
    top:110px !important;
    font-size:104px !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{
    left:18vw !important;
    top:255px !important;
    font-size:30px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:455px !important;
    width:78vw !important;
    max-width:420px !important;
    font-size:17px !important;
    text-align:center !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho p:nth-of-type(3){
    top:590px !important;
    width:78vw !important;
    max-width:420px !important;
    font-size:17px !important;
    text-align:center !important;
  }

  .terroir-section,
  .terroir-section .terroir-content{
    min-height:820px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:90px !important;
  }

  .terroir-section .terroir-copy{
    right:7vw !important;
    top:54% !important;
    width:250px !important;
    font-size:15px !important;
  }

  .history-section,
  .history-stage{
    height:820px !important;
    min-height:820px !important;
    overflow:hidden !important;
  }

  .history-title-wrap{
    left:50% !important;
    top:70px !important;
    transform:translateX(-50%) !important;
    width:90vw !important;
  }

  .history-title{
    width:90vw !important;
    font-size:104px !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{
    left:5vw !important;
    top:245px !important;
    width:70vw !important;
    height:360px !important;
  }

  .history-photo-quote{
    left:43vw !important;
    top:500px !important;
    width:260px !important;
    font-size:14px !important;
  }

  .history-product{
    right:-70px !important;
    top:210px !important;
    width:310px !important;
  }

  .history-bottle{
    width:260px !important;
  }

  .history-hand{
    width:260px !important;
  }

  .history-next{
    right:28vw !important;
    left:auto !important;
    top:505px !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:10vw !important;
    top:335px !important;
    width:55vw !important;
  }

  .history-text-card p,
  .history-text-card-strong p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  #vinhedo.igp-section{
    --vinhedo-section-h:900px;
    --vinhedo-carousel-h:230px;
  }

  #vinhedo .vinhedo-title{
    top:125px !important;
    font-size:112px !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:75px !important;
    font-size:30px !important;
  }

  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{
    height:740px !important;
    min-height:740px !important;
  }

  #cepas-altitude .cepas-intro{
    top:100px !important;
    width:82vw !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:16px !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:350px !important;
    width:82vw !important;
  }

  #cepas-altitude .cepas-quote{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    font-size:30px !important;
    letter-spacing:4px !important;
  }

  #cepas-altitude .cepas-author{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:240px !important;
    margin:18px 0 0 auto !important;
    font-size:12px !important;
  }

  #manejo-humano.human-section,
  .human-section .human-content,
  .human-section .section-content{
    height:820px !important;
    min-height:820px !important;
    overflow:hidden !important;
  }

  .human-icon{
    left:-8vw !important;
    top:120px !important;
    width:70vw !important;
    opacity:.25 !important;
  }

  .human-bottle{
    left:3vw !important;
    top:70px !important;
    width:300px !important;
    transform:rotate(-2deg) !important;
  }

  .human-title{
    left:34vw !important;
    top:150px !important;
    font-size:88px !important;
  }

  .human-copy{
    right:6vw !important;
    top:345px !important;
    width:52vw !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:16px !important;
    line-height:1.55 !important;
  }

  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100{
    height:760px !important;
    min-height:760px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    left:50% !important;
    top:52% !important;
    font-size:104px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    left:50% !important;
    top:68% !important;
    font-size:36px !important;
    letter-spacing:5px !important;
  }

  #processo.process-section,
  #processo .process-content,
  #processo .section-content,
  #processo .row,
  #processo .min-vh-100{
    height:760px !important;
    min-height:760px !important;
  }

  #processo .process-intro{
    left:8vw !important;
    bottom:445px !important;
    width:360px !important;
    font-size:15.5px !important;
  }

  #processo .process-quote{
    bottom:112px !important;
    width:88vw !important;
    font-size:30px !important;
  }

  #proposito.purpose-section,
  #proposito .purpose-content,
  #proposito .section-content{
    height:700px !important;
    min-height:700px !important;
  }

  #proposito .purpose-title{
    top:95px !important;
    font-size:104px !important;
  }

  #proposito .purpose-subtitle{
    top:265px !important;
    font-size:34px !important;
  }

  #proposito .purpose-copy{
    top:425px !important;
    width:82vw !important;
    font-size:17px !important;
  }

  #apae-urubici.apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{
    height:980px !important;
    min-height:980px !important;
  }

  .apae-videos{
    top:60px !important;
    width:88vw !important;
    height:350px !important;
    gap:20px !important;
  }

  .apae-video-card{
    flex:1 1 0 !important;
    width:auto !important;
    height:350px !important;
  }

  .apae-title{
    top:485px !important;
    width:90vw !important;
    font-size:82px !important;
    letter-spacing:9px !important;
  }

  .apae-copy{
    top:620px !important;
    width:84vw !important;
  }

  .apae-copy p{
    font-size:16px !important;
  }

  #impacto.impact-section,
  #impacto .impact-content{
    height:740px !important;
    min-height:740px !important;
  }

  #impacto .impact-title{
    bottom:75px !important;
    width:88vw !important;
    font-size:28px !important;
    line-height:42px !important;
  }
} */


/* =========================================================
   MOBILE ate 767px
========================================================= */

@media (max-width:767.98px){

  body{
    font-size:15px !important;
    padding-top:10px !important;
  }

  .navbar-collapse{
    max-height:calc(100svh - 80px) !important;
    overflow-y:auto !important;
  }

  .whatsapp-float{
    right:16px !important;
    bottom:16px !important;
    width:56px !important;
    height:42px !important;
  }

  .whatsapp-float img{
    width:28px !important;
    height:28px !important;
  }

  .hero-home,
  .hero-home-content{
    height:760px !important;
    min-height:760px !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:118px !important;
    width:102px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:50% !important;
    bottom:245px !important;
    transform:translateX(-50%) !important;
    font-size:82px !important;
    text-align:center !important;
    max-width:92vw !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:50% !important;
    right:auto !important;
    bottom:155px !important;
    transform:translateX(-50%) !important;
    font-size:23px !important;
    letter-spacing:3px !important;
    text-align:center !important;
  }

  .hero-product-area{
    right:-95px !important;
    bottom:-28px !important;
    top:auto !important;
    width:230px !important;
    height:470px !important;
    opacity:.42 !important;
  }

  .hero-bottle-img{
    width:230px !important;
  }

  .hero-hand-img{
    width:282px !important;
  }

  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .section-content,
  #vinho .row,
  #vinho .min-vh-100{
    height:720px !important;
    min-height:720px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{
    left:50% !important;
    top:90px !important;
    transform:translateX(-50%) !important;
    font-size:82px !important;
    text-align:center !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{
    left:50% !important;
    top:205px !important;
    transform:translateX(-50%) !important;
    font-size:25px !important;
    text-align:center !important;
    letter-spacing:3.2px !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:420px !important;
    left:50% !important;
    width:84vw !important;
    font-size:15.5px !important;
    text-align:center !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho p:nth-of-type(3){
    top:560px !important;
    left:50% !important;
    width:84vw !important;
    font-size:15.5px !important;
    text-align:center !important;
  }

  .terroir-section,
  .terroir-section .terroir-content{
    min-height:760px !important;
  }

  .terroir-section .terroir-content{
    padding:130px 12px 50px !important;
    align-items:center !important;
  }

  .terroir-section .terroir-marquee{
    top:82px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:58px !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:98vw !important;
  }

  .terroir-section .terroir-copy{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:70px !important;
    transform:translateX(-50%) !important;
    width:82vw !important;
    font-size:14px !important;
    text-align:center !important;
  }

  .history-section,
  .history-stage{
    height:820px !important;
    min-height:820px !important;
    overflow:hidden !important;
  }

  .history-title-wrap{
    left:50% !important;
    top:72px !important;
    transform:translateX(-50%) !important;
    width:90vw !important;
  }

  .history-title{
    font-size:72px !important;
    width:90vw !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{
    left:5vw !important;
    top:220px !important;
    width:90vw !important;
    height:320px !important;
  }

  .history-photo-quote{
    left:10vw !important;
    top:445px !important;
    width:210px !important;
    font-size:12px !important;
  }

  .history-product{
    right:-82px !important;
    top:390px !important;
    width:230px !important;
    opacity:.75 !important;
  }

  .history-bottle{
    width:205px !important;
  }

  .history-hand{
    width:230px !important;
  }

  .history-next{
    right:35px !important;
    top:565px !important;
    width:54px !important;
    height:42px !important;
  }

  .history-next img{
    width:54px !important;
    height:auto !important;
  }

  .history-text-card,
  .history-text-card-strong{
    left:9vw !important;
    top:300px !important;
    width:74vw !important;
    max-width:74vw !important;
  }

  .history-text-card p,
  .history-text-card-strong p{
    font-size:14px !important;
    line-height:1.55 !important;
  }

  #vinhedo.igp-section{
    --vinhedo-section-h:760px;
    --vinhedo-carousel-h:180px;
  }

  #vinhedo .vinhedo-title{
    top:105px !important;
    font-size:76px !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:52px !important;
    font-size:22px !important;
    letter-spacing:3px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:160px !important;
    width:160px !important;
  }

  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{
    height:720px !important;
    min-height:720px !important;
  }

  #cepas-altitude .cepas-intro{
    top:90px !important;
    width:88vw !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:14px !important;
    line-height:1.55 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:345px !important;
    width:90vw !important;
  }

  #cepas-altitude .cepas-quote{
    font-size:24px !important;
    letter-spacing:3px !important;
    line-height:1.35 !important;
  }

  #cepas-altitude .cepas-author{
    width:210px !important;
    font-size:11px !important;
  }

  #manejo-humano.human-section,
  .human-section .human-content,
  .human-section .section-content{
    height:820px !important;
    min-height:820px !important;
  }

  .human-icon{
    left:-20vw !important;
    top:145px !important;
    width:90vw !important;
    opacity:.18 !important;
  }

  .human-bottle{
    left:50% !important;
    top:40px !important;
    width:210px !important;
    transform:translateX(-98%) rotate(-2deg) !important;
    opacity:.9 !important;
  }

  .human-title{
    left:50% !important;
    top:260px !important;
    transform:translateX(-50%) !important;
    font-size:64px !important;
    text-align:center !important;
  }

  .human-copy{
    left:50% !important;
    right:auto !important;
    top:390px !important;
    transform:translateX(-50%) !important;
    width:86vw !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:14.5px !important;
    line-height:1.55 !important;
    text-align:center !important;
  }

  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100{
    height:720px !important;
    min-height:720px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    top:50% !important;
    font-size:78px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    top:63% !important;
    font-size:25px !important;
    letter-spacing:3px !important;
  }

  #processo.process-section,
  #processo .process-content,
  #processo .section-content,
  #processo .row,
  #processo .min-vh-100{
    height:760px !important;
    min-height:760px !important;
  }

  #processo .process-intro{
    left:7vw !important;
    bottom:450px !important;
    width:82vw !important;
    font-size:14px !important;
  }

  #processo .process-quote{
    bottom:112px !important;
    width:92vw !important;
    font-size:23px !important;
    letter-spacing:2.5px !important;
  }

  #processo .process-author{
    bottom:56px !important;
    font-size:13px !important;
  }

  #proposito.purpose-section,
  #proposito .purpose-content,
  #proposito .section-content{
    height:680px !important;
    min-height:680px !important;
  }

  #proposito .purpose-title{
    top:105px !important;
    font-size:70px !important;
  }

  #proposito .purpose-subtitle{
    top:235px !important;
    width:88vw !important;
    font-size:25px !important;
    letter-spacing:3px !important;
  }

  #proposito .purpose-copy{
    top:380px !important;
    width:88vw !important;
    font-size:14.5px !important;
  }

  #apae-urubici.apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{
    height:1180px !important;
    min-height:1180px !important;
  }

  .apae-videos{
    top:48px !important;
    width:82vw !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .apae-video-card{
    width:100% !important;
    height:240px !important;
    flex:none !important;
  }

  .apae-title{
    top:815px !important;
    width:94vw !important;
    font-size:48px !important;
    letter-spacing:5px !important;
  }

  .apae-copy{
    top:905px !important;
    width:88vw !important;
  }

  .apae-copy p{
    font-size:13.5px !important;
    line-height:1.35 !important;
  }

  #impacto.impact-section,
  #impacto .impact-content{
    height:660px !important;
    min-height:660px !important;
  }

  #impacto .impact-photo{
    object-position:center center !important;
  }

  #impacto .impact-title{
    bottom:60px !important;
    width:92vw !important;
    font-size:19px !important;
    line-height:31px !important;
    letter-spacing:2px !important;
  }

  section#inscreva-se.subscribe-footer,
  .subscribe-footer.footer-section{
    height:620px !important;
    min-height:620px !important;
  }

  #inscreva-se .footer-inner{
    top:36px !important;
    left:50% !important;
    width:100% !important;
    height:560px !important;
    max-width:none !important;
    transform:translateX(-50%) !important;
  }

  #inscreva-se .footer-logo{
    left:50% !important;
    top:0 !important;
    width:170px !important;
    height:195px !important;
  }

  #inscreva-se .footer-left{
    left:50% !important;
    top:225px !important;
    transform:translateX(-50%) !important;
    width:300px !important;
  }

  #inscreva-se .footer-cta{
    width:300px !important;
    height:58px !important;
    font-size:48px !important;
  }

  #inscreva-se .footer-note{
    font-size:15px !important;
    line-height:18px !important;
  }

  #inscreva-se .footer-right{
    left:50% !important;
    top:365px !important;
    transform:translateX(-50%) !important;
    width:330px !important;
  }

  #inscreva-se .footer-social-icons{
    left:50% !important;
    transform:translateX(-50%) !important;
    width:260px !important;
    gap:25px !important;
  }

  #inscreva-se .footer-actions{
    left:50% !important;
    transform:translateX(-50%) !important;
    width:330px !important;
  }

  #inscreva-se .footer-action{
    width:330px !important;
  }
}


/* =========================================================
   MOBILE PEQUENO ate 420px
========================================================= */

@media (max-width:420px){

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    font-size:68px !important;
    bottom:255px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    font-size:20px !important;
    bottom:170px !important;
  }

  #vinho .script-heading,
  #vinho h2:first-of-type{
    font-size:68px !important;
  }

  #vinho .subtitle-serif,
  #vinho h2:first-of-type + p{
    font-size:21px !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:48px !important;
  }

  .history-title{
    font-size:62px !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{
    height:285px !important;
  }

  .history-photo-quote{
    top:420px !important;
    font-size:11px !important;
  }

  .history-next{
    top:535px !important;
  }

  #vinhedo .vinhedo-title{
    font-size:64px !important;
  }

  #vinhedo .vinhedo-subtitle{
    font-size:19px !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:13px !important;
  }

  #cepas-altitude .cepas-quote{
    font-size:21px !important;
  }

  .human-title{
    font-size:56px !important;
  }

  .human-copy{
    top:370px !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    font-size:66px !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    font-size:22px !important;
  }

  #processo .process-quote{
    font-size:20px !important;
    line-height:1.24 !important;
  }

  #proposito .purpose-title{
    font-size:62px !important;
  }

  #proposito .purpose-subtitle{
    font-size:22px !important;
  }

  #proposito .purpose-copy{
    font-size:13.5px !important;
  }

  .apae-title{
    font-size:42px !important;
    letter-spacing:4px !important;
  }

  .apae-copy p{
    font-size:12.5px !important;
  }

  #impacto .impact-title{
    font-size:16px !important;
    line-height:27px !important;
    letter-spacing:1.4px !important;
  }

  #inscreva-se .footer-logo{
    width:145px !important;
    height:166px !important;
  }

  #inscreva-se .footer-left{
    top:205px !important;
  }

  #inscreva-se .footer-cta{
    width:270px !important;
    font-size:42px !important;
  }

  #inscreva-se .footer-right{
    top:345px !important;
    width:300px !important;
  }

  #inscreva-se .footer-action{
    width:300px !important;
  }

  #inscreva-se .footer-action span{
    font-size:24px !important;
  }
}

/* =========================================================
   POPUP DE CONFIRMACAO DE IDADE
   Bloqueia o scroll e confirma se o visitante tem mais de 18 anos.
========================================================= */

html.age-gate-active,
body.age-gate-active{
  overflow:hidden !important;
  height:100% !important;
  max-height:100% !important;
}

body.age-gate-active{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
}

/* Fundo escuro/transparente do popup */
.age-gate{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;

  width:100vw !important;
  height:100vh !important;
  min-height:100svh !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:20px !important;

  background:rgba(8, 11, 5, .72) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;

  transition:opacity .35s ease, visibility .35s ease !important;
}

/* Estado fechado */
.age-gate.is-hidden{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Card principal - Figma desktop: 1200 x 600 */
.age-gate-card{
  position:relative !important;

  width:1200px !important;
  height:600px !important;
  max-width:calc(100vw - 40px) !important;
  max-height:calc(100svh - 40px) !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:41px !important;

  margin:0 !important;
  padding:60px 168px !important;

  background:#839A26 !important;
  border-radius:35px !important;
  border:0 !important;
  box-shadow:none !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  overflow:hidden !important;
}

/* Logo do popup - Figma: 168.87 x 194 */
.age-gate-logo{
  width:168.87px !important;
  height:194px !important;
  max-width:none !important;

  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;

  margin:0 !important;
  padding:0 !important;

  filter:none !important;
}

/* Texto: Voce tem mais de 18 anos? */
.age-gate-title{
  width:max-content !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:61.868px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:8.662px !important;

  color:#F4FDD9 !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  white-space:nowrap !important;

  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
}

/* Area dos botoes */
.age-gate-actions{
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:154px !important;

  margin:0 !important;
  padding:0 !important;
}

/* Botoes - Figma: 352 x 136 */
.age-gate-btn{
  width:352px !important;
  height:136px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:20px !important;
  border:1px solid rgba(244,253,217,.66) !important;
  outline:0 !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:70.689px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:9.897px !important;

  text-align:center !important;
  text-transform:uppercase !important;
  text-decoration:none !important;

  cursor:pointer !important;
  box-shadow:none !important;

  transition:opacity .2s ease, transform .2s ease, background .2s ease !important;
}

/* Botao Nao */
.age-gate-btn-no{
  background:transparent !important;
  color:#F4FDD9 !important;
}

/* Botao Sim */
.age-gate-btn-yes{
  background:#F4FDD9 !important;
  color:#839A26 !important;
  border-color:#F4FDD9 !important;
}

/* Hover dos botoes */
.age-gate-btn:hover{
  opacity:.88 !important;
  transform:translateY(-2px) !important;
}

.age-gate-btn:focus-visible{
  outline:2px solid #F4FDD9 !important;
  outline-offset:6px !important;
}

/* =========================================================
   POPUP DE CONFIRMACAO DE IDADE - NOTEBOOK / DESKTOP MEDIO
========================================================= */

@media (min-width:1400px) and (max-width:1599.98px){
  .age-gate-card{
    width:1040px !important;
    height:520px !important;
    padding:52px 130px !important;
    gap:34px !important;
    border-radius:32px !important;
  }

  .age-gate-logo{
    width:145px !important;
    height:167px !important;
  }

  .age-gate-title{
    font-size:53px !important;
    letter-spacing:7.2px !important;
  }

  .age-gate-actions{
    gap:110px !important;
  }

  .age-gate-btn{
    width:310px !important;
    height:116px !important;
    font-size:60px !important;
    letter-spacing:8px !important;
  }
}

/* =========================================================
   POPUP DE CONFIRMACAO DE IDADE - NOTEBOOK 15 / DESKTOP MENOR
========================================================= */

@media (min-width:1200px) and (max-width:1399.98px){
  .age-gate-card{
    width:960px !important;
    height:500px !important;
    padding:50px 110px !important;
    gap:32px !important;
    border-radius:30px !important;
  }

  .age-gate-logo{
    width:136px !important;
    height:156px !important;
  }

  .age-gate-title{
    font-size:48px !important;
    letter-spacing:6.4px !important;
  }

  .age-gate-actions{
    gap:90px !important;
  }

  .age-gate-btn{
    width:280px !important;
    height:104px !important;
    font-size:54px !important;
    letter-spacing:7px !important;
  }
}

/* =========================================================
   POPUP DE CONFIRMACAO DE IDADE - TABLET
========================================================= */

@media (min-width:768px) and (max-width:1199.98px){
  .age-gate{
    padding:24px !important;
  }

  .age-gate-card{
    width:86vw !important;
    height:auto !important;
    min-height:480px !important;
    max-height:calc(100svh - 48px) !important;

    padding:48px 56px !important;
    gap:32px !important;
    border-radius:28px !important;
  }

  .age-gate-logo{
    width:132px !important;
    height:152px !important;
  }

  .age-gate-title{
    font-size:clamp(38px, 5.4vw, 52px) !important;
    letter-spacing:5.6px !important;
    white-space:normal !important;
  }

  .age-gate-actions{
    gap:48px !important;
  }

  .age-gate-btn{
    width:260px !important;
    height:98px !important;
    font-size:48px !important;
    letter-spacing:6px !important;
    border-radius:18px !important;
  }
}

/* =========================================================
   POPUP DE CONFIRMACAO DE IDADE - MOBILE
========================================================= */

@media (max-width:767.98px){
  .age-gate{
    padding:16px !important;
  }

  .age-gate-card{
    width:100% !important;
    height:auto !important;
    min-height:520px !important;
    max-height:calc(100svh - 32px) !important;

    padding:38px 22px !important;
    gap:28px !important;

    border-radius:24px !important;
  }

  .age-gate-logo{
    width:112px !important;
    height:129px !important;
  }

  .age-gate-title{
    width:100% !important;
    max-width:330px !important;

    font-size:clamp(30px, 8.8vw, 42px) !important;
    line-height:1.12 !important;
    letter-spacing:4.2px !important;

    white-space:normal !important;
  }

  .age-gate-actions{
    width:100% !important;
    flex-direction:column-reverse !important;
    gap:18px !important;
  }

  .age-gate-btn{
    width:min(100%, 320px) !important;
    height:92px !important;

    font-size:48px !important;
    letter-spacing:6px !important;
    border-radius:18px !important;
  }
}

@media (max-width:420px){
  .age-gate-card{
    min-height:500px !important;
    padding:34px 18px !important;
    gap:24px !important;
    border-radius:22px !important;
  }

  .age-gate-logo{
    width:96px !important;
    height:111px !important;
  }

  .age-gate-title{
    font-size:31px !important;
    letter-spacing:3.4px !important;
  }

  .age-gate-btn{
    width:min(100%, 300px) !important;
    height:82px !important;
    font-size:42px !important;
    letter-spacing:5px !important;
  }
}

@media (max-width:430px){

  .age-gate-title{
    width:250px !important;
    max-width:250px !important;

    font-size:26px !important;
    line-height:1.32 !important;
    letter-spacing:5px !important;

    text-align:center !important;
    white-space:normal !important;
  }
}


/* =========================================================
   RESPONSIVIDADE ESTAVEL - NOTEBOOK / MONITOR COMPACTO
   Mantem o desenho aprovado no desktop como referencia e
   reduz posicoes, fontes e alturas de forma proporcional
   apenas nas telas entre 1200px e 1535px.
   Assim, 24 polegadas e telas desktop maiores permanecem
   como estavam, sem stage global e sem alterar o layout base.
========================================================= */

@media (min-width:1200px) and (max-width:1535.98px){

  /* NAVBAR */
  .enera-nav{
    top:clamp(26px, 2.213vw, 34px) !important;
    min-height:clamp(46px, 3.385vw, 52px) !important;
  }

  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    gap:clamp(62px, 6.510vw, 100px) !important;
  }

  .enera-nav .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-link,
  .navbar .nav-link{
    font-size:clamp(16px, 1.237vw, 19px) !important;
  }

  /* HERO */
  .hero-home,
  #inicio.hero-home,
  .hero-home .hero-home-content,
  #inicio .hero-home-content{
    min-height:100vh !important;
    height:100vh !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:15.4vh !important;
    width:clamp(138px, 11.5vw, 220px) !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:24.414vw !important;
    bottom:11.2vh !important;
    font-size:clamp(144px, 12.061vw, 185.262px) !important;
    line-height:.89 !important;
    max-width:48vw !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:58.2% !important;
    bottom:15.2vh !important;
    font-size:clamp(36px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(5px, .469vw, 7.209px) !important;
  }

  .hero-product-area{
    right:.607vw !important;
    top:2.930vw !important;
    width:28.841vw !important;
    height:59.375vw !important;
  }

  .hero-bottle-img{
    top:3.685vw !important;
    width:29.492vw !important;
  }

  .hero-hand-img{
    left:6.380vw !important;
    top:5.859vw !important;
    width:36.003vw !important;
    height:auto !important;
  }

  /* SECAO O VINHO */
  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .container-fluid,
  #vinho .section-content,
  #vinho .section-inner,
  #vinho .row,
  #vinho .min-vh-100{
    min-height:65.104vw !important;
    height:65.104vw !important;
  }

  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    left:20vw !important;
    top:11.263vw !important;
    font-size:clamp(142px, 12.061vw, 185.262px) !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    left:31vw !important;
    top:23.958vw !important;
    width:32.552vw !important;
    max-width:32.552vw !important;
    font-size:clamp(36px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(4px, .339vw, 5.209px) !important;
  }

  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    top:39.063vw !important;
    width:32.552vw !important;
    max-width:32.552vw !important;
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
  }

  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    top:52.083vw !important;
    width:29.297vw !important;
    max-width:29.297vw !important;
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
  }

  /* SECAO TERROIR */
  section#terroir.terroir-section,
  .terroir-section{
    min-height:70.313vw !important;
    height:70.313vw !important;
  }

  .terroir-section .terroir-content{
    min-height:70.313vw !important;
    height:70.313vw !important;
    padding:10.417vw 1.563vw 4.557vw !important;
  }

  .terroir-section .terroir-marquee{
    top:4.948vw !important;
    min-height:11.068vw !important;
  }

  .terroir-section .terroir-marquee-track span{
    font-size:clamp(116px, 9.870vw, 151.603px) !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:min(97vw, 1900px) !important;
  }

  .terroir-section .terroir-copy{
    right:19.206vw !important;
    top:62% !important;
    width:26.042vw !important;
    font-size:clamp(21px, 1.845vw, 28.339px) !important;
  }

  /* SECAO HISTORIA */
  #historia.history-section,
  .history-section,
  #historia .history-stage,
  .history-stage{
    min-height:55.339vw !important;
    height:55.339vw !important;
  }

  .history-title-wrap{
    left:24.089vw !important;
    top:-6.510vw !important;
    width:53.523vw !important;
    height:17.144vw !important;
  }

  .history-title{
    width:53.523vw !important;
    height:17.144vw !important;
    font-size:clamp(132px, 11.277vw, 173.209px) !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{
    left:.1vw !important;
    top:2.604vw !important;
    width:90.197vw !important;
    height:45.491vw !important;
  }

  .history-photo-quote{
    left:51.5vw !important;
    top:34.505vw !important;
    width:26.042vw !important;
    font-size:clamp(20px, 1.758vw, 27px) !important;
  }

  .history-text-card{
    left:24.218vw !important;
    top:14.974vw !important;
    width:38.513vw !important;
  }

  .history-text-card-strong{
    left:24.218vw !important;
    top:14.974vw !important;
    width:33.378vw !important;
  }

  .history-text-card p,
  .history-text-card-strong p{
    font-size:clamp(20px, 1.758vw, 27px) !important;
  }

  .history-next{
    left:58.3vw !important;
    top:25.391vw !important;
    width:5.975vw !important;
    height:3.992vw !important;
  }

  .history-next img{
    width:5.975vw !important;
    height:3.992vw !important;
  }

  .history-product{
    right:-3.646vw !important;
    top:-16.797vw !important;
    width:59.896vw !important;
    height:59.896vw !important;
  }

  .history-bottle{
    width:44.271vw !important;
  }

  .history-hand{
    left:5.664vw !important;
    top:-.977vw !important;
    width:39.063vw !important;
  }

  /* SECAO VINHEDO */
  section#vinhedo.igp-section,
  #vinhedo.igp-section{
    --vinhedo-section-h:92.448vw !important;
    --vinhedo-carousel-h:21.484vw !important;
    --vinhedo-video-h:70.964vw !important;
    min-height:92.448vw !important;
    height:92.448vw !important;
  }

  #vinhedo .igp-layout{
    min-height:92.448vw !important;
    height:92.448vw !important;
  }

  #vinhedo .vinhedo-text-wrap{
    min-height:70.964vw !important;
    height:70.964vw !important;
  }

  #vinhedo .vinhedo-title{
    top:8.464vw !important;
    font-size:clamp(182px, 17.363vw, 266.682px) !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:5.859vw !important;
    font-size:clamp(36px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(5px, .469vw, 7.209px) !important;
  }

  #vinhedo .vinhedo-carousel,
  #vinhedo .vinhedo-carousel-track,
  #vinhedo .vinhedo-carousel-card{
    height:21.484vw !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:19.531vw !important;
    width:19.531vw !important;
  }

  /* SECAO CEPAS DE ALTITUDE */
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{
    min-height:60.221vw !important;
    height:60.221vw !important;
  }

  #cepas-altitude .cepas-intro{
    top:9.928vw !important;
    width:57.031vw !important;
  }

  #cepas-altitude .cepas-intro p{
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
    line-height:1.8 !important;
  }

  #cepas-altitude .cepas-quote-wrap{
    top:33.758vw !important;
    width:76.823vw !important;
    height:21.484vw !important;
  }

  #cepas-altitude .cepas-quote{
    left:5.859vw !important;
    top:-1.302vw !important;
    width:67.708vw !important;
    font-size:clamp(38px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(5.8px, .534vw, 8.2px) !important;
  }

  #cepas-altitude .cepas-author{
    left:61.849vw !important;
    top:16.016vw !important;
    width:19.531vw !important;
    font-size:clamp(13px, 1.172vw, 17.998px) !important;
  }

  /* SECAO MANEJO HUMANO */
  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section,
  .human-section .human-content,
  .human-section .section-content{
    min-height:63.802vw !important;
    height:63.802vw !important;
    max-height:none !important;
  }

  .human-icon{
    left:.326vw !important;
    top:5.534vw !important;
    width:57.292vw !important;
  }

  .human-bottle{
    left:11.068vw !important;
    top:-7.682vw !important;
    width:46.224vw !important;
  }

  .human-title,
  .human-section .script-heading{
    left:35.807vw !important;
    top:6.836vw !important;
    width:66.016vw !important;
    height:14.323vw !important;
    font-size:clamp(100px, 9.026vw, 138.637px) !important;
  }

  .human-copy{
    right:21.940vw !important;
    top:23.242vw !important;
    width:43.034vw !important;
    max-width:43.034vw !important;
    min-height:26.257vw !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-size:clamp(20px, 1.823vw, 28px) !important;
    line-height:1.72 !important;
  }

  .human-copy p,
  .human-section .body-copy,
  .human-section .small-text{
    margin-bottom:4.297vw !important;
  }

  /* SECAO ADEGA / VINIFICACAO */
  section#adega.adega-section,
  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100,
  #adega.adega-section [class*="col-"]{
    min-height:65.755vw !important;
    height:65.755vw !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{
    left:61.198vw !important;
    top:36.458vw !important;
    font-size:clamp(148px, 12.645vw, 194.227px) !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{
    left:62.305vw !important;
    top:56.641vw !important;
    font-size:clamp(54px, 4.919vw, 75.56px) !important;
    letter-spacing:clamp(7px, .684vw, 10.5px) !important;
  }

  /* SECAO PROCESSO */
  section#processo.process-section,
  #processo.process-section,
  .process-section,
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{
    min-height:65.104vw !important;
    height:65.104vw !important;
  }

  section#processo.process-section .process-intro,
  .process-section .process-intro{
    left:20.833vw !important;
    bottom:35.156vw !important;
    width:36.089vw !important;
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
    line-height:clamp(34px, 2.930vw, 45px) !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{
    bottom:6.380vw !important;
    width:80.078vw !important;
    font-size:clamp(38px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(5px, .489vw, 7.509px) !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{
    bottom:3.467vw !important;
    font-size:clamp(16px, 1.470vw, 22.584px) !important;
  }

  /* SECAO PROPOSITO */
  section#proposito.purpose-section,
  #proposito.purpose-section,
  #proposito.propose-section,
  #proposito .purpose-content,
  #proposito .section-content,
  #proposito .container,
  #proposito .row,
  #proposito .min-vh-100,
  #proposito [class*="col-"]{
    min-height:65.104vw !important;
    height:65.104vw !important;
  }

  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{
    top:6.510vw !important;
    width:58.398vw !important;
    height:19.141vw !important;
    font-size:clamp(142px, 12.061vw, 185.262px) !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{
    top:29.297vw !important;
    width:35.417vw !important;
    height:8.464vw !important;
    font-size:clamp(38px, 3.352vw, 51.495px) !important;
    letter-spacing:clamp(5px, .469vw, 7.209px) !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{
    top:42.318vw !important;
    width:49.805vw !important;
    height:10.156vw !important;
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
  }

  /* SECAO APAE */
  section#apae-urubici.apae-section,
  #apae-urubici.apae-section,
  .apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{
    min-height:91.146vw !important;
    height:91.146vw !important;
  }

  .apae-videos{
    top:0 !important;
    width:112.956vw !important;
    max-width:calc(100vw - 12.370vw) !important;
    height:41.016vw !important;
    gap:8.464vw !important;
  }

  .apae-video-card{
    flex-basis:26.042vw !important;
    width:26.042vw !important;
    height:42.318vw !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{
    top:48.177vw !important;
    width:78.125vw !important;
    height:12.299vw !important;
    font-size:clamp(130px, 12.044vw, 185px) !important;
    letter-spacing:clamp(16px, 1.648vw, 25.306px) !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    left:43% !important;
    top:65.104vw !important;
    width:68.359vw !important;
    height:19.271vw !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:clamp(20px, 1.780vw, 27.339px) !important;
    line-height:1.30 !important;
  }

  /* SECAO IMPACTO */
  section#impacto.impact-section,
  .impact-section#impacto,
  #impacto .impact-content,
  #impacto .section-content{
    min-height:65.104vw !important;
    height:65.104vw !important;
  }

  #impacto .impact-title{
    bottom:7.682vw !important;
    width:65.104vw !important;
    max-width:86vw !important;
    min-width:0 !important;
    height:auto !important;
    font-size:clamp(30px, 2.474vw, 38px) !important;
    line-height:clamp(44px, 3.646vw, 56px) !important;
    letter-spacing:clamp(4px, .345vw, 5.3px) !important;
  }

  /* FOOTER */
  section#inscreva-se.subscribe-footer,
  .subscribe-footer.footer-section{
    min-height:26.042vw !important;
    height:26.042vw !important;
  }

  #inscreva-se .footer-inner{
    top:4.167vw !important;
    width:81.510vw !important;
    height:16.935vw !important;
    max-width:68.49vw !important;
  }

  #inscreva-se .footer-logo{
    width:14.741vw !important;
    height:16.935vw !important;
  }

  #inscreva-se .footer-left{
    top:4.102vw !important;
    width:19.596vw !important;
  }

  #inscreva-se .footer-cta{
    width:20.508vw !important;
    height:4.297vw !important;
    font-size:clamp(40px, 3.720vw, 57.133px) !important;
  }

  #inscreva-se .footer-note{
    width:19.401vw !important;
    font-size:clamp(14px, 1.194vw, 18.34px) !important;
    line-height:clamp(17px, 1.432vw, 22px) !important;
  }

  #inscreva-se .footer-right{
    left:47.526vw !important;
    top:2.474vw !important;
    width:23.438vw !important;
  }

  #inscreva-se .footer-social-icons{
    left:3.581vw !important;
    width:17.708vw !important;
    height:4.167vw !important;
    gap:2.214vw !important;
  }

  #inscreva-se .footer-social-icons a{
    width:3.581vw !important;
    height:3.581vw !important;
  }

  #inscreva-se .footer-social-icons img{
    width:4.036vw !important;
    height:4.036vw !important;
  }

  #inscreva-se .footer-actions{
    top:5.208vw !important;
    width:23.438vw !important;
  }

  #inscreva-se .footer-action{
    width:23.438vw !important;
    grid-template-columns:3.516vw 1fr !important;
  }

  #inscreva-se .footer-action img{
    width:2.734vw !important;
    height:2.734vw !important;
  }

  #inscreva-se .footer-action span{
    font-size:clamp(20px, 1.823vw, 28px) !important;
  }
}

/* =========================================================
   RESPONSIVIDADE MOBILE/TABLET - SEM STAGE GLOBAL
   Mantem os blocos mobile existentes no arquivo original.
   Esta faixa apenas corrige excesso de largura horizontal.
========================================================= */

@media (max-width:1199.98px){
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  main,
  #smooth-content{
    max-width:100% !important;
    overflow-x:hidden !important;
  }
}

/* =========================================================
   AJUSTE ESPECIFICO - MONITOR 19 POLEGADAS / 1366 x 768
========================================================= */

@media (min-width:1200px) and (max-width:1399.98px) and (max-height:820px){
  /* NAVBAR */
  .enera-nav{
    top:32px !important;
    min-height:52px !important;
  }

  .enera-nav .nav-lines,
  .navbar .nav-lines,
  .navbar-nav.nav-lines{
    gap:72px !important;
  }

  .enera-nav .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-link,
  .navbar .nav-link{
    font-size:17px !important;
    padding:15px 0 !important;
  }

  /* HERO / INICIO */
  .hero-home,
  #inicio.hero-home,
  .hero-home .hero-home-content,
  #inicio .hero-home-content{  /* altura da section*/
    min-height:660px !important;
    height:660px !important;
  }

  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    top:104px !important;
    width:145px !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:255px !important;
    bottom:78px !important;
    font-size:132px !important;
    line-height:.86 !important;
    max-width:560px !important;
  }

  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    left:57.6% !important;
    bottom:116px !important;
    font-size:35px !important;
    letter-spacing:5.2px !important;
    max-width:470px !important;
  }

  .hero-product-area{  /*conjunto mão e garrafa*/
    right:-18px !important;
    top:72px !important;
    width:295px !important;
    height:610px !important;
  }

  .hero-bottle-img{ /* garrafa*/
    top:40px !important;
    left:-40px !important;
    width:300px !important;
  }

  .hero-hand-img{  /*mão*/
    left:22px !important;
    top:66px !important;
    width:350px !important;
    height:auto !important;
  }

  /* SECAO O VINHO */
  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .container-fluid,
  #vinho .section-content,
  #vinho .section-inner,
  #vinho .row,
  #vinho .min-vh-100{  /* tamanho section*/
    min-height:760px !important;
    height:760px !important;
  }

  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{  /* texto o vinho */
    left:255px !important;
    top:120px !important;
    font-size:126px !important;
    line-height:.74 !important;
  }

  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{ /* texto pioneirismo ...*/
    left:415px !important;
    top:298px !important;
    width:360px !important;
    max-width:360px !important;
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:4.6px !important;
  }
  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){ /* texto serra catarinense ...*/
    top:515px !important;
    left:49.5% !important;
    width:420px !important;
    max-width:420px !important;
    font-size:20px !important;
    line-height:1.45 !important;
    text-align:right !important;
  }
  
  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){ /* texto descubra ...*/
    top:635px !important;
    left:50.3% !important;
    width:390px !important;
    max-width:390px !important;
    font-size:20px !important;
    line-height:1.35 !important;
    text-align:right !important;
  }


  /* SECAO TERROIR */
  section#terroir.terroir-section,
  .terroir-section{  /* tamanho section*/
    min-height:700px !important;
    height:700px !important;
  }

  .terroir-section .terroir-content{
    min-height:760px !important;
    height:760px !important;
    padding:112px 20px 50px !important;
  }

  .terroir-section .terroir-marquee{
    top:68px !important;
    min-height:112px !important;
  }

  .terroir-section .terroir-marquee-track span{  /* texto terroir ...*/
    font-size:116px !important;
  }

  .terroir-section .terroir-photo-wrap{
    width:94vw !important;
    max-width:1280px !important;
  }

  .terroir-section .terroir-copy{ /* texto o clima da região ...*/
    right:12% !important;
    top:61% !important;
    width:330px !important;
    font-size:17px !important;
    line-height:1.38 !important;
  }

  /* SECAO HISTORIA */
  #historia.history-section,
  .history-section,
  #historia .history-stage,
  .history-stage{ /* tamanho da section*/
    min-height:660px !important;
    height:660px !important;
  }

  .history-title-wrap{  /* card texto história*/
    left:200px !important;
    top:30px !important;
    width:660px !important;
    height:205px !important;
  }

  .history-title{  /*texto história*/
    width:660px !important;
    height:205px !important;
    font-size:124px !important;
  }

  .history-family-photo,
  .history-slide-2::before,
  .history-slide-3::before{  /* tamanho card foto e retangulos qdo clica na seta*/
    left:0 !important;
    top:130px !important;
    width:950px !important;
    height:481px !important;
  }

  .history-photo-quote{  /*card texto Nathália */
    left:535px !important;
    top:440px !important;
    width:280px !important;
    font-size:18px !important;
  }

  .history-text-card,
  .history-text-card-strong{ /*card textos qdo clica na seta */
    left:235px !important;
    top:255px !important;
    width:420px !important;
  }

  .history-text-card p,
  .history-text-card-strong p{ /* textos qdo clica na seta */
    font-size:18px !important;
    line-height:1.7 !important;
  }

  .history-next{ /*card seta */
    left:755px !important;
    top:365px !important;
    width:64px !important;
    height:44px !important;
  }

  .history-next img{  /*seta */
    width:64px !important;
    height:auto !important;
  }

  html body #historia .history-product{  /* card aumenta mão e garrafa juntos*/
    right:-3px !important;
    top:-180px !important;
    width:570px !important;
    height:743px !important;
  }

  .history-bottle{  /*garrafa*/
    width:693px !important;
    left:-10px !important;
  }

  .history-hand{  /*mão*/
    left:35px !important;
    top:-25px !important;
    width:500px !important;
  }

  /* SECAO VINHEDO */
  section#vinhedo.igp-section,
  #vinhedo.igp-section{ /*tamanho section*/
    --vinhedo-section-h:940px !important;
    --vinhedo-carousel-h:220px !important;
    --vinhedo-video-h:720px !important;
  
    min-height:940px !important;
    height:940px !important;
  }
  
  #vinhedo .igp-layout{
    min-height:940px !important;
    height:940px !important;
  }
  
  #vinhedo .vinhedo-video,
  #vinhedo .media-bg,
  #vinhedo video.media-bg,
  #vinhedo > video{  /*tamanho do video */
    height:720px !important;
  }

  #vinhedo .vinhedo-text-wrap{  /* card texto o vinhedo*/
    min-height:600px !important;
    height:600px !important;
  }

  #vinhedo .vinhedo-title{  /* texto o vinhedo*/
    top:120px !important;
    font-size:132px !important;
  }

  #vinhedo .vinhedo-subtitle{  /* texto indicação ...*/
    bottom:-48px !important;
    font-size:31px !important;
    line-height:1.28 !important;
    letter-spacing:5px !important;
  }

  #vinhedo .vinhedo-carousel,
  #vinhedo .vinhedo-carousel-track,
  #vinhedo .vinhedo-carousel-card{
    height:220px !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:220px !important;
    width:220px !important;
  }

  /* SECAO CEPAS DE ALTITUDE */
  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{  /*tamanho da section*/
    min-height:700px !important;
    height:700px !important;
  }

  #cepas-altitude .cepas-intro{  /*card as cepas ...*/
    top:140px !important;
    width:820px !important;
  }

  #cepas-altitude .cepas-intro p{  /*texto as cepas ...*/
    font-size:18px !important;
    line-height:1.62 !important;
  }

  #cepas-altitude .cepas-quote-wrap{  /*card buscamos sempre ... e texto Everson Suzin ...*/
    top:390px !important;
    width:900px !important;
    height:260px !important;
  }

  #cepas-altitude .cepas-quote{  /*texto buscamos sempre ...*/
    left:30px !important;
    top:0 !important;
    width:790px !important;
    font-size:34px !important;
    line-height:1.42 !important;
    letter-spacing:5.4px !important;
  }

  #cepas-altitude .cepas-author{ /*texto Everson Suzin ...*/
    left:760px !important;
    top:170px !important;
    width:210px !important;
    font-size:12.5px !important;
  }

  /* SECAO MANEJO HUMANO */
  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section{  /*tamanho da section */
    min-height:655px !important;
    height:655px !important;
    overflow:visible !important; /* permite a garrafa aparecer sobre a section anterior */
    position:relative !important;
    z-index:7 !important;
  }

  .human-section .human-content,
  .human-section .section-content{
    min-height:760px !important;
    height:760px !important;
    overflow:visible !important; /* nao corta a garrafa */
    position:relative !important;
  }

  .human-icon{  /*icone enera*/
    left:18px !important;
    top:64px !important;
    width:575px !important;
  }

  .human-bottle{ /*garrafa*/
    left:90px !important;
    top:-80px !important;
    width:460px !important;
  }

  .human-title,
  .human-section .script-heading{  /*texto manejo humano*/
    left:340px !important;
    top:85px !important;
    width:760px !important;
    height:auto !important;
    font-size:96px !important;
  }

  .human-copy{ /* card dos 2 teztos*/
    right:220px !important;
    top:286px !important;
    width:520px !important;
    max-width:520px !important;
    min-height:0 !important;
  }

  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{  /*textos da section*/
    font-size:20px !important;
    line-height:1.55 !important;
  }

  .human-copy p,
  .human-section .body-copy,
  .human-section .small-text{
    margin-bottom:38px !important;
  }

  /* SECAO ADEGA / VINIFICACAO */
  section#adega.adega-section,
  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100,
  #adega.adega-section [class*="col-"]{  /*tamanho da section*/
    min-height:760px !important;
    height:760px !important;
  }
  
  #adega.adega-section .media-bg,
  #adega.adega-section video.media-bg,
  #adega.adega-section > video{
    object-fit:cover !important;
    object-position:center 62% !important; /* desce o enquadramento do video */
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{ /* texto vinificação*/
    left:50% !important;
    top:380px !important;
    font-size:115px !important;
    transform:translateX(-50%) !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{  /* texto trato refinado*/
    left:50% !important;
    top:580px !important;
    font-size:46px !important;
    letter-spacing:7px !important;
    transform:translateX(-50%) !important;
  }

  /* SECAO PROCESSO / VINIFICACAO TEXTO */
  section#processo.process-section,
  #processo.process-section,
  .process-section,
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{  /*tamanho da section*/
    min-height:640px !important;
    height:640px !important;
    overflow:hidden !important;
  }

  #processo .process-video,
  #processo .media-bg,
  #processo video.media-bg,
  #processo > video{
    height:760px !important;       /* mantém o vídeo maior que a section */
    min-height:760px !important;
    top:auto !important;
    bottom:0 !important;           /* ancora o vídeo embaixo */
    object-fit:cover !important;
    object-position:center bottom !important;
  }

  section#processo.process-section .process-intro,
  .process-section .process-intro{  /*texto a decantação é conduzida...*/
    left:255px !important;
    bottom:390px !important;
    width:370px !important;
    font-size:16px !important;
    line-height:1.48 !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{  /*texto antes da garrafa*/
    bottom:104px !important;
    width:900px !important;
    font-size:29px !important;
    line-height:1.16 !important;
    letter-spacing:5px !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{  /*texto enologo*/
    bottom:40px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   ANIMACOES GARRAFAS E MAOS
   Mantem os posicionamentos existentes e adiciona apenas
   suporte visual para os movimentos via GSAP.
========================================================= */

.hero-product-area,
.hero-bottle-img,
.hero-hand-img,
.history-product,
.history-bottle,
.history-hand,
.human-bottle{
  will-change:transform, opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

.hero-product-area,
.history-product{
  transform-origin:center center !important;
}

.hero-bottle-img,
.history-bottle,
.human-bottle{
  transform-origin:center bottom !important;
}

.hero-hand-img,
.history-hand{
  transform-origin:center center !important;
}

@media (prefers-reduced-motion:reduce){
  .hero-product-area,
  .hero-bottle-img,
  .hero-hand-img,
  .history-product,
  .history-bottle,
  .history-hand,
  .human-bottle{
    transform:none !important;
    opacity:1 !important;
  }
}

/* =========================================================
   AJUSTE ANIMACAO - GARRAFA MANEJO HUMANO
   Permite que o GSAP controle a rotacao usando variaveis,
   sem remover os posicionamentos responsivos existentes.
========================================================= */

.human-bottle{
  --hb-base-x:0px;
  --hb-base-y:0px;
  --hb-base-rotate:-2deg;
  --hb-x:0px;
  --hb-y:0px;
  --hb-rotate:0deg;
  --hb-scale:1;
  transform:
    translate3d(var(--hb-base-x), var(--hb-base-y), 0)
    translate3d(var(--hb-x), var(--hb-y), 0)
    rotate(calc(var(--hb-base-rotate) + var(--hb-rotate)))
    scale(var(--hb-scale)) !important;
  transform-origin:58% 9% !important; /* ponto de giro pro movimento de servir */
  will-change:transform !important;
}

@media (max-width:767.98px){
  .human-bottle{
    --hb-base-x:-95%;
  }
}

@media (prefers-reduced-motion:reduce){
  .human-bottle{
    --hb-x:0px !important;
    --hb-y:0px !important;
    --hb-rotate:0deg !important;
    --hb-scale:1 !important;
  }
}


/* =========================================================
   MOBILE - ANIMACAO DAS GARRAFAS
   Mantem os movimentos ativos tambem em telas pequenas.
   Nao altera o desktop; apenas reforca o uso das variaveis
   do GSAP no mobile.
========================================================= */

.human-bottle{
  transform:
    translate3d(var(--hb-base-x, 0px), var(--hb-base-y, 0px), 0)
    translate3d(var(--hb-x, 0px), var(--hb-y, 0px), 0)
    rotate(calc(var(--hb-base-rotate, -2deg) + var(--hb-rotate, 0deg)))
    scale(var(--hb-scale, 1)) !important;
  transform-origin:58% 9% !important;
  will-change:transform !important;
}

@media (max-width:767.98px){
  .hero-product-area,
  .history-product,
  .human-bottle{
    will-change:transform, opacity !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }

  .hero-product-area,
  .history-product{
    transform-origin:center center !important;
  }

  .human-bottle{
    transform:
      translate3d(var(--hb-base-x, -95%), var(--hb-base-y, 0px), 0)
      translate3d(var(--hb-x, 0px), var(--hb-y, 0px), 0)
      rotate(calc(var(--hb-base-rotate, -2deg) + var(--hb-rotate, 0deg)))
      scale(var(--hb-scale, 1)) !important;
    transform-origin:58% 9% !important;
  }
}



/* =========================================================
   MOBILE 390 x 916
   Ajuste especifico para celulares na proporcao dos prints.
   Mantem desktop, notebook e tablet sem alteracoes.
========================================================= */

@media (max-width:430px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  body{
    padding-top:0 !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - BASE
  ========================================================= */

  .panel,
  section{
    width:100% !important;
    overflow:hidden !important;
  }

  .media-bg,
  .hero-video,
  .panel > video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transform:none !important;
  }

  .section-content{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .whatsapp-float{
    right:18px !important;
    bottom:18px !important;
    width:40px !important;
    height:40px !important;
    border-radius:7px !important;
    z-index:50 !important;
  }

  .whatsapp-float img{
    width:25px !important;
    height:25px !important;
  }

  /* =========================================================
   WHATSAPP FLOAT
   Estado oculto no footer.
========================================================= */

.whatsapp-float.is-hidden-on-footer{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

  /* =========================================================
     MOBILE 390 x 916 - INICIO
  ========================================================= */

  #inicio.hero-home,
  .hero-home,
  #inicio .hero-home-content,
  .hero-home-content{  /* altura da section*/
    min-height:456px !important;
    height:456px !important;
    overflow:visible !important;
  }

  #inicio .hero-video,
  .hero-home .hero-video{
    object-position:center center !important;
  }

  /* Logo EnEra*/
  .hero-home .hero-brand-logo,
  #inicio .hero-brand-logo{
    position:absolute !important;
    top:80px !important;
    left:50% !important;
    width:110px !important;
    height:auto !important;
    transform:translateX(-50%) !important;
    z-index:9 !important;
  }

  .hero-home .hero-brand-logo img,
  #inicio .hero-brand-logo img{
    width:110px !important;
    height:auto !important;
    display:block !important;
  }

  /* Texto Vinho Branco */
  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    position:absolute !important;
    left:47px !important;
    bottom:56px !important; /*margin top*/
    transform:none !important;

    width:214px !important;
    max-width:214px !important;
    height:159.55px !important;
    margin:0 !important;

    font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
    font-size:64.475px !important;
    line-height:0,8 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:left !important;
    text-shadow:none !important;
    z-index:8 !important;
  }

  /* Texto De altitude com proposito */
  .hero-home .hero-main-subtitle,
  #inicio .hero-main-subtitle{
    position:absolute !important;
    left:106px !important;
    right:auto !important;
    bottom:25px !important;
    transform:none !important;

    width:165px !important;
    max-width:165px !important;
    height:45.68px !important;
    margin:0 !important;

    display:grid !important;
    gap:0 !important;

    font-family:"spalla", "Cormorant Garamond", serif !important;
    font-size:19.735px !important;
    line-height:1.08 !important;
    letter-spacing:2.55px !important;

    color:#F4FDD9 !important;
    text-align:left !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    z-index:9 !important;
  }

  /* Card garrafa + mao */
  .hero-product-area{
    position:absolute !important;
    right:10px !important;
    bottom:-2px !important;
    top:auto !important;
  
    width:172px !important;   /* aumentou o card */
    height:330px !important;  /* aumentou o card */
  
    opacity:1 !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:7 !important;
  }
  
  /* Garrafa */
  .hero-bottle-img{
    position:absolute !important;
    left:32px !important;
    top:66px !important;
    width:142px !important;   /* aumenta a garrafa */
    height:auto !important;
    z-index:2 !important;
  }
  
  /* Mão */
  .hero-hand-img{
    position:absolute !important;
    left:57px !important;
    top:84px !important;
    width:204px !important;   /* aumenta a mao proporcional */
    height:auto !important;
    z-index:5 !important;
  }


  /* =========================================================
     MOBILE 390 x 916 - O VINHO
  ========================================================= */

  #vinho,
  section#vinho,
  #vinho .container,
  #vinho .container-fluid,
  #vinho .section-content,
  #vinho .section-inner,
  #vinho .row,
  #vinho .min-vh-100{
    min-height:456px !important;
    height:456px !important;
    width:100% !important;
    overflow:hidden !important;
  }

  #vinho .media-bg,
  #vinho .bg-video,
  #vinho video.media-bg,
  #vinho video.bg-video,
  #vinho > video{
    object-position:42% center !important; /*move video para direita/esquerda*/
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  /* Card "o Vinho" */
  #vinho .script-heading,
  #vinho .script-title,
  #vinho .wine-title,
  #vinho h2:first-of-type{
    position:absolute !important;
    left:142px !important;
    top:170px !important;

    width:280px !important;
    max-width:280px !important;
    height:115.84px !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
    font-size:73.225px !important;
    line-height:.72 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:center !important;
    text-shadow:none !important;
    z-index:4 !important;
  }

  /* Card "Pioneirismo..."*/
  #vinho .subtitle-serif,
  #vinho .wine-subtitle,
  #vinho .section-subtitle,
  #vinho .overline,
  #vinho h2:first-of-type + p{
    position:absolute !important;
    left:195px !important;
    top:232px !important;

    width:200px !important;
    max-width:200px !important;
    height:59.14px !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"spalla", "Cormorant Garamond", serif !important;
    font-size:20.753px !important;
    line-height:1.02 !important;
    letter-spacing:2.2px !important;

    color:#F4FDD9 !important;
    text-align:left !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
    z-index:4 !important;
  }

  /* Primeiro texto final */
  #vinho .wine-description,
  #vinho .section-copy,
  #vinho .wine-copy,
  #vinho p:nth-of-type(2){
    position:absolute !important;
    left:auto !important;
    right:50px !important;
    top:328px !important;
    transform:none !important;

    width:199.74px !important;
    max-width:199.74px !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"Montserrat", sans-serif !important;
    font-size:11.48px !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:right !important;
    text-shadow:none !important;
    z-index:4 !important;
  }

  /* Segundo texto final em negrito */
  #vinho .small-text,
  #vinho .small-copy,
  #vinho .wine-highlight,
  #vinho .body-copy + p,
  #vinho .section-copy + p,
  #vinho p:nth-of-type(3){
    position:absolute !important;
    left:auto !important;
    right:50px !important;
    top:397px !important;
    transform:none !important;

    width:199.74px !important;
    max-width:199.74px !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"Montserrat", sans-serif !important;
    font-size:11.48px !important;
    line-height:1.28 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:right !important;
    text-shadow:none !important;
    font-weight:700 !important;
    z-index:4 !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - TERROIR DE ALTITUDE
  ========================================================= */
  .terroir-section .terroir-photo{  /*foto com ajuste somente para mobile*/
    content:url("../assets/img/terroir-mobile.png") !important;
  }
  section#terroir.terroir-section,
  .terroir-section{ /*tamanho da section*/
    position:relative !important;
    min-height:371px !important;
    height:371px !important;
    background:#839A26 !important;
    overflow:hidden !important;
    isolation:isolate !important;
  }
  
  /* Conteúdo interno da section */
  .terroir-section .terroir-content{
    position:relative !important;
    z-index:3 !important;
    min-height:456px !important;
    height:456px !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    overflow:visible !important;
  }
  
  /* Card do título "Terroir de Altitude" */
  .terroir-section .terroir-marquee{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:7.3% !important; /* posição vertical do título */
  
    width:100% !important;
    min-height:13% !important;
    z-index:8 !important; /* fica acima da foto */
  
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:none !important;
  }
  
  /* Trilho do título */
  .terroir-section .terroir-marquee-track{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    animation:none !important;
    transform:none !important;
  }
  
  /* Texto "Terroir de Altitude" */
  .terroir-section .terroir-marquee-track span{
    display:block !important;
    width:max-content !important;
    max-width:96vw !important;
  
    font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
    font-size:44px !important;
    line-height:.9 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
  
    color:#F4FDD9 !important;
    text-align:center !important;
    text-shadow:none !important;
    position:relative !important;
    z-index:8 !important;
  }
  
  /* Card da imagem do homem segurando a garrafa */
  .terroir-section .terroir-photo-wrap{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:14.3% !important; /* sobe a foto para entrar atrás do título */
  
    width:110% !important;
    height:63% !important; /* área visível da foto */
    margin:0 !important;
    padding:0 !important;
  
    overflow:hidden !important;
    z-index:3 !important; /* fica atrás do título */
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  
  /* Imagem principal */
  .terroir-section .terroir-photo{
    position:absolute !important;
    left:-10.5% !important;   /* move a foto levemente para a esquerda */
    top:-1.5% !important;    /* sobe pouco a foto, sem cortar a cabeça */
  
    width:108% !important;   /* leve aumento */
    height:108% !important;
    max-width:none !important;
  
    display:block !important;
    object-fit:cover !important;
    object-position:center top !important;
  
    border:0 !important;
    border-radius:0 !important;
    z-index:3 !important;
  }
  
  /* Texto sobre a imagem, no lado direito */
  .terroir-section .terroir-copy br{
    display:none !important;
  }
  .terroir-section .terroir-copy{
    position:absolute !important;
    left:auto !important;
    right:12% !important;
    top:55.4% !important;
    bottom:auto !important;
    transform:none !important;
  
    width:130px !important;
    max-width:130px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
  
    font-family:"Montserrat", sans-serif !important;
    font-size:10.665px !important;
    line-height:1.30 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
  
    color:#F4FDD9 !important;
    text-align:right !important;
    text-shadow:none !important;
    z-index:9 !important; /* fica acima da foto */
  }

  /* =========================================================
     MOBILE 390 x 916 - HISTORIA
  ========================================================= */

  /* Section Historia */
.history-section,
.history-stage{
  position:relative !important;
  min-height:550px !important;
  height:550px !important;
  overflow:hidden !important;
  background:#839A26 !important;
  isolation:isolate !important;
}

/* Titulo "A Historia" */
.history-title-wrap{
  position:absolute !important;
  left:200px !important;
  top:5px !important; /* antes estava baixo/negativo demais */
  width:100% !important;
  height:96px !important;

  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;

  overflow:visible !important;
  z-index:40 !important;
  pointer-events:none !important;
}

/* Texto "A Historia" */
.history-title{
  position:relative !important;
  display:block !important;

  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding-top:1px !important;

  font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
  font-size:55.372px !important;
  line-height:1 !important;
  font-weight:400 !important;

  color:/* #383025 */ #F4FDD9 !important; /*cor do texto*/
  text-align:center !important;
  text-shadow:none !important;

  overflow:visible !important;
  transform:none !important;
  z-index:40 !important;
}

  /* Stage interno */
  .history-stage{
    width:100% !important;
  }

  /* No mobile, os slides deixam de ficar escondidos */
  .history-slide,
  .history-slide.is-active{
    position:absolute !important;
    inset:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:none !important;
  }

  /* Garante que slides escondidos por aria-hidden tambem aparecam no mobile */
  .history-slide[aria-hidden="true"]{
    opacity:1 !important;
    visibility:visible !important;
    display:block !important;
  }

  /* Slide 1 - foto da familia */
  .history-slide-1{
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:auto !important;
    z-index:2 !important;
  }

  /* Foto principal da História */
  .history-family-photo{
    position:absolute !important;

    left:0 !important; /* encosta o card na lateral esquerda da tela */
    top:35px !important; /* desce o card da foto */

    width:100% !important;
    height:235px !important; /* diminui a altura da faixa da foto */

    overflow:hidden !important;
    background:transparent !important;
    z-index:2 !important;
  }

  /* Remove overlay da foto */
  .history-family-photo::before,
  .history-family-photo::after,
  .history-family-photo .overlay,
  .history-family-photo .history-overlay{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:transparent !important;
  }

  /* Imagem da foto */
  .history-family-photo img{
    width:100% !important;
    height:100% !important;

    max-width:none !important;
    display:block !important;

    object-fit:cover !important;
    object-position:18% 40% !important;
    /* Movimenta a foto dentro do card
    Primeiro valor: esquerda/direita
    Segundo valor: cima/baixo
    Quanto maior o segundo valor, mais a foto desce dentro do card.
   */

    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  /* Frase da Nathalia sobre a foto */
  .history-photo-quote{
    position:absolute !important;
    left:auto !important;
    right:70px !important;
    top:189px !important;

    width:136px !important;
    margin:0 !important;
    padding:0 !important;

    font-family:"Montserrat", sans-serif !important;
    font-size:11.766px !important;
    line-height:1.14 !important;
    font-weight:400 !important;

    color:#F4FDD9 !important;
    text-align:left !important;
    text-shadow:0 2px 8px rgba(0,0,0,.45) !important;

    z-index:12 !important;
    pointer-events:none !important;
  }

  .history-photo-quote span,
  .history-photo-quote strong{
    display:block !important;
  }

  .history-photo-quote strong{
    margin-top:2px !important;
    font-weight:700 !important;
  }

  /* Remove a seta no mobile */
  .history-next{
    display:none !important;
  }

  /* Retangulo verde claro atras dos textos */
  .history-slide-2::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    top:262px !important;

    width:100% !important;
    height:220px !important;

    background:#A8C33A !important;
    opacity:1 !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  /* O slide 3 nao precisa criar outro fundo */
  .history-slide-3::before{
    display:none !important;
    content:none !important;
  }

  /* Slide 2 - texto normal */
  .history-slide-2{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:456px !important;
    z-index:6 !important;
  }

  /* Slide 3 - texto em negrito */
  .history-slide-3{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:456px !important;
    z-index:7 !important;
  }

  /* Texto do slide 2 */
  .history-text-card{
    position:absolute !important;
    left:151px !important;
    top:299px !important;

    width:198px !important;
    max-width:198px !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:9 !important;
    color:#383025 !important;
  }

  /* Texto do slide 3 */
  .history-text-card-strong{
    position:absolute !important;
    left:151px !important;
    top:375px !important;

    width:198px !important;
    max-width:198px !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:10 !important;
    color:#383025 !important;
  }

  /* Paragrafos dos textos */
  .history-text-card p,
  .history-text-card-strong p{
    margin:0 !important;
    padding:0 !important;

    font-family:"Montserrat", sans-serif !important;
    font-size:9px !important;
    line-height:1.8 !important;
    letter-spacing:0 !important;

    color:#383025 !important;
    text-align:left !important;
    text-shadow:none !important;
  }

  .history-text-card strong,
  .history-text-card-strong strong{
    font-weight:700 !important;
  }

  /* Garrafa e mao da Historia */
  .history-product{
    position:absolute !important;
    left:-30px !important; /* posição do conjunto inteiro */
    right:auto !important;
    top:214px !important; /* posição vertical do conjunto inteiro */

    width:215px !important;
    height:340px !important;

    opacity:1 !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:10 !important;
  }

  /* Garrafa */
  .history-bottle{
    position:absolute !important;
    left:0 !important; /* posição da garrafa dentro do conjunto */
    top:0 !important;

    width:210px !important; /* tamanho da garrafa conforme Figma */
    height:auto !important;

    display:block !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    z-index:3 !important;
  }

  /* Mao */
  .history-hand{
    position:absolute !important;
    left:27px !important; /* posição da mão dentro do conjunto */
    top:3.42px !important;

    width:190px !important; /* tamanho da mão conforme Figma */
    height:auto !important;

    display:block !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    z-index:4 !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - VINHEDO
  ========================================================= */

  section#vinhedo.igp-section,
  #vinhedo.igp-section{  /*tamanho da section*/
    --vinhedo-section-h:610px !important;
    --vinhedo-carousel-h:118px !important;
    --vinhedo-video-h:492px !important;
    min-height:610px !important;
    height:610px !important;
  }

  #vinhedo .vinhedo-video,
  #vinhedo .media-bg,
  #vinhedo video.media-bg,
  #vinhedo > video{
    height:var(--vinhedo-video-h) !important;
    object-position:center center !important;
  }

  #vinhedo .igp-layout{
    min-height:610px !important;
    height:610px !important;
  }

  #vinhedo .vinhedo-text-wrap{
    height:var(--vinhedo-video-h) !important;
    min-height:var(--vinhedo-video-h) !important;
  }

  #vinhedo .vinhedo-title{
    top:36px !important;
    left:50% !important;
    font-size:78px !important;
    line-height:.9 !important;
    width:max-content !important;
    max-width:96vw !important;
  }

  #vinhedo .vinhedo-subtitle{
    bottom:40px !important;
    left:50% !important;
    width:300px !important;
    max-width:300px !important;
    font-size:22px !important;
    line-height:1.26 !important;
    letter-spacing:3px !important;
  }

  #vinhedo .vinhedo-carousel{
    height:var(--vinhedo-carousel-h) !important;
  }

  #vinhedo .vinhedo-carousel-track{
    height:var(--vinhedo-carousel-h) !important;
  }

  #vinhedo .vinhedo-carousel-card{
    flex-basis:130px !important;
    width:130px !important;
    height:var(--vinhedo-carousel-h) !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - CEPAS DE ALTITUDE
  ========================================================= */

  section#cepas-altitude.cepas-section,
  #cepas-altitude.cepas-section,
  #cepas-altitude .cepas-content{  /*tamanho da section*/
    min-height:295px !important;
    height:295px !important;
  }

  #cepas-altitude .cepas-video,
  #cepas-altitude .media-bg,
  #cepas-altitude video.media-bg,
  #cepas-altitude > video{
    object-position:center center !important;
  }

  #cepas-altitude .cepas-intro{ /*texto cepas ...*/
    top:38px !important;
    width:330px !important;
  }

  #cepas-altitude .cepas-intro p{  /*texto cepas ...*/
    font-size:9.6px !important;
    line-height:1.34 !important;
  }

  #cepas-altitude .cepas-quote-wrap{  /*texto buscamos sempre ...*/
    top:162px !important;
    width:350px !important;
    max-width:350px !important;
  }

  #cepas-altitude .cepas-quote{  /*texto buscamos sempre ...*/
    left:0 !important;
    top:0 !important;
    width:340px !important;
    max-width:340px !important;
    font-size:18px !important;
    line-height:1.24 !important;
    letter-spacing:2.6px !important;
  }

  #cepas-altitude .cepas-author{  /*texto Emerson ...*/
    left:30px !important;
    right:14px !important;
    top:-30px !important;
    width:122px !important;
    font-size:6.056px !important;
    line-height:1.1 !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - MANEJO HUMANO
  ========================================================= */

  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section,
  .human-section .human-content,
  .human-section .section-content{  /*tamanho da section*/
    position:relative !important;
    min-height:320px !important;
    height:320px !important;
    overflow:visible !important; /* permite o icone aparecer sobre a section posterior */
    background:#839A26 !important;
  }

  /* Mantem a section Manejo acima da section posterior */
  section#manejo-humano.human-section,
  #manejo-humano.human-section,
  .human-section{
    z-index:20 !important;
  }

  /* Mantem a section posterior abaixo do icone */
  #adega,
  #adega.adega-section,
  .adega-section{
    position:relative !important;
    z-index:1 !important;
  }

  /* Ícone Enera */
  .human-icon{
    position:absolute !important;
    left:-110px !important;
    top:55px !important;

    width:265px !important; /* tamanho icone */
    height:auto !important;

    opacity:.6 !important; /* opacidade conforme Figma */
    z-index:2 !important;
    pointer-events:none !important;

    /* cor icone */
    filter:
    brightness(0)
    saturate(100%)
    invert(66%)
    sepia(38%)
    saturate(659%)
    hue-rotate(31deg)
    brightness(95%)
    contrast(88%) !important;
  }

  /* Garrafa do Manejo Humano */
  .human-bottle{
    position:absolute !important;
    left:-44px !important;
    top:-12px !important; /* posição inicial antes da rotação */

    width:auto !important;
    height:366px !important; /* tamanho da garrafa */
    object-fit:contain !important;
    max-width:none !important;
    
    opacity:1 !important;
    z-index:9 !important; /* fica à frente do texto Manejo Humano */
    pointer-events:none !important;

    /* Mantem compatibilidade com a animacao existente no JS */
    --hb-base-x:0px !important;
    --hb-base-y:0px !important;
    --hb-base-rotate:0deg !important;

    /* Estes valores mudam via JS durante o scroll */
    --hb-x:0px;
    --hb-y:0px;
    --hb-rotate:0deg;
    --hb-scale:1;

    transform:
      translate3d(var(--hb-base-x), var(--hb-base-y), 0)
      translate3d(var(--hb-x), var(--hb-y), 0)
      rotate(calc(var(--hb-base-rotate) + var(--hb-rotate)))
      scale(var(--hb-scale)) !important;

    transform-origin:58% 9% !important;
    will-change:transform !important;
  }

  /* Título Manejo Humano */
  .human-title,
  .human-section .script-heading{
    position:absolute !important;
    left:85px !important;
    top:65px !important;
    transform:none !important;

    width:250px !important;
    max-width:250px !important;
    height:auto !important;

    font-family:"r41-alfabeta-72", var(--font-alfabeta) !important;
    font-size:39.076px !important;
    line-height:.9 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:left !important;
    text-shadow:none !important;
    z-index:5 !important;
  }

  /* Bloco dos textos */
  .human-copy{
    position:absolute !important;
    left:114px !important;
    right:auto !important;
    top:128px !important;
    transform:none !important;

    width:247px !important;
    max-width:347px !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:5 !important;
  }

  /* Textos internos */
  .human-copy,
  .human-section .body-copy,
  .human-section .small-text{
    font-family:"Montserrat", sans-serif !important;
    font-size:9.8px !important;
    line-height:1.9 !important;
    letter-spacing:0 !important;

    color:#F4FDD9 !important;
    text-align:right !important;
    text-shadow:none !important;
  }

  /* Espaçamento entre os dois parágrafos */
  .human-copy p,
  .human-section .body-copy,
  .human-section .small-text{
    margin:0 0 14px 0 !important;
    padding:0 !important;
  }

  /* Negritos dos textos */
  .human-copy strong,
  .human-section .body-copy strong,
  .human-section .small-text strong{
    font-weight:700 !important;
  }
  
  /* =========================================================
     MOBILE 390 x 916 - VINIFICACAO / ADEGA
  ========================================================= */

  section#adega.adega-section,
  #adega.adega-section,
  #adega.adega-section .container,
  #adega.adega-section .section-content,
  #adega.adega-section .row,
  #adega.adega-section .min-vh-100,
  #adega.adega-section [class*="col-"]{  /*tamanho da secrtion*/
    min-height:296px !important;
    height:296px !important;
  }

  #adega.adega-section .media-bg,
  #adega.adega-section video.media-bg,
  #adega.adega-section > video{
    object-position:center center !important;
  }

  #adega.adega-section .script-heading,
  #adega.adega-section h2:first-of-type{  /*texto vinificação*/
    left:50% !important;
    top:180px !important;
    transform:translateX(-50%) !important;
    font-size:55px !important;
    line-height:.9 !important;
    width:max-content !important;
    max-width:96vw !important;
  }

  #adega.adega-section .subtitle-serif,
  #adega.adega-section h2:first-of-type + p{  /*texto trato refinado*/
    left:50% !important;
    top:248px !important;
    transform:translateX(-50%) !important;
    font-size:21px !important;
    line-height:1 !important;
    letter-spacing:3px !important;
    width:max-content !important;
    max-width:94vw !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - PROCESSO
  ========================================================= */

  section#processo.process-section,
  #processo.process-section,
  .process-section,
  section#processo.process-section .process-content,
  section#processo.process-section .container,
  section#processo.process-section .section-content,
  section#processo.process-section .process-layout,
  section#processo.process-section .row,
  section#processo.process-section .min-vh-100,
  section#processo.process-section .process-text-column,
  section#processo.process-section [class*="col-"],
  .process-section .process-content,
  .process-section .container,
  .process-section .section-content,
  .process-section .process-layout,
  .process-section .row,
  .process-section .min-vh-100,
  .process-section .process-text-column,
  .process-section [class*="col-"]{  /*tamanho da section*/
    min-height:302px !important;
    height:302px !important;
  }

  section#processo.process-section .process-intro,
  .process-section .process-intro{  /*texto a decantação ...*/
    left:26px !important;
    top:26px !important;
    bottom:auto !important;
    width:200px !important;
    font-size:9.8px !important;
    line-height:1.6 !important;
  }

  section#processo.process-section .process-quote,
  .process-section .process-quote{  /*texto antes da garrafa ...*/
    left:50% !important;
    bottom:26px !important;
    transform:translateX(-50%) !important;
    width:350px !important;
    max-width:350px !important;
    font-size:15px !important;
    line-height:1.22 !important;
    letter-spacing:2.2px !important;
  }

  section#processo.process-section .process-author,
  .process-section .process-author{  /*texto enólogo*/
    bottom:-26px !important;
    width:120px !important;
    font-size:7.5px !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - PROPOSITO
  ========================================================= */

  section#proposito.purpose-section,
  #proposito.purpose-section,
  #proposito.propose-section,
  #proposito .purpose-content,
  #proposito .section-content,
  #proposito .container,
  #proposito .row,
  #proposito .min-vh-100,
  #proposito [class*="col-"]{  /*tamanho da section*/
    min-height:162px !important;
    height:162px !important;
  }

  #proposito .purpose-title,
  #proposito .script-heading,
  #proposito h2{  /*texto o proposito*/
    top:18px !important;
    font-size:58.654px !important;
    line-height:.9 !important;
    width:max-content !important;
    max-width:96vw !important;
  }

  #proposito .purpose-subtitle,
  #proposito .subtitle-serif,
  #proposito .purpose-title + p{  /*texto contribuição ...*/
    top:91.5px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
  
    font-size:14.244px !important;
    line-height:1.2 !important;
    letter-spacing:1.6px !important;
  
    white-space:nowrap !important;
    text-align:center !important;
  }
  
  #proposito .purpose-subtitle br,
  #proposito .subtitle-serif br,
  #proposito .purpose-title + p br{
    display:none !important;
  }

  #proposito .purpose-copy,
  #proposito .body-copy,
  #proposito .purpose-subtitle + p{  /*texto desde a concepção ...*/
    top:116px !important;
    width:250px !important;
    max-width:250px !important;
    font-size:8.5px !important;
    line-height:1.28 !important;
    font-weight: 400 !important;
  }

  #proposito .purpose-copy strong,
  #proposito .body-copy strong{  /*negrito da parte do texto desde a concepção ...*/
    font-size:8.5px !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - APAE URUBICI
  ========================================================= */

  section#apae-urubici.apae-section,
  .apae-section,
  .apae-section .apae-content,
  .apae-section .section-content{  /*tamanho da section*/
    min-height:360px !important;
    height:360px !important;
  }

  .apae-videos{  /*tamanho do card geral dos vídeos*/
    top:22px !important;
    left:50% !important;
    width:334px !important;
    max-width:334px !important;
    height:154px !important;
    transform:translateX(-50%) !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:7px !important;
  }

  .apae-video-card{  /*tamanho do card dos vídeos*/
    width:112.3px !important;
    height:199.65px !important;
    flex:none !important;
  }

  .apae-video-card::before{  /*circulo para play no vídeo*/
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
  
    width:34px !important;
    height:34px !important;
    border-width:3px !important;
    border-style:solid !important;
    border-radius:50% !important;
  }
  
  .apae-video-card::after{  /*seta do circulo para play*/
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-38%, -50%) !important; /* centraliza visualmente o triangulo */
  
    width:0 !important;
    height:0 !important;
  
    border-top-width:8px !important;
    border-bottom-width:8px !important;
    border-left-width:12px !important;
  
    border-top-style:solid !important;
    border-bottom-style:solid !important;
    border-left-style:solid !important;
  
    border-top-color:transparent !important;
    border-bottom-color:transparent !important;
  }

  .apae-title,
  .apae-section .block-heading,
  .apae-section h2{  /*texto apae urubici*/
    top:237px !important;
    width:350px !important;
    max-width:350px !important;
    font-size:45px !important;
    line-height:1 !important;
    letter-spacing:7px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{  /*textos ha 43 anos ...*/
    left:40% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    top:285px !important;
    width:300px !important;
    max-width:300px !important;

    font-size:7.4px !important;
    line-height:1.28 !important;
    text-align:center !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:7.4px !important;
    line-height:1.28 !important;
    margin-bottom:10px !important;
    text-align:center !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - IMPACTO
  ========================================================= */

  section#impacto.impact-section,
  .impact-section#impacto,
  #impacto .impact-content,
  #impacto .section-content{  /*tamanho da section*/
    min-height:310px !important;
    height:310px !important;
  }

  #impacto .impact-photo{
    object-position:center center !important;
  }

  #impacto .impact-title{  /*texto e retangulo marrom*/
    bottom:20px !important;
    width:360px !important;
    max-width:360px !important;
    min-width:0 !important;
    font-size:11.8px !important;
    line-height:16.8px !important;
    letter-spacing:1.35px !important;
    text-align:center !important;
  }

  #impacto .impact-title span{
    padding:0 5px !important;
  }

  /* =========================================================
     MOBILE 390 x 916 - FOOTER
  ========================================================= */

  section#inscreva-se.subscribe-footer,
  #inscreva-se.subscribe-footer,
  .subscribe-footer.footer-section{  /*tamanho da section*/
    position:relative !important;
    min-height:100px !important;
    height:100px !important;
    max-height:100px !important;
    overflow:hidden !important;
    background:#839A26 !important;
  }
  
  /* Container geral */
  #inscreva-se .footer-inner{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
  
    width:100% !important;
    max-width:100% !important;
    height:100px !important;
  
    margin:0 !important;
    padding:0 !important;
  
    display:block !important;
    transform:none !important;
    transform-origin:center center !important;
  }
  
  /* =========================================================
     BLOCO ESQUERDO - INSCREVA-SE
  ========================================================= */
  
  #inscreva-se .footer-left{
    position:absolute !important;
    left:30px !important;
    top:27px !important;
  
    width:112px !important;
    height:auto !important;
  
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  
    text-align:left !important;
    z-index:5 !important;
  }
  
  #inscreva-se .footer-cta{ /*texto e retangulo inscreva-se*/
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  
    width:85px !important;      /* largura do retangulo */
    height:19px !important;     /* altura do retangulo */

    padding-top:2.5px !important; /* desce o texto dentro do retangulo */
    box-sizing:border-box !important;
  
    font-family:"spalla", "Cormorant Garamond", serif !important;
    font-size:16.692px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:.3px !important;
  
    color:#F4FDD9 !important;
    text-align:center !important;
    text-decoration:none !important; /* remove o sublinhado do link */
  
    background:#A7BD40 !important; /* cor retangulo atras */
    border:0 !important;
  }
  
  #inscreva-se .footer-note{
    width:98px !important;
    max-width:98px !important;
  
    margin:6px 0 0 -4px !important;
    padding:0 !important;
  
    transform:translateX(-3px) !important; /* move o bloco */
    
    font-size:5.358px !important;
    line-height:1.18 !important;
    text-align:center !important;
  }

  /* =========================================================
     LOGO CENTRAL
  ========================================================= */
  
  #inscreva-se .footer-logo{
    position:absolute !important;
    left:50% !important;
    top:16px !important;
  
    width:56px !important;
    height:auto !important;
  
    margin:0 !important;
    padding:0 !important;
  
    transform:translateX(-50%) !important;
    background:transparent !important;
    border:0 !important;
    z-index:5 !important;
  }
  
  #inscreva-se .footer-logo img{
    width:76px !important;
    height:auto !important;
    display:block !important;
  }
  
/* =========================================================
   BLOCO DIREITO - REDES + CONTATO
   Ajuste final somente mobile.
========================================================= */

#inscreva-se .footer-right{
  position:absolute !important;
  right:18px !important; /* move o bloco inteiro para esquerda/direita */
  left:auto !important;
  top:23px !important;   /* move o bloco inteiro para cima/baixo */

  width:86px !important;
  height:44px !important;

  margin:0 !important;
  padding:0 !important;
  transform:none !important;

  display:block !important;
  overflow:visible !important;

  z-index:20 !important;
}

/* Redes sociais */
#inscreva-se .footer-social-icons{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;

  width:70px !important;
  height:16px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;
  z-index:22 !important;
}

#inscreva-se .footer-social-icons a{
  width:16px !important;
  height:16px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  opacity:.62 !important; /* deixa os icones mais transparentes */
}

#inscreva-se .footer-social-icons img{
  width:16px !important;
  height:16px !important;
  display:block !important;
  object-fit:contain !important;
  opacity:.62 !important; /* deixa os icones mais transparentes */
}

/* Ações do footer */
#inscreva-se .footer-actions{
  position:absolute !important;
  left:50% !important;
  top:19px !important;
  transform:translateX(-50%) !important;

  display:block !important;

  width:78px !important;
  height:12px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:23 !important;
}

/* Botão ENTRE EM CONTATO */
#inscreva-se .footer-right .footer-actions .footer-action,
#inscreva-se .footer-action{
  position:relative !important;

  width:78px !important;
  height:12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;

  margin:0 !important;
  padding:0 3px !important;  /*posição do texto dentro do retangulo*/
  box-sizing:border-box !important;

  border:0 !important;
  background:#A7BD40 !important; /* cor retangulo atras */
  color:#F6FDDC !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;

  z-index:24 !important;
}

/* Ícone WhatsApp ao lado do botão */
#inscreva-se .footer-right .footer-actions .footer-action img,
#inscreva-se .footer-action img{
  position:absolute !important;
  left:-20px !important; /* deixa o icone fora do retangulo */
  top:50% !important;
  transform:translateY(-50%) !important;

  width:16px !important;
  height:16px !important;

  flex:0 0 7px !important;

  display:block !important;
  object-fit:contain !important;

  opacity:.62 !important;
  visibility:visible !important;
  z-index:25 !important;
}

/* Texto ENTRE EM CONTATO */
#inscreva-se .footer-right .footer-actions .footer-action span,
#inscreva-se .footer-action span{
  display:block !important;

  width:100% !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;

  font-family:"spalla", "Cormorant Garamond", serif !important;
  font-size:8.818px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;

  color:#F6FDDC !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  opacity:1 !important;
  visibility:visible !important;

  transform:translateY(.4px) !important;
}

}

/* =========================================================
   RESPONSIVIDADE 1406 x 790 - 13.3"
========================================================= */

@media (min-width:1360px) and (max-width:1450px) and (min-height:700px) and (max-height:800px){

  /* =========================================================
     BASE GERAL - 13.3"
  ========================================================= */

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    padding-top:0 !important;
  }

  html body main,
  html body #smooth-content{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  html body section,
  html body .panel{
    width:100% !important;
    max-width:100% !important;
  }

  html body .section-content{
    padding-left:0 !important;
    padding-right:0 !important;
  }


  /* =========================================================
   POPUP DE IDADE - 13.3"
========================================================= */

html body .age-gate,
html body #ageGate{
  width:100% !important;
  height:100% !important;
}

/* Card verde */
html body .age-gate-card{
  position:relative !important;

  width:764px !important;
  max-width:764px !important;
  min-width:764px !important;

  height:384px !important;
  min-height:384px !important;
  max-height:384px !important;

  padding:0 !important;
  border-radius:28px !important;

  display:block !important;
  overflow:hidden !important;
}

/* Logo */
html body .age-gate-logo{
  position:absolute !important;

  left:50% !important;
  top:58px !important;
  transform:translateX(-50%) !important;

  width:108px !important;
  max-width:108px !important;
  height:auto !important;

  margin:0 !important;
}

/* Pergunta */
html body .age-gate-title{
  position:absolute !important;

  left:50% !important;
  top:202px !important;
  transform:translateX(-50%) !important;

  width:760px !important;
  max-width:760px !important;

  margin:0 !important;
  padding:0 !important;

  font-size:38px !important;
  line-height:1 !important;
  letter-spacing:8px !important;

  text-align:center !important;
  white-space:nowrap !important;
}

/* Área dos botões */
html body .age-gate-actions{
  position:absolute !important;

  left:50% !important;
  top:285px !important;
  transform:translateX(-50%) !important;

  width:590px !important;
  height:54px !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:0 !important;
}

/* Botões */
html body .age-gate-btn{
  width:240px !important;
  height:54px !important;

  border-radius:14px !important;

  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:7px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;
}


  /* =========================================================
     NAVBAR - 13.3"
  ========================================================= */

  html body .enera-nav{
    top:28px !important;
    min-height:52px !important;
    background:rgba(11,24,8,.24) !important;
    border-top:2px solid var(--green) !important;
    border-bottom:2px solid var(--green) !important;
    z-index:9999 !important;
  }

  html body .enera-nav .container-fluid{
    min-height:52px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
  }

  html body .enera-brand,
  html body .navbar-toggler{
    display:none !important;
  }

  html body .navbar-collapse{
    position:static !important;
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  html body .enera-nav .nav-lines,
  html body .navbar .nav-lines,
  html body .navbar-nav.nav-lines{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    gap:72px !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  html body .enera-nav .navbar-nav .nav-link,
  html body .navbar .navbar-nav .nav-link,
  html body .navbar .nav-link{
    padding:15px 0 !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    color:rgba(255,255,255,.9) !important;
    text-decoration:none !important;
  }

  html body .enera-nav .navbar-nav .nav-link.active,
  html body .enera-nav .navbar-nav .nav-link[aria-current="page"],
  html body .navbar .navbar-nav .nav-link.active,
  html body .navbar .navbar-nav .nav-link[aria-current="page"]{
    font-weight:700 !important;
    color:#fff !important;
  }


  /* =========================================================
     BOTÃO WHATSAPP - 13.3"
  ========================================================= */

  html body .whatsapp-float{
    right:42px !important;
    bottom:28px !important;
    width:62px !important;
    height:46px !important;
    border-radius:8px !important;
    z-index:90 !important;
  }

  html body .whatsapp-float img{
    width:30px !important;
    height:30px !important;
  }


  /* =========================================================
     HERO / INÍCIO - 13.3"
  ========================================================= */

  html body #inicio.hero-home,
  html body .hero-home,
  html body #inicio .hero-home-content,
  html body .hero-home-content{
    min-height:790px !important;
    height:790px !important;
    overflow:visible !important;
  }

  html body #inicio .hero-video,
  html body .hero-home .hero-video{
    object-position:center center !important;
  }

  html body #inicio .hero-brand-logo,
  html body .hero-home .hero-brand-logo{
    top:122px !important;
    left:50% !important;
    width:128px !important;
    transform:translateX(-50%) !important;
    z-index:8 !important;
  }

  html body #inicio .hero-main-title,
  html body .hero-home .hero-main-title{
    left:260px !important;
    bottom:56px !important;
    transform:none !important;

    width:max-content !important;
    max-width:none !important;

    font-size:148px !important;
    line-height:.86 !important;
    text-align:left !important;

    color:#F4FDD9 !important;
    z-index:7 !important;
  }

  html body #inicio .hero-main-subtitle,
  html body .hero-home .hero-main-subtitle{
    left:58% !important;
    right:auto !important;
    bottom:112px !important;
    transform:none !important;

    width:max-content !important;
    max-width:none !important;

    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:5px !important;

    text-align:left !important;
    color:#F4FDD9 !important;
    z-index:8 !important;
  }

  html body .hero-product-area{
    right:-12px !important;
    top:72px !important;
    width:350px !important;
    height:710px !important;
    overflow:visible !important;
    opacity:.96 !important;
    z-index:6 !important;
  }

  html body .hero-bottle-img{
    left:0 !important;
    top:34px !important;
    width:390px !important;
    height:auto !important;
  }

  html body .hero-hand-img{
    left:78px !important;
    top:77px !important;
    width:455px !important;
    height:auto !important;
  }


  /* =========================================================
     SECTION O VINHO - 13.3"
  ========================================================= */

  html body #vinho,
  html body section#vinho,
  html body #vinho .container,
  html body #vinho .container-fluid,
  html body #vinho .section-content,
  html body #vinho .section-inner,
  html body #vinho .row,
  html body #vinho .min-vh-100{
    min-height:790px !important;
    height:790px !important;
    overflow:hidden !important;
  }

  html body #vinho .media-bg,
  html body #vinho .bg-video,
  html body #vinho video.media-bg,
  html body #vinho video.bg-video,
  html body #vinho > video{
    object-position:center center !important;
  }

  html body #vinho .script-heading,
  html body #vinho .script-title,
  html body #vinho .wine-title,
  html body #vinho h2:first-of-type{  /*texto o vinho*/
    left:220px !important;
    top:120px !important;
    font-size:150px !important;
    line-height:.74 !important;
  }

  html body #vinho .subtitle-serif,
  html body #vinho .wine-subtitle,
  html body #vinho .section-subtitle,
  html body #vinho .overline,
  html body #vinho h2:first-of-type + p{ /*texto pioneirismo ...*/
    left:425px !important;
    top:315px !important;
    width:420px !important;
    max-width:420px !important;
    font-size:36px !important;
    line-height:1.12 !important;
    letter-spacing:5px !important;
  }

  html body #vinho .wine-description,
  html body #vinho .section-copy,
  html body #vinho .wine-copy,
  html body #vinho p:nth-of-type(2){  /*texto serra catarinense ...*/
    left:50% !important;
    top:540px !important;
    transform:translateX(-50%) !important;
    width:460px !important;
    max-width:460px !important;
    font-size:20px !important;
    line-height:1.48 !important;
    text-align:right !important;
  }

  html body #vinho .small-text,
  html body #vinho .small-copy,
  html body #vinho .wine-highlight,
  html body #vinho .body-copy + p,
  html body #vinho .section-copy + p,
  html body #vinho p:nth-of-type(3){ /*texto descubra ...*/
    left:51.5% !important;
    top:660px !important;
    transform:translateX(-50%) !important;
    width:410px !important;
    max-width:410px !important;
    font-size:19px !important;
    line-height:1.4 !important;
    text-align:right !important;
  }


  /* =========================================================
     SECTION TERROIR DE ALTITUDE - 13.3"
  ========================================================= */

  html body section#terroir.terroir-section,
  html body .terroir-section{
    min-height:790px !important;
    height:790px !important;
    overflow:hidden !important;
  }

  html body .terroir-section .terroir-content{
    min-height:790px !important;
    height:790px !important;
    padding:112px 18px 48px !important;
  }

  html body .terroir-section .terroir-marquee{  /*texto terroir ...*/
    top:58px !important;
    min-height:125px !important;
  }

  html body .terroir-section .terroir-marquee-track span{ /*texto terroir ...*/
    font-size:124px !important;
    line-height:1 !important;
  }

  html body .terroir-section .terroir-photo-wrap{  /*tamanho da foto*/
    width:95vw !important;        /* aumenta/diminui a largura da foto */
    max-width:1400px !important;  /* limite máximo da foto */
  }
  
  html body .terroir-section .terroir-photo{  /*container da foto*/
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  html body .terroir-section .terroir-copy{ /*texto o clima ...*/
    right:220px !important;
    top:62% !important;
    width:270px !important;
    font-size:17px !important;
    line-height:1.42 !important;
    text-align:right !important;
  }


  /* =========================================================
     SECTION HISTÓRIA - 13.3"
  ========================================================= */

  html body .history-section,
  html body .history-stage{
    min-height:760px !important;
    height:760px !important;
    overflow:visible !important;
  }

  html body .history-title-wrap{  /*texto historia*/
    left:38% !important;
    top:15px !important;
    width:780px !important;
    height:230px !important;
    transform:translateX(-50%) !important;
    z-index:5 !important;
  }

  html body .history-title{  /*texto historia*/
    width:780px !important;
    height:auto !important;
    font-size:130px !important;
    line-height:1 !important;
  }

  html body .history-family-photo{  /*tamanho card foto*/
    left:0 !important;
    top:86px !important;
    width:980px !important;
    height:540px !important;
    overflow:hidden !important;
  }

  html body .history-slide-2::before,
  html body .history-slide-3::before{
    left:0 !important;
    top:86px !important;
    width:980px !important;
    height:540px !important;
  }

  html body .history-family-photo img{
    object-fit:cover !important;
    object-position:center 38% !important; /*move a foto*/
    filter:brightness(.72) saturate(.92) contrast(1.04) !important;
  }

  html body .history-photo-quote{  /*texto Nathália*/
    left:575px !important;
    top:465px !important;
    width:300px !important;
    font-size:18px !important;
    line-height:1.2 !important;
  }

  html body .history-product{ /* move conjunto mão e garrafa*/
    right:-15px !important;
    top:-155px !important;
    width:650px !important;
    height:650px !important;
    opacity:.96 !important;
  }

  html body .history-bottle{  /*garrafa*/
    left:0 !important;
    top:0 !important;
    width:535px !important;
  }

  html body .history-hand{  /*mão*/
    left:74px !important;
    top:28px !important;
    width:440px !important;
  }

  html body .history-text-card{
    left:290px !important;
    top:215px !important;
    width:430px !important;
  }

  html body .history-text-card-strong{
    left:290px !important;
    top:215px !important;
    width:390px !important;
  }

  html body .history-text-card p,
  html body .history-text-card-strong p{
    font-size:20px !important;
    line-height:1.75 !important;
  }

  html body .history-next{  /*seta*/
    left:58vw !important;
    top:472px !important;
    width:70px !important;
    height:46px !important;
  }

  html body .history-next img{  /*seta*/
    width:70px !important;
    height:auto !important;
  }

  html body main #historia.panel.history-section,
  html body main section#historia.history-section,
  html body #historia.history-section{
    min-height:690px !important;
    height:690px !important;
    max-height:690px !important;
    overflow:visible !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  html body main #historia .history-stage,
  html body #historia .history-stage,
  html body .history-stage[data-history-stage]{
    min-height:690px !important;
    height:690px !important;
    max-height:690px !important;
    overflow:visible !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  /* Mantém os slides ocupando exatamente a altura nova */
  html body #historia .history-slide{
    height:690px !important;
    min-height:690px !important;
    max-height:690px !important;
  }

  /* Card da foto */
  html body #historia .history-family-photo{
    left:0 !important;
    top:86px !important;
    width:980px !important;
    height:540px !important;
    overflow:hidden !important;
  }

  /* Card verde dos slides 2 e 3 */
  html body #historia .history-slide-2::before,
  html body #historia .history-slide-3::before{
    left:0 !important;
    top:86px !important;
    width:980px !important;
    height:540px !important;
  }

  /* Garante que o Vinhedo venha logo depois, sem margem extra */
  html body main #vinhedo.igp-section,
  html body main section#vinhedo{
    margin-top:0 !important;
  }


  /* =========================================================
     SECTION VINHEDO - 13.3"
  ========================================================= */

  html body section#vinhedo.igp-section,
  html body #vinhedo.igp-section{
    --vinhedo-section-h:1120px;
    --vinhedo-carousel-h:260px;
    --vinhedo-video-h:860px;

    min-height:820px !important;
    height:820px !important;
    overflow:hidden !important;
  }

  html body #vinhedo .igp-layout{
    min-height:1120px !important;
    height:1120px !important;
  }

  html body #vinhedo .vinhedo-video,
  html body #vinhedo .media-bg,
  html body #vinhedo video.media-bg,
  html body #vinhedo > video{
    height:860px !important;
    object-position:center center !important;
  }

  html body #vinhedo .vinhedo-text-wrap{
    min-height:860px !important;
    height:860px !important;
  }

  html body #vinhedo .vinhedo-title{  /*texto o vinhedo*/
    top:118px !important;
    font-size:165px !important;
    line-height:.9 !important;
  }

  html body #vinhedo .vinhedo-subtitle{  /*texto indicação ...*/
    bottom:106px !important;
    font-size:36px !important;
    line-height:1.25 !important;
    letter-spacing:5px !important;
  }

  html body #vinhedo .vinhedo-carousel,
  html body #vinhedo .vinhedo-carousel-track{
    height:260px !important;
  }

  html body #vinhedo .vinhedo-carousel-card{
    flex:0 0 255px !important;
    width:255px !important;
    min-width:255px !important;
    height:260px !important;
  }

  html body #vinhedo .vinhedo-carousel::before,
  html body #vinhedo .vinhedo-carousel::after{
    width:max(0px, calc((100% - 765px) / 2)) !important;
  }

  html body #vinhedo .vinhedo-carousel-track{
    animation-name:vinhedoCarouselMacbook13 !important;
  }

  @keyframes vinhedoCarouselMacbook13{
    from{
      transform:translate3d(0,0,0);
    }
    to{
      transform:translate3d(-1785px,0,0);
    }
  }


  /* =========================================================
     SECTION CEPAS DE ALTITUDE - 13.3"
  ========================================================= */

  html body section#cepas-altitude.cepas-section,
  html body #cepas-altitude.cepas-section,
  html body #cepas-altitude .cepas-content{
    min-height:790px !important;
    height:790px !important;
    overflow:hidden !important;
  }

  html body #cepas-altitude .cepas-intro{
    top:105px !important;
    width:780px !important;
    max-width:780px !important;
  }

  html body #cepas-altitude .cepas-intro p{
    font-size:20px !important;
    line-height:1.68 !important;
  }

  html body #cepas-altitude .cepas-quote-wrap{
    top:360px !important;
    width:900px !important;
    height:280px !important;
  }

  html body #cepas-altitude .cepas-quote{  /*texto buscamos*/
    left:50% !important;
    top:150px !important;
    transform:translateX(-50%) !important;
    width:850px !important;
    font-size:38px !important;
    line-height:1.42 !important;
    letter-spacing:5.2px !important;
  }

  html body #cepas-altitude .cepas-author{  /*texto autor*/
    left:730px !important;
    top:330px !important;
    width:220px !important;
    font-size:12px !important;
    line-height:1.18 !important;
  }


  /* =========================================================
     SECTION MANEJO HUMANO - 13.3"
  ========================================================= */

  html body section#manejo-humano.human-section,
  html body #manejo-humano.human-section,
  html body .human-section,
  html body .human-section .human-content,
  html body .human-section .section-content{  /*tamanho da section*/
    min-height:810px !important;
    height:810px !important;
    overflow:visible !important;
  }

  html body .human-icon{  /*icone enera*/
    left:20px !important;
    top:50px !important;
    width:740px !important;
    max-width:none !important;
    opacity:.42 !important;
  }

  html body .human-bottle{  /*garrafa*/
    left:135px !important;
    top:-90px !important;
    width:590px !important;
  /*max-width:680px !important; */
    opacity:.96 !important;
    z-index:9 !important;
  }

  html body .human-title,
  html body .human-section .script-heading{  /*texto manejo humano*/
    left:460px !important;
    top:125px !important;
    width:780px !important;
    max-width:none !important;
    height:auto !important;
    font-size:108px !important;
    line-height:.95 !important;
    white-space:nowrap !important;
    text-align:left !important;
  }

  html body .human-copy{  /*Textos auxiliares*/
    right:150px !important;
    top:440px !important;
    width:510px !important;
    max-width:510px !important;
    min-height:0 !important;
  }

  html body .human-copy,
  html body .human-section .body-copy,
  html body .human-section .small-text{  
    font-size:20px !important;
    line-height:1.58 !important;
    text-align:right !important;
  }

  html body .human-copy p,
  html body .human-section .body-copy,
  html body .human-section .small-text{
    margin-bottom:42px !important;
  }


  /* =========================================================
     SECTION VINIFICAÇÃO - 13.3"
  ========================================================= */

  html body section#adega.adega-section,
  html body #adega.adega-section,
  html body #adega.adega-section .container,
  html body #adega.adega-section .section-content,
  html body #adega.adega-section .row,
  html body #adega.adega-section .min-vh-100,
  html body #adega.adega-section [class*="col-"]{
    min-height:850px !important;
    height:850px !important;
    overflow:hidden !important;
  }

  html body #adega.adega-section .script-heading,
  html body #adega.adega-section h2:first-of-type{
    left:50% !important;
    top:460px !important;
    transform:translateX(-50%) !important;
    font-size:138px !important;
    line-height:1 !important;
  }

  html body #adega.adega-section .subtitle-serif,
  html body #adega.adega-section h2:first-of-type + p{
    left:50% !important;
    top:670px !important;
    transform:translateX(-50%) !important;
    font-size:48px !important;
    letter-spacing:7px !important;
  }


  /* =========================================================
     SECTION PROCESSO - 13.3"
  ========================================================= */

  html body section#processo.process-section,
  html body #processo.process-section,
  html body .process-section,
  html body section#processo.process-section .process-content,
  html body section#processo.process-section .container,
  html body section#processo.process-section .section-content,
  html body section#processo.process-section .process-layout,
  html body section#processo.process-section .row,
  html body section#processo.process-section .min-vh-100,
  html body section#processo.process-section .process-text-column,
  html body section#processo.process-section [class*="col-"],
  html body .process-section .process-content,
  html body .process-section .container,
  html body .process-section .section-content,
  html body .process-section .process-layout,
  html body .process-section .row,
  html body .process-section .min-vh-100,
  html body .process-section .process-text-column,
  html body .process-section [class*="col-"]{
    min-height:790px !important;
    height:790px !important;
    overflow:hidden !important;
  }

  html body section#processo.process-section .process-intro,
  html body .process-section .process-intro{  /*TEXTO A DECANTAÇÃO ...*/
    left:210px !important;
    bottom:500px !important;
    width:400px !important;
    max-width:400px !important;
    height:auto !important;
    font-size:18px !important;
    line-height:1.45 !important;
  }

  html body section#processo.process-section .process-quote,
  html body .process-section .process-quote{
    left:50% !important;
    bottom:92px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    width:940px !important;
    max-width:940px !important;
    height:auto !important;
    font-size:39px !important;
    line-height:1.18 !important;
    letter-spacing:5px !important;
  }

  html body section#processo.process-section .process-author,
  html body .process-section .process-author{
    left:50% !important;
    bottom:46px !important;
    transform:translateX(-50%) !important;
    width:135px !important;
    height:auto !important;
    font-size:15px !important;
  }


  /* =========================================================
     SECTION PROPÓSITO - 13.3"
  ========================================================= */

  html body section#proposito.purpose-section,
  html body #proposito.purpose-section,
  html body #proposito.propose-section,
  html body #proposito .purpose-content,
  html body #proposito .section-content,
  html body #proposito .container,
  html body #proposito .row,
  html body #proposito .min-vh-100,
  html body #proposito [class*="col-"]{
    min-height:690px !important;
    height:690px !important;
    overflow:hidden !important;
  }

  html body #proposito .purpose-title,
  html body #proposito .script-heading,
  html body #proposito h2{  /*texto o proposito*/
    left:50% !important;
    top:115px !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:none !important;
    height:auto !important;
    font-size:135px !important;
    line-height:1 !important;
  }

  html body #proposito .purpose-subtitle,
  html body #proposito .subtitle-serif,
  html body #proposito .purpose-title + p{  /*texto contribuição ...*/
    left:50% !important;
    top:320px !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:none !important;
    height:auto !important;
    font-size:37px !important;
    line-height:1.18 !important;
    letter-spacing:5px !important;
    white-space:nowrap !important;
  }

  html body #proposito .purpose-copy,
  html body #proposito .body-copy,
  html body #proposito .purpose-subtitle + p{  /*texto desde a concepção ...*/
    left:50% !important;
    top:480px !important;
    transform:translateX(-50%) !important;
    width:650px !important;
    max-width:650px !important;
    height:auto !important;
    font-size:18px !important;
    line-height:1.48 !important;
    text-align:center !important;
  }

  html body #proposito .purpose-copy strong,
  html body #proposito .body-copy strong{
    font-size:18px !important;
  }


  /* =========================================================
     SECTION APAE URUBICI - 13.3"
  ========================================================= */

  html body section#apae-urubici.apae-section,
  html body #apae-urubici.apae-section,
  html body .apae-section,
  html body .apae-section .apae-content,
  html body .apae-section .section-content{
    min-height:900px !important;
    height:900px !important;
    overflow:hidden !important;
  }

  html body .apae-videos{
    left:50% !important;
    top:28px !important;
    transform:translateX(-50%) !important;
    width:1050px !important;
    max-width:1050px !important;
    height:430px !important;
    gap:70px !important;
    display:flex !important;
    justify-content:center !important;
  }

  html body .apae-video-card{
    flex:0 0 280px !important;
    width:280px !important;
    height:430px !important;
  }

  html body .apae-title,
  html body .apae-section .block-heading,
  html body .apae-section h2{ /*texto apae urubici*/
    left:50% !important;
    top:510px !important;
    transform:translateX(-50%) !important;
    width:1000px !important;
    max-width:1000px !important;
    height:auto !important;
    font-size:104px !important;
    line-height:1 !important;
    letter-spacing:13px !important;
    text-align:center !important;
  }

  html body .apae-copy,
  html body .apae-section .body-copy,
  html body .apae-section .small-text{
    left:41% !important;
    top:660px !important;
    transform:translateX(-50%) !important;
    width:780px !important;
    max-width:780px !important;
    height:auto !important;
    text-align:center !important;
  }

  html body .apae-copy p,
  html body .apae-section .body-copy,
  html body .apae-section .small-text{
    font-size:16px !important;
    line-height:1.42 !important;
    text-align:center !important;
  }


  /* =========================================================
     SECTION IMPACTO / FOTO FINAL - 13.3"
  ========================================================= */

  html body section#impacto.impact-section,
  html body #impacto.impact-section,
  html body .impact-section,
  html body #impacto .impact-content,
  html body .impact-section .impact-content{
    min-height:620px !important;
    height:620px !important;
    overflow:hidden !important;
  }

  html body #impacto .impact-title,
  html body .impact-section .impact-title{
    left:50% !important;
    bottom:32px !important;
    transform:translateX(-50%) !important;
    width:760px !important;
    max-width:82vw !important;
    font-size:24px !important;
    line-height:1.28 !important;
    letter-spacing:3px !important;
    text-align:center !important;
  }


  /* =========================================================
    FOOTER / INSCREVA-SE - 13.3"
  ========================================================= */

  html body section#inscreva-se.subscribe-footer,
  html body #inscreva-se.subscribe-footer,
  html body .subscribe-footer.footer-section{
    position:relative !important;

    min-height:300px !important;
    height:300px !important;
    max-height:300px !important;

    overflow:hidden !important;
    background:#839A26 !important;
  }

  /* Área geral interna do footer */
  html body #inscreva-se .footer-inner{
    position:absolute !important;

    left:50% !important;
    top:52px !important;

    width:1180px !important;
    max-width:1180px !important;
    height:260px !important;

    transform:translateX(-50%) !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;
  }

  /* =========================================================
    BLOCO ESQUERDO - INSCREVA-SE
  ========================================================= */

  html body #inscreva-se .footer-left{
    position:absolute !important;

    left:40px !important;
    top:52px !important;

    width:330px !important;
    height:auto !important;

    transform:none !important;
    text-align:center !important;
  }

  /* Botão/título "Inscreva-se" */
  html body #inscreva-se .footer-cta{
    width:285px !important;
    height:55px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 auto !important;
    padding:0 16px !important;

    font-size:48px !important;
    line-height:1 !important;

    background:rgba(244,253,217,.20) !important;
    color:#F4FDD9 !important;

    text-align:center !important;
    text-decoration:none !important;
  }

  /* Texto pequeno abaixo do "Inscreva-se" */
  html body #inscreva-se .footer-note{
    width:300px !important;

    margin:14px auto 0 !important;

    font-size:16px !important;
    line-height:1.28 !important;

    text-align:center !important;
    letter-spacing:0 !important;
    text-transform:none !important;

    color:#F4FDD9 !important;
    opacity:1 !important;
  }

  /* =========================================================
    LOGO CENTRAL
  ========================================================= */

  html body #inscreva-se .footer-logo{
    position:absolute !important;

    left:50% !important;
    top:-20px !important;

    width:250px !important;

    transform:translateX(-50%) !important;
  }

  html body #inscreva-se .footer-logo img{
    width:180px !important;
    height:auto !important;
    max-width:none !important;
  }

  /* =========================================================
    BLOCO DIREITO - REDES SOCIAIS + CONTATO
  ========================================================= */

  html body #inscreva-se .footer-right{
    position:absolute !important;

    right:20px !important;
    top:45px !important;

    width:360px !important;
    height:140px !important;

    transform:none !important;
  }

  /* Ícones Instagram / Facebook */
  html body #inscreva-se .footer-social-icons{
    position:absolute !important;

    left:80% !important;  /* move o card dos icones das redes sociais*/
    top:0 !important;

    width:180px !important;
    height:55px !important;

    transform:translateX(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:32px !important;
  }

  html body #inscreva-se .footer-social-icons a,
  html body #inscreva-se .footer-social-icons img{
    width:48px !important;
    height:48px !important;

    opacity:.55 !important;
  }

  /* Área do botão "Entre em contato" */
  html body #inscreva-se .footer-actions{
    position:absolute !important;

    left:80% !important;  /* move o card entre em contato*/
    top:72px !important;

    width:300px !important;
    height:auto !important;

    transform:translateX(-50%) !important;

    display:flex !important;
    justify-content:center !important;
  }

  /* Botão de contato */
  html body #inscreva-se .footer-action{
    width:245px !important;
    height:48px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:12px !important;

    padding:0 18px !important;
    box-sizing:border-box !important;

    border:0 !important;

    color:#F4FDD9 !important;
    text-decoration:none !important;
  }

  html body #inscreva-se .footer-action img{  /*icone wpp*/
    width:40px !important;
    height:40px !important;
    flex:0 0 25px !important;

    opacity:.45 !important;
  }

  html body #inscreva-se .footer-action span{
    width:auto !important;

    font-size:25px !important;
    line-height:1 !important;
    font-weight:400 !important;

    text-align:center !important;
    white-space:nowrap !important;

    color:#F4FDD9 !important;
  }
  
}