: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:295px !important;   /* move texto direita/esquerda */
  top:62% !important;    /* move texto cima/baixo */
  transform:translateY(-50%) !important;

  width:400px !important;
  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 !important;
  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 !important;
  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:1385.42px !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:1385.42px !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;
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(.9) saturate(1) contrast(1.10) !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:39vh !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:-56px !important; /* move garrafa p direita/esquerda */
  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){
  .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 A Adega */
#adega.adega-section .script-heading,
#adega.adega-section h2:first-of-type{
  position:absolute !important;
  left:940px !important;
  top:560px !important; /* distancia do topo conforme referencia do Figma */
  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 conforme referencia do Figma */
  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:320px !important;
  bottom:540px !important; /* usa a distancia da base para manter a perspectiva da tela */

  width:554.33px !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:98px !important;
  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 / a quem precisa */
#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:50% !important;
  top:1000px !important;  /* move texto pra cima/baixo */
  transform:translateX(-50%) !important;

  width:949px !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:100% !important;
  max-width:100% !important;
  font-family:"Montserrat", sans-serif !important;
  font-size:27.339px !important;
  font-style:normal !important;
  font-weight:700 !important;
  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:55px !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{
  width:172px !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;
  }
}

/* =========================================================
   RESPONSIVIDADE FINAL
   Desktop, notebook 15", tablet e mobile.
   Manter este bloco no FINAL do style.css.
========================================================= */

/* =========================================================
   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 GRANDE / BASE 24 POLEGADAS
   1600px para cima
========================================================= */

@media (min-width:1600px){

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

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

  .hero-home,
  .hero-home-content{
    min-height:100vh !important;
    height:100vh !important;
  }

  .hero-home .hero-main-title,
  #inicio .hero-main-title{
    left:375px !important;
    bottom:11.2vh !important;
    font-size:185.262px !important;
  }

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

  .hero-product-area{
    right:9.33px !important;
    top:45px !important;
    width:443px !important;
    height:912px !important;
  }

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

  .hero-hand-img{
    left:98px !important;
    top:90px !important;
    width:553px !important;
  }
}


/* =========================================================
   DESKTOP MEDIO  - 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:-.3vw !important;
    top:92px !important;
    width:72vw !important;
    height:37vw !important;
  }

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

  .history-product{  /* move mao e garrafa*/
    right:-58px !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:400px !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;
  }

/*   #proposito .purpose-subtitle{
    top:330px !important;
    font-size:44px !important;
    letter-spacing:6px !important;
  }

  #proposito .purpose-copy{
    top:520px !important;
    width:700px !important;
    font-size:22px !important;
    line-height:1.42 !important;
  }

  #proposito .purpose-copy strong{
    font-size:22px !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 */
    top:625px !important;
    width:1100px !important;
    font-size:120px !important; 
    letter-spacing:14px !important;
  }

  .apae-copy,
  .apae-section .body-copy,
  .apae-section .small-text{
    top:810px !important;
    width:820px !important;
  }

  .apae-copy p,
  .apae-section .body-copy,
  .apae-section .small-text{
    font-size:18px !important; /* tamanho dos textos */
    line-height:1.28 !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;
  }

  /* PROPOSITO - tamanho dos textos */
  

}


/* =========================================================
   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;
  }
}