/* Fuentes alojadas en el propio sitio (Poppins, Inter — licencia OFL). Sin Google Fonts. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-latin-800-normal.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/poppins-latin-900-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format('woff2');}

:root{
    --orange:#F7941D;
    --hero-orange:#F6AB3F;
    --cta-orange:#F6B74B;
    --orange-deep:#E2701A;
    --honey:#FFC247;
    --cream:#FFF1DD;
    --cream-deep:#FBE4C4;
    --paper:#FFFDF8;
    --cocoa:#2E2624;
    --cocoa-soft:#3A302D;
    --ink:#2E2624;
    --font-display:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;
    --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    --maxw:1200px;
    --pad:clamp(20px,5vw,64px);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;}
  body{
    font-family:var(--font-body);
    color:var(--ink);
    background:var(--cream);
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}

  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);width:100%;}

  /* ---------- Type ---------- */
  .eyebrow{
    font-family:var(--font-display);
    font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--orange-deep);
  }
  .h2{
    font-family:var(--font-display);
    font-weight:800;line-height:1.02;letter-spacing:-.03em;
    font-size:clamp(34px,5.2vw,62px);
  }
  .lead{font-size:clamp(17px,2.1vw,21px);line-height:1.55;max-width:46ch;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;gap:.5em;
    font-family:var(--font-display);font-weight:700;font-size:16px;
    padding:16px 30px;border-radius:100px;cursor:pointer;border:none;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
    line-height:1;white-space:nowrap;
  }
  .btn:active{transform:translateY(1px) scale(.99);}
  .btn--solid{background:var(--cocoa);color:var(--cream);}
  .btn--solid:hover{background:#1F1A18;transform:translateY(-2px);box-shadow:0 12px 26px rgba(36,19,9,.28);}
  .btn--cream{background:var(--paper);color:var(--cocoa);box-shadow:0 6px 18px rgba(36,19,9,.14);}
  .btn--cream:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,19,9,.22);}

  /* ---------- Nav ---------- */
  .nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    padding:16px var(--pad);
    transition:background .3s ease,box-shadow .3s ease,padding .3s ease;
  }
  .nav__logo{display:inline-flex;position:relative;align-items:center;justify-self:start;}
  .nav__logo-img{height:42px;width:auto;display:block;transition:opacity .3s ease;}
  .nav__logo-img--dark{position:absolute;top:0;left:0;opacity:0;}
  .nav__links{display:flex;align-items:center;gap:30px;justify-self:center;}
  .nav__actions{display:flex;align-items:center;gap:0;justify-self:end;}
  .nav__links a{
    font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff;
    opacity:.92;transition:opacity .2s ease,color .3s ease;
  }
  .nav__links a:hover{opacity:1;}
  .nav.scrolled{background:rgba(255,241,221,.92);backdrop-filter:blur(12px);box-shadow:0 2px 24px rgba(36,19,9,.10);padding-top:12px;padding-bottom:12px;}
  .nav.scrolled .nav__logo-img--light{opacity:0;}
  .nav.scrolled .nav__logo-img--dark{opacity:1;}
  .nav.scrolled .nav__links a{color:var(--cocoa);}
  .nav__toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}
  .nav__toggle span{width:24px;height:2.5px;background:#fff;border-radius:2px;transition:background .3s ease;}
  .nav.scrolled .nav__toggle span{background:var(--cocoa);}

  /* ---------- Sections ---------- */
  section{position:relative;}
  .pad-y{padding-top:clamp(72px,10vw,130px);padding-bottom:clamp(72px,10vw,130px);}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:var(--hero-orange);
    color:var(--cocoa);
  }
  .hero__photo{display:block;width:100%;position:relative;z-index:0;}
  .hero__photo img{display:block;width:100%;height:auto;}
  .hero__scrim{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,var(--hero-orange) 0%,var(--hero-orange) 24%,rgba(246,171,63,.72) 40%,rgba(246,171,63,0) 58%);
  }
  .hero .wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;}
  .hero__content{max-width:560px;width:100%;}
  .hero__logo{width:clamp(290px,40vw,520px);height:auto;max-width:100%;display:block;}
  .hero__cta{display:flex;flex-wrap:wrap;gap:14px;}

  /* ---------- Marquee band ---------- */
  .marquee{background:var(--cocoa);overflow:hidden;padding:clamp(16px,2.6vw,30px) 0;display:flex;}
  .marquee__track{display:flex;flex:none;width:max-content;animation:marq 20s linear infinite;}
  .marquee__item{
    font-family:var(--font-display);font-weight:800;text-transform:uppercase;
    font-size:clamp(30px,5.6vw,68px);line-height:1;letter-spacing:-.01em;
    color:var(--cream);white-space:nowrap;display:inline-flex;align-items:center;
  }
  .marquee__item span{padding:0 .35em;}
  .marquee__item i{color:var(--cream);font-style:normal;font-weight:700;font-size:.72em;line-height:1;}
  @keyframes marq{to{transform:translateX(-50%)}}
  .marquee:hover .marquee__track{animation-play-state:paused;}
  @media (prefers-reduced-motion:reduce){.marquee__track{animation:none;}}

  /* ---------- Why ---------- */
  .why{background:var(--cream);}
  .section-head{max-width:1000px;margin-left:auto;margin-right:auto;text-align:center;}
  .section-head .lead{margin:18px auto 0;color:var(--ink);}
  .benefits{
    margin:56px auto 0;max-width:900px;
    display:grid;grid-template-columns:1fr 1fr;
    gap:clamp(30px,4vw,52px) clamp(40px,6vw,80px);
  }
  .bcell__bar{
    font-family:var(--font-display);font-weight:800;font-size:20px;
    color:var(--orange);letter-spacing:.04em;line-height:1;
    margin-bottom:14px;overflow:hidden;white-space:nowrap;
  }
  .bcell__bar::before{content:"//////////";}
  .bcell h3{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,2.3vw,27px);letter-spacing:-.02em;margin-bottom:10px;color:var(--ink);}
  .bcell p{font-size:16px;line-height:1.55;color:var(--ink);}

  /* ---------- Video + floating stickers ---------- */
  .vidwrap{
    position:relative;width:100vw;left:50%;margin-left:-50vw;
    aspect-ratio:16/9;overflow:visible;background:var(--hero-orange);
  }
  .vidwrap__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;}

  /* ---------- When (split photo/text) ---------- */
  .when2{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--cream);}
  .when2__media{position:relative;overflow:hidden;min-height:clamp(460px,42vw,640px);}
  .when2__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;}
  .when2__text{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(44px,6vw,88px) clamp(28px,5vw,76px);
  }
  .when2__text .lead{color:var(--ink);}
  
  
  @media (max-width:760px){.when2{grid-template-columns:1fr;}.when2__media{min-height:0;}.when2__media img{position:relative;width:100%;height:auto;object-position:50% center;}}
  
  

  /* ---------- Story ---------- */
  .story{background:var(--cocoa);color:var(--cream);text-align:center;}
  .story__logo{height:46px;width:auto;margin:0 auto 30px;filter:brightness(0) invert(1);}
  .story__logo--bottom{height:clamp(64px,8vw,104px);margin:48px auto 0;filter:none;}
  .story h2{color:var(--cream);}
  .story__body{max-width:62ch;margin:26px auto 0;}
  .story__body p{color:var(--cream);font-size:17px;margin-bottom:18px;}

  /* ---------- Final CTA ---------- */
  .final{position:relative;overflow:hidden;background:var(--cta-orange);color:var(--cocoa);}
  .final__photo{display:block;width:100%;position:relative;z-index:0;}
  .final__photo img{display:block;width:100%;height:auto;}
  .final__scrim{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,var(--cta-orange) 0%,var(--cta-orange) 24%,rgba(246,183,75,.72) 40%,rgba(246,183,75,0) 58%);
  }
  .final .wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;}
  .final__content{max-width:560px;width:100%;}
  .final__logo{width:clamp(280px,38vw,480px);height:auto;max-width:100%;display:block;}
  .final h2{margin-bottom:14px;}
  .final .lead{max-width:40ch;}
  .final__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}

  /* ---------- Footer ---------- */
  .footer{background:var(--cocoa-soft);color:rgba(255,253,248,.72);padding:60px var(--pad) 40px;}
  .footer__top{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1fr;gap:40px;align-items:start;}
  .footer__col--logo img{height:80px;width:auto;display:block;}
  .footer__col>p{font-size:15px;max-width:30ch;color:rgba(255,253,248,.72);font-weight:400;}
  .footer__nav{display:flex;flex-direction:column;gap:13px;}
  .footer__nav a{font-family:var(--font-display);font-weight:700;color:var(--paper);font-size:15px;width:fit-content;}
  .footer__nav a:hover{color:var(--honey);}
  .footer__bottom{max-width:var(--maxw);margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,253,248,.14);font-size:13.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .nowrap{white-space:nowrap;}

  /* ---------- Reveal ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* ---------- Responsive ---------- */
  @media (max-width:900px){
    .hero .wrap{position:relative;inset:auto;display:block;padding-top:clamp(108px,17vh,150px);padding-bottom:6px;}
    .hero__content{max-width:100%;}
    .hero__photo{margin-top:14px;position:relative;aspect-ratio:1/1;}
    .hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
    .hero__scrim{display:none;}
    .hero__cta{justify-content:center;}
    .benefits{grid-template-columns:1fr;}
    
    .footer__top{grid-template-columns:1fr;}
    .nav__links{display:none;}
    .nav__toggle{display:flex;}
    /* Móvil: 2 columnas — logo a la izquierda, acciones pegadas a la derecha */
    .nav{grid-template-columns:auto 1fr;}
    .nav__actions{justify-self:end;}
    /* Orden visual de las acciones: rayitas · idioma · botón */
    .nav__actions .nav__toggle{order:1;margin-left:0;margin-right:14px;}
    .nav__actions .nav__lang{order:2;margin:0 14px 0 0;}
    .nav__actions .nav__buy{order:3;margin-left:0;}
  }
  @media (max-width:540px){.benefits{grid-template-columns:1fr;}.footer__bottom{flex-direction:column;}}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;}.reveal{opacity:1;transform:none;}}
  :focus-visible{outline:3px solid var(--cocoa);outline-offset:3px;border-radius:6px;}

  /* ---------- Sub-pages ---------- */
  .nav--solid{background:var(--cream);box-shadow:0 2px 24px rgba(36,19,9,.08);padding-top:12px;padding-bottom:12px;}
  .nav--solid .nav__logo-img--light{opacity:0;}
  .nav--solid .nav__logo-img--dark{opacity:1;}
  .nav--solid .nav__links a{color:var(--cocoa);}
  .nav--solid .nav__toggle span{background:var(--cocoa);}
  .subpage{padding-top:clamp(98px,12vh,140px);padding-bottom:clamp(60px,8vw,110px);}
  .subhead{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);}
  .subhead h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.04;font-size:clamp(34px,5.4vw,60px);color:var(--ink);margin-top:12px;}
  .subhead .lead{margin-top:18px;max-width:60ch;color:var(--ink);}
  .subbody{max-width:var(--maxw);margin:clamp(30px,4vw,52px) auto 0;padding:0 var(--pad);}
  .prose{max-width:780px;}
  .prose h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.01em;color:var(--ink);margin:34px 0 12px;}
  .prose h2:first-child{margin-top:0;}
  .prose p{margin-bottom:16px;color:var(--ink);}
  .prose ul{margin:0 0 16px 20px;color:var(--ink);}
  .prose li{margin-bottom:8px;}
  
  .subcta{margin-top:36px;}
  /* ---------- Product information ---------- */
  .subpage--hero{padding-top:0;}
  .subhero{
    position:relative;overflow:hidden;
    min-height:clamp(420px,56vh,600px);
    display:flex;align-items:center;justify-content:center;text-align:center;
    padding:clamp(124px,16vh,176px) var(--pad) clamp(58px,8vw,88px);
    background:var(--cocoa);
  }
  .subhero__bg{position:absolute;inset:0;z-index:0;}
  .subhero__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
  
  .subhero .inner{position:relative;z-index:2;max-width:760px;margin:0 auto;}
  .subhero .eyebrow{color:var(--cream);text-shadow:0 1px 10px rgba(28,18,14,.55);}
  .subhero h1{
    font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.04;
    font-size:clamp(36px,5.6vw,64px);color:var(--cream);margin-top:12px;
    text-shadow:0 2px 20px rgba(28,18,14,.5);
  }
  .subhero .lead{color:var(--cream);margin:18px auto 0;max-width:60ch;text-shadow:0 1px 14px rgba(28,18,14,.55);}
  .subintro{max-width:780px;margin-bottom:clamp(30px,4.5vw,48px);}
  .subintro p{color:var(--ink);line-height:1.55;margin:0 0 14px;font-size:clamp(17px,2vw,20px);}
  .subintro p + p{font-size:clamp(15.5px,1.8vw,17px);margin-bottom:0;}
  .subintro strong{font-weight:700;}
  .prose .ing{color:var(--ink);line-height:1.65;font-size:15.5px;margin-bottom:8px;}
  .prose .ing strong{font-weight:700;color:inherit;}
  .subhero .lead + .lead{margin-top:13px;}

  /* Allergens — simple, coherent with the nutrition table */
  .allergens{max-width:600px;margin:6px 0 16px;}
  .alg-row{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:16px 0;border-top:1px solid rgba(46,38,36,.14);}
  .alg-row:first-child{border-top:none;padding-top:2px;}
  .alg-row__label{
    font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.05em;
    text-transform:uppercase;color:var(--orange-deep);padding-top:3px;
  }
  .alg-row__items{color:var(--ink);font-size:15px;line-height:1.5;display:grid;gap:6px;}
  .alg-row__items--strong{font-weight:700;}
  @media(max-width:600px){.alg-row{grid-template-columns:1fr;gap:8px;}.alg-row__label{padding-top:0;}}

  /* Nutrition table */
  .nutri-serving{
    padding:14px 18px;border-bottom:1px solid rgba(46,38,36,.14);
    font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink);letter-spacing:-.01em;
  }
  .nutri-panel{max-width:600px;margin:4px 0 16px;}
  .nutri{width:100%;border-collapse:collapse;font-size:15.5px;}
  .nutri th,.nutri td{padding:12px 18px;text-align:right;}
  .nutri th:first-child,.nutri td:first-child{text-align:left;}
  .nutri thead th{
    font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.05em;
    text-transform:uppercase;color:var(--orange-deep);
    padding-top:14px;padding-bottom:12px;border-bottom:3px solid var(--cocoa);
  }
  .nutri tbody td{color:var(--ink);}
  .nutri tbody td:first-child{color:var(--ink);font-weight:600;}
  /* category rows: thick separators between sections */
  .nutri tbody tr.cat td{border-top:2.5px solid rgba(46,38,36,.78);}
  .nutri tbody tr:first-child td{border-top:none;}
  /* sub rows: thin separators within a category */
  .nutri tbody tr.sub td{border-top:1px solid rgba(46,38,36,.14);}
  .nutri tbody tr.sub td:first-child{
    padding-left:34px;color:var(--ink);font-weight:400;font-style:italic;
  }
  .nutri tbody tr.sub td{font-size:14.5px;}
  /* highlighted rows: Energy + Protein */
  .nutri tbody tr.hl td{background:var(--cream-deep);padding-top:15px;padding-bottom:15px;}
  .nutri tbody tr.hl td:first-child{
    font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink);letter-spacing:-.01em;
  }
  .nutri tbody tr.hl td:not(:first-child){
    font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--orange-deep);letter-spacing:-.01em;
  }
  @media(max-width:520px){.nutri th, .nutri td{padding-left:13px;padding-right:13px;}.nutri tbody tr.hl td:first-child{font-size:16px;}.nutri tbody tr.hl td:not(:first-child){font-size:14.5px;}.nutri tbody tr.sub td:first-child{padding-left:22px;}}

  /* ---------- Retailers ---------- */
  .retail{max-width:720px;margin:0 auto;}
  .retail-page .subintro{max-width:720px;margin-left:auto;margin-right:auto;text-align:center;}
  .retail-form{display:grid;gap:18px;}
  .retail-form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .field{display:grid;gap:7px;}
  .field label{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--ink);}
  .field label .opt{font-weight:400;color:rgba(46,38,36,.5);}
  .field input,.field select,.field textarea{
    font-family:var(--font-body);font-size:15px;color:var(--ink);
    background:var(--paper);border:1.5px solid rgba(46,38,36,.2);border-radius:12px;
    padding:12px 14px;width:100%;transition:border-color .15s,box-shadow .15s;
  }
  .field textarea{resize:vertical;min-height:120px;}
  .field input:focus,.field select:focus,.field textarea:focus{
    outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(247,148,29,.2);
  }
  .field input::placeholder,.field textarea::placeholder{color:rgba(46,38,36,.45);}
  .form-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px;}
  .form-foot .privacy{font-size:12.5px;color:var(--ink);max-width:34ch;line-height:1.45;}
  .form-foot .privacy a{color:var(--orange-deep);}
  @media(max-width:820px){.retail-form .row{grid-template-columns:1fr;}}

  /* ---------- Hands band (full-bleed, after When) ---------- */
  .handsband{display:block;line-height:0;background:var(--cream);}
  .handsband img{width:100%;height:auto;display:block;}
  .hero__title{margin:0;line-height:0;font-size:0;}
  .sr-only{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  /* Retailers hero: sin capa, la foto se ve limpia */
  
  /* ---------- Legal / Privacy: company details ---------- */
  .legal-details{margin:6px 0 28px;max-width:620px;}
  .legal-details > div{
    display:grid;grid-template-columns:200px 1fr;gap:20px;
    padding:14px 0;border-top:1px solid rgba(46,38,36,.14);
  }
  .legal-details > div:first-child{border-top:none;}
  .legal-details dt{
    font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.05em;
    text-transform:uppercase;color:var(--orange-deep);padding-top:2px;
  }
  .legal-details dd{margin:0;color:var(--ink);font-size:15.5px;line-height:1.5;}
  .legal-details dd a{color:var(--orange-deep);}
  @media(max-width:600px){
    .legal-details > div{grid-template-columns:1fr;gap:6px;}
    .legal-details dt{padding-top:0;}
  }
  /* Legal page: todo el texto en el mismo color, sin naranjas */
  .legal-page .legal-details dt{color:var(--ink);}
  .legal-page .prose a,
  .legal-page .legal-details dd a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
  .legal-page .prose a:hover,
  .legal-page .legal-details dd a:hover{opacity:.7;}
  /* Bite Union logo en el aviso legal */
  .legal-logo{display:block;height:26px;width:auto;margin:18px 0 12px;}
  @media(max-width:600px){.legal-logo{height:22px;}}
  /* Company details: logo y tabla alineados a la izquierda, como el resto de la página */
  .last-updated{margin-top:22px;padding-top:18px;border-top:1px solid rgba(46,38,36,.14);font-size:14px;}
  /* ---------- Selector de idioma ---------- */
  .nav__lang{display:flex;align-items:center;gap:6px;margin-left:22px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;}
  .nav__lang a{opacity:.6;transition:opacity .15s;}
  .nav__lang a:hover{opacity:1;}
  .nav__lang a[aria-current="true"]{opacity:1;text-decoration:underline;text-underline-offset:4px;}
  .nav__lang span{opacity:.35;}
  @media(max-width:860px){
    .nav__lang{margin-left:auto;margin-right:14px;}
  }
  /* CTA final en móvil (<=760px): imagen CUADRADA (cta_sq) de fondo.
     La foto se baja (object-position) para que el producto quede en la mitad
     inferior, y el velo crema se extiende para dejar limpia la zona del texto. */
  @media (max-width:760px){
    .final{min-height:clamp(680px,150vw,900px);background:#EFAF44;}
    .final .wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;padding-top:clamp(34px,8vw,58px);padding-bottom:0;}
    .final__content{max-width:100%;}
    .final__photo{position:absolute;left:0;right:0;bottom:0;top:22%;margin-top:0;z-index:0;}
    .final__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 100%;}
    .final__scrim{
      display:block;z-index:1;
      background:linear-gradient(180deg,
        rgba(246,183,75,.92) 0%,
        rgba(246,183,75,.86) 30%,
        rgba(246,183,75,.55) 42%,
        rgba(246,183,75,.18) 52%,
        rgba(246,183,75,0) 60%);
    }
  }
  /* ---------- Botón de compra permanente en el nav ---------- */
  .nav__buy{
    margin-left:18px;
    font-family:var(--font-display);font-weight:700;font-size:14px;
    padding:10px 20px;border-radius:100px;white-space:nowrap;
    background:var(--cocoa);color:var(--cream);
    border:1.5px solid var(--cocoa);
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .nav__buy:hover{transform:translateY(-1px);background:var(--cocoa-soft);}
  /* Sobre el hero (nav transparente): botón crema para destacar sobre la foto */
  .nav:not(.scrolled):not(.nav--solid) .nav__buy{
    background:var(--cream);color:var(--cocoa);border-color:var(--cream);
  }
  .nav:not(.scrolled):not(.nav--solid) .nav__buy:hover{background:#fff;}
  @media (max-width:900px){
    .nav__buy{margin-left:10px;margin-right:4px;font-size:13px;padding:9px 16px;}
  }
  @media (max-width:420px){
    .nav__lang{margin-right:8px;}
    .nav__buy{font-size:12.5px;padding:8px 13px;margin-left:6px;}
  }
  /* Zona derecha del nav: idioma + botón agrupados */
  .nav__actions .nav__lang{margin-left:0;margin-right:0;gap:6px;}
  .nav__actions .nav__buy{margin-left:20px;}
  @media (max-width:900px){
    .nav__actions .nav__buy{margin-left:14px;}
    .nav__actions .nav__toggle{margin-left:12px;}
  }
  @media (max-width:420px){
    .nav__actions .nav__buy{margin-left:8px;}
    .nav__actions .nav__toggle{margin-left:6px;}
  }

/* Retailer form: honeypot (hidden from humans) + submit status */
.retail-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-status{margin:14px 0 0;font-weight:600;font-size:15px;}
.form-status.is-ok{color:#1f7a3d;}
.form-status.is-error{color:#b3261e;}