/* ============================================================
   El Tarantin Digital — Landing (subdominio digital.eltarantin.com)
   Extiende el sistema de diseño base (../styles.css):
   tokens, botones, badges, header, footer, faq, toast, sticky-cta.
   Aquí solo van los estilos PROPIOS de esta página.
   Acento de marca para "Digital": el verde de la Orquesta.
   ============================================================ */

:root{
  /* Acento propio de El Tarantin Digital: tinta + verde Orquesta */
  --digi-ink:var(--ink-900);
  --digi-accent:var(--green-400);
  --digi-accent-deep:var(--green-600);
  --digi-glow:radial-gradient(circle at 70% 30%, rgba(151,193,42,.22), transparent 60%);
}

/* El header en este sitio enlaza a la tienda; marquemos el "Digital" */
.header__digi{
  font-family:var(--font-display); font-weight:800; font-size:.7rem;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--digi-accent-deep);
  background:var(--green-50); border:1px solid var(--green-100);
  padding:.28rem .6rem; border-radius:var(--radius-pill); line-height:1;
}

/* ---------------- Hero ---------------- */
.hero--digital{position:relative; background:var(--color-bg); overflow:hidden;}
.hero--digital::before{
  content:''; position:absolute; inset:0; z-index:0;
  background:var(--digi-glow); pointer-events:none;
}
.hero--digital .hero__grid{position:relative; z-index:1;}
.hero--digital h1 .accent{color:var(--digi-accent-deep);}
.hero__signature{
  display:inline-flex; align-items:center; gap:.55rem; margin-top:.4rem;
  font-family:var(--font-display); font-weight:600; font-size:.92rem; color:var(--color-text-muted);
}
.hero__signature .maestro-dot{
  width:34px; height:34px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink-900); color:var(--digi-accent); font-weight:800; font-size:1rem;
  font-family:var(--font-display);
}

/* Mock de "página que vende" en el hero (sin foto, todo CSS) */
.browser{
  position:relative; z-index:1; background:var(--white);
  border-radius:var(--radius-2xl); box-shadow:var(--shadow-xl);
  overflow:hidden; border:1px solid var(--color-border);
}
.browser__bar{
  display:flex; align-items:center; gap:.5rem; padding:.7rem 1rem;
  background:var(--cream-100); border-bottom:1px solid var(--color-border);
}
.browser__dot{width:11px; height:11px; border-radius:50%; background:var(--stone-400);}
.browser__dot:nth-child(1){background:#ff5f57;}
.browser__dot:nth-child(2){background:#febc2e;}
.browser__dot:nth-child(3){background:#28c840;}
.browser__url{
  flex:1; margin-left:.6rem; background:var(--white); border:1px solid var(--color-border);
  border-radius:var(--radius-pill); padding:.32rem .85rem;
  font-family:var(--font-display); font-weight:600; font-size:.74rem; color:var(--stone-600);
  display:flex; align-items:center; gap:.4rem; overflow:hidden; white-space:nowrap;
}
.browser__url .i{width:13px; height:13px; color:var(--digi-accent-deep);}
.browser__body{padding:1.4rem 1.5rem 1.6rem; display:flex; flex-direction:column; gap:.9rem;}
.browser__hero-line{height:14px; border-radius:var(--radius-pill); background:var(--ink-900); width:78%;}
.browser__hero-line--2{height:12px; background:var(--stone-300); width:92%;}
.browser__hero-line--3{height:12px; background:var(--stone-300); width:64%;}
.browser__cta{
  align-self:flex-start; margin-top:.3rem; padding:.5rem 1.1rem; border-radius:var(--radius-pill);
  background:var(--color-primary); color:#fff; font-family:var(--font-display); font-weight:700; font-size:.78rem;
}
.browser__cards{display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-top:.6rem;}
.browser__card{height:54px; border-radius:var(--radius-md); background:var(--cream-100); border:1px solid var(--color-border);}
.hero__chip--digi .i{color:var(--digi-accent-deep);}

/* ---------------- "Tu negocio que vende, estés donde estés" band ---------------- */
.promise{background:var(--ink-900); color:#fff; padding:4.5rem 0;}
.promise__inner{max-width:880px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; gap:1.1rem;}
.promise .eyebrow{color:var(--digi-accent);}
.promise h2{font-size:clamp(1.9rem,4vw,2.8rem); font-weight:800; letter-spacing:-.02em; color:#fff; text-wrap:balance;}
.promise p{color:rgba(255,255,255,.82); font-size:1.125rem; max-width:60ch; margin-inline:auto;}
.promise__row{display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center; margin-top:1.2rem;}
.promise__pill{
  display:inline-flex; align-items:center; gap:.55rem;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-pill); padding:.6rem 1.1rem;
  font-family:var(--font-display); font-weight:600; font-size:.9rem; color:#fff;
}
.promise__pill .i{width:18px; height:18px; color:var(--digi-accent);}

/* ---------------- Qué hacemos (servicios) ---------------- */
.services{padding:5rem 0;}
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem;}
.svc{
  background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:var(--radius-xl); padding:2rem 1.75rem; display:flex; flex-direction:column; gap:.8rem;
  transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out);
}
.svc:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}
.svc__ico{
  width:54px; height:54px; border-radius:var(--radius-lg);
  display:flex; align-items:center; justify-content:center;
  background:var(--green-50); color:var(--green-600);
}
.svc__ico .i{width:26px; height:26px;}
.svc h3{font-size:1.2rem; font-weight:600;}
.svc p{color:var(--color-text-muted); font-size:.95rem;}
.svc__tag{
  align-self:flex-start; margin-top:.2rem;
  font-family:var(--font-display); font-weight:600; font-size:.72rem; letter-spacing:.04em;
  color:var(--stone-600); background:var(--cream-100); border:1px solid var(--color-border);
  padding:.22rem .6rem; border-radius:var(--radius-pill);
}

/* ---------------- Para quién ---------------- */
.audience{background:var(--color-surface); padding:5rem 0;}
.aud-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:3rem;}
.aud{
  background:var(--cream-50); border:1px solid var(--color-border);
  border-radius:var(--radius-lg); padding:1.6rem 1.5rem; display:flex; flex-direction:column; gap:.55rem;
  border-top:3px solid var(--digi-accent);
}
.aud__emoji{font-size:1.7rem; line-height:1;}
.aud h3{font-size:1.05rem; font-weight:600;}
.aud p{font-size:.9rem; color:var(--color-text-muted);}

/* ---------------- Cómo trabajamos: El Método del Maestro ---------------- */
.method{padding:5rem 0;}
.method__steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem;}
.step{
  position:relative; background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:var(--radius-xl); padding:2.25rem 1.75rem 2rem; display:flex; flex-direction:column; gap:.7rem;
  box-shadow:var(--shadow-sm);
}
.step__num{
  width:52px; height:52px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink-900); color:var(--digi-accent);
  font-family:var(--font-display); font-weight:800; font-size:1.35rem;
}
.step__kicker{
  font-family:var(--font-display); font-weight:700; font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--digi-accent-deep);
}
.step h3{font-size:1.25rem; font-weight:700;}
.step p{color:var(--color-text-muted); font-size:.95rem;}
.step__arrow{
  position:absolute; right:-30px; top:50%; transform:translateY(-50%);
  color:var(--stone-400); z-index:2;
}
.step__arrow .i{width:24px; height:24px;}
.method__note{
  max-width:680px; margin:2.5rem auto 0; text-align:center;
  font-family:var(--font-display); font-weight:600; font-size:1.05rem; color:var(--color-text);
  font-style:italic;
}

/* ---------------- Precios / niveles ---------------- */
.tiers{background:var(--color-surface); padding:5rem 0;}
.tiers__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; align-items:stretch;}
.tier{
  position:relative; background:var(--cream-50); border:1px solid var(--color-border);
  border-radius:var(--radius-xl); padding:2.1rem 1.85rem; display:flex; flex-direction:column; gap:1rem;
}
.tier--featured{
  background:var(--ink-900); color:#fff; border-color:var(--ink-900);
  box-shadow:var(--shadow-lg); transform:translateY(-6px);
}
.tier--featured .tier__name,.tier--featured .tier__price{color:#fff;}
.tier--featured .tier__list li{color:rgba(255,255,255,.85);}
.tier--featured .tier__list .i{color:var(--digi-accent);}
.tier__flag{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:var(--digi-accent); color:var(--ink-900);
  font-family:var(--font-display); font-weight:700; font-size:.7rem; letter-spacing:.05em;
  padding:.3rem .85rem; border-radius:var(--radius-pill); white-space:nowrap;
}
.tier__name{font-family:var(--font-display); font-weight:700; font-size:1.25rem;}
.tier__price{font-family:var(--font-display); font-weight:800; font-size:1.05rem; color:var(--color-text);}
.tier__price small{display:block; font-weight:500; font-size:.78rem; color:var(--stone-500); margin-top:.15rem;}
.tier__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem; flex:1;}
.tier__list li{display:flex; gap:.55rem; align-items:flex-start; font-size:.92rem; color:var(--color-text-muted);}
.tier__list .i{width:17px; height:17px; color:var(--digi-accent-deep); flex:none; margin-top:.18rem;}
.tier .btn{width:100%;}
.tiers__note{
  max-width:720px; margin:2rem auto 0; text-align:center;
  font-size:.92rem; color:var(--color-text-muted);
}
.tiers__maint{
  max-width:680px; margin:1.25rem auto 0; text-align:center;
  background:var(--green-50); color:var(--green-700); border:1px solid var(--green-100);
  border-radius:var(--radius-pill); padding:.6rem 1.25rem;
  font-family:var(--font-display); font-weight:600; font-size:.9rem;
}

/* ---------------- El Embudo Completo ---------------- */
.funnel{padding:5rem 0;}
.funnel-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:3rem;}
.funnel__note{
  max-width:640px; margin:2.5rem auto 0; text-align:center;
  font-size:.95rem; color:var(--color-text-muted);
}
.funnel__cta{display:flex; justify-content:center; margin-top:1.5rem;}
@media(max-width:980px){.funnel-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.funnel-grid{grid-template-columns:1fr;}}

/* ---------------- Prueba social (placeholder honesto) ---------------- */
.proof{padding:5rem 0;}
.proof__placeholder{
  max-width:720px; margin:3rem auto 0; text-align:center;
  background:var(--cream-50); border:1px dashed var(--color-border);
  border-radius:var(--radius-xl); padding:3rem 2rem; color:var(--color-text-muted);
}
.proof__placeholder .i{width:40px; height:40px; color:var(--stone-400); margin:0 auto .8rem;}
.proof__placeholder strong{display:block; font-family:var(--font-display); color:var(--color-text); margin-bottom:.4rem; font-size:1.1rem;}

/* ---------------- Casos de Éxito ---------------- */
.casos{padding:5rem 0; background:var(--cream-50);}
.casos__grid{display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:3rem;}
.caso{
  background:var(--white); border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-md); padding:2.25rem;
  display:flex; flex-direction:column; gap:1.25rem;
  border:1px solid var(--color-border);
  transition:box-shadow .2s, transform .2s;
}
.caso:hover{box-shadow:var(--shadow-xl); transform:translateY(-2px);}

.caso__header{display:flex; align-items:center; gap:1rem;}
.caso__mark{
  width:52px; height:52px; border-radius:var(--radius-xl);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  font-size:1.75rem; line-height:1;
}
.caso__mark--sh{background:#fff8f0; border:1px solid #ffe5c0;}
.caso__mark--lb{background:var(--green-50); border:1px solid var(--green-100);}
.caso__mark--lb img{width:32px; height:32px; object-fit:contain;}
.caso__brand{display:block; font-family:var(--font-display); font-weight:800; font-size:1.1rem; color:var(--ink-900); line-height:1.2;}
.caso__type{font-size:.8rem; color:var(--color-text-muted); margin-top:.15rem; display:block;}

.caso__story{font-size:.93rem; line-height:1.65; color:var(--color-text); margin:0; flex:1;}

.caso__tags{display:flex; flex-wrap:wrap; gap:.4rem;}
.caso__tag{
  font-size:.75rem; font-weight:600; letter-spacing:.02em;
  background:var(--cream-100); border:1px solid var(--color-border);
  border-radius:var(--radius-pill); padding:.28rem .7rem;
  color:var(--color-text-muted);
}

.caso__quote{
  margin:0; padding:.9rem 1.1rem;
  background:var(--cream-50); border-left:3px solid var(--digi-accent);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  display:flex; align-items:flex-start; gap:.55rem;
  font-size:.875rem; color:var(--color-text-muted); font-style:normal;
}
.caso__quote .i{width:18px; height:18px; color:var(--digi-accent); flex-shrink:0; margin-top:2px;}
/* La cita real va en columna: frase arriba, autor abajo (el padre es flex-row) */
.caso__quote__body{display:flex; flex-direction:column; gap:.4rem; min-width:0;}
.caso__quote em{font-style:italic;}
.caso__cite{font-style:normal; font-size:.78rem; font-weight:700; color:var(--ink-900);}
/* Frases pendientes: ocultas hasta tener la frase real del cliente
   (el display:flex de .caso__quote pisa el atributo hidden—por eso esta regla) */
.caso__quote--pending{display:none;}
.caso__quote--pending em{font-style:italic; font-size:.83rem;}

.caso__cta{
  align-self:flex-start; display:inline-flex; align-items:center; gap:.4rem;
  margin-top:.25rem;
}
.caso__cta .i{width:14px; height:14px;}

.casos__note{
  text-align:center; margin-top:2.5rem;
  font-size:.9rem; color:var(--color-text-muted);
}
.casos__note a{color:var(--digi-accent-deep); font-weight:600; text-decoration:none;}
.casos__note a:hover{text-decoration:underline;}

@media(max-width:768px){
  .casos__grid{grid-template-columns:1fr;}
}

/* ---------------- CTA final ---------------- */
.cta-final{padding:5rem 0;}
.cta-final__band{
  position:relative; overflow:hidden; border-radius:var(--radius-2xl);
  background:var(--color-primary); color:#fff; padding:4rem; box-shadow:var(--shadow-primary);
  text-align:center;
}
.cta-final__band::after{
  content:''; position:absolute; right:-60px; bottom:-80px; width:280px; height:280px;
  background:radial-gradient(circle, rgba(255,255,255,.16), transparent 65%); z-index:0;
}
.cta-final__inner{position:relative; z-index:1; max-width:640px; margin-inline:auto; display:flex; flex-direction:column; gap:1.1rem; align-items:center;}
.cta-final h2{font-size:clamp(1.9rem,4vw,2.6rem); font-weight:800; color:#fff; text-wrap:balance;}
.cta-final p{color:rgba(255,255,255,.92); font-size:1.1rem; max-width:50ch;}
.cta-final__ctas{display:flex; gap:.75rem; flex-wrap:wrap; justify-content:center; margin-top:.4rem;}
.cta-final .btn--accent{background:#fff; color:var(--ink-900);}
.cta-final .btn--accent:hover{background:var(--cream-100); color:var(--ink-900);}
.cta-final .btn--wa{background:transparent; color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);}
.cta-final .btn--wa:hover{background:rgba(255,255,255,.12); color:#fff;}
.cta-final__micro{font-size:.82rem; color:rgba(255,255,255,.8); margin-top:.4rem;}

/* ---------------- Cross-sell → tienda ---------------- */
.xsell{background:var(--ink-900); color:#fff; padding:4rem 0;}
.xsell__inner{display:grid; grid-template-columns:1fr auto; gap:3rem; align-items:center;}
.xsell__text h2{font-size:clamp(1.35rem,2.8vw,1.9rem); font-weight:800; color:#fff; margin:.4rem 0 1rem; max-width:48ch; text-wrap:balance;}
.xsell__text p{color:rgba(255,255,255,.78); line-height:1.65; max-width:52ch; margin-bottom:1.5rem;}
.xsell__text .btn--primary{background:var(--color-accent); color:#fff;}
.xsell__text .btn--primary:hover{background:var(--color-accent-dark);}
.xsell__pills{display:flex; flex-direction:column; gap:.6rem; min-width:200px;}
.xsell__pill{
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  border-radius:2rem; padding:.5rem 1.1rem; font-size:.85rem;
  color:rgba(255,255,255,.88); white-space:nowrap;
}
@media(max-width:768px){
  .xsell__inner{grid-template-columns:1fr;}
  .xsell__pills{flex-direction:row; flex-wrap:wrap;}
}

/* ---------------- Responsive ---------------- */
@media (max-width:980px){
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .aud-grid{grid-template-columns:repeat(2,1fr);}
  .method__steps{grid-template-columns:1fr;}
  .step__arrow{display:none;}
  .tiers__grid{grid-template-columns:1fr;}
  .tier--featured{transform:none;}
}
@media (max-width:560px){
  .svc-grid,.aud-grid{grid-template-columns:1fr;}
  .cta-final__band{padding:2.5rem 1.5rem;}
  .promise{padding:3.5rem 0;}
  .browser__cards{grid-template-columns:repeat(3,1fr);}
}

/* ============ OFERTA FUNDADORES ============ */
.founders{padding:5rem 0; background:var(--color-bg);}
.founders__band{
  background:linear-gradient(135deg,#0d1f0d 0%,#1a3a1a 100%);
  border-radius:1.75rem; padding:3rem 3.5rem;
  display:grid; grid-template-columns:auto 1fr; gap:2.5rem; align-items:start;
}
.founders__badge{font-size:3.5rem; line-height:1;}
.founders__copy h2{font-size:clamp(1.4rem,3vw,2rem); color:#fff; font-weight:800; margin:.4rem 0 1rem; text-wrap:balance;}
.founders__copy p{color:rgba(255,255,255,.78); line-height:1.65; margin-bottom:1.25rem;}
.founders__list{list-style:none; padding:0; margin:0 0 1.5rem; display:flex; flex-direction:column; gap:.5rem;}
.founders__list li{color:rgba(255,255,255,.88); font-size:.95rem;}
.founders__spots{display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:.5rem;}
.spot{padding:.4rem 1rem; border-radius:2rem; font-size:.82rem; font-weight:600;}
.spot--taken{background:rgba(255,255,255,.12); color:rgba(255,255,255,.6); text-decoration:line-through;}
.spot--open{background:var(--digi-accent); color:#fff; animation:pulse-spot 2s ease-in-out infinite;}
@keyframes pulse-spot{0%,100%{opacity:1;}50%{opacity:.7;}}

/* ============ EMBAJADORES (Digital) ============ */
.embajadores{padding:5rem 0; background:#f7f9f7;}
.embajadores__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:3rem;}
.emb-step{background:#fff; border-radius:1.25rem; padding:2rem 1.75rem; box-shadow:0 2px 16px rgba(0,0,0,.06);}
.emb-step__num{
  display:inline-flex; align-items:center; justify-content:center;
  width:2.5rem; height:2.5rem; border-radius:50%;
  background:var(--digi-accent); color:#fff;
  font-weight:800; font-size:1.1rem; margin-bottom:1rem;
}
.emb-step h3{font-size:1.05rem; font-weight:700; margin-bottom:.5rem; color:#141414;}
.emb-step p{color:#555; font-size:.92rem; line-height:1.6;}
@media(max-width:768px){
  .founders__band{grid-template-columns:1fr; padding:2rem 1.5rem;}
  .founders__badge{font-size:2.5rem;}
  .embajadores__grid{grid-template-columns:1fr;}
}

/* ============ QUIZ BANNER ============ */
.quiz-banner{
  background:var(--quiz-accent-light, #F2F8E4);
  border-top:1px solid #D4E9A0;
  border-bottom:1px solid #D4E9A0;
  padding:1.25rem 0;
}
.quiz-banner__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:1.5rem; flex-wrap:wrap;
}
.quiz-banner__left{ flex:1; min-width:0; }
.quiz-banner__tag{
  display:inline-block;
  font-size:.7rem; font-weight:800; text-transform:uppercase;
  letter-spacing:.1em; color:var(--green-600, #6A8A1C);
  background:#D4E9A0; padding:.2rem .55rem; border-radius:999px;
  margin-bottom:.4rem;
}
.quiz-banner__text{ font-size:.95rem; color:var(--ink-800, #25231F); line-height:1.45; }
.quiz-banner__text strong{ color:var(--ink-900, #141414); }
.btn--accent{
  background:var(--green-400, #97C12A); color:#fff;
  border:none; white-space:nowrap;
}
.btn--accent:hover{ background:var(--green-600, #6A8A1C); }
@media(max-width:600px){
  .quiz-banner__inner{ flex-direction:column; align-items:flex-start; }
  .quiz-banner__cta{ width:100%; text-align:center; }
}

/* ===== Toggle de idioma ES / EN ===== */
.lang-toggle{
  display:inline-flex; align-items:center;
  border:1px solid var(--line, #E5E2DB); border-radius:999px;
  overflow:hidden; background:var(--cream-50, #fff);
}
.lang-toggle button{
  border:0; background:transparent; cursor:pointer;
  padding:.34rem .72rem; font-family:var(--font-display, inherit);
  font-size:.74rem; font-weight:800; letter-spacing:.05em;
  color:var(--muted, #8A8577); transition:background .15s, color .15s;
}
.lang-toggle button.on{ background:var(--digi-accent, #97C12A); color:#fff; }
@media (max-width:560px){
  .lang-toggle button{ padding:.3rem .55rem; font-size:.7rem; }
}

/* En el teléfono el header se aprieta: dejamos toggle + CTA "Empezar".
   "La tienda" sigue accesible en el menú y el footer. */
@media (max-width:600px){
  .site-header .header__actions{ gap:.5rem; }
  .site-header .header__actions .btn--secondary{ display:none; }
  .lang-toggle button{ padding:.32rem .6rem; }
}

/* ===== Formulario de La Audición (embebido en la sección final, fondo rojo) ===== */
.audicion{ width:100%; max-width:560px; margin:.4rem auto 0; text-align:left; }
.audicion__grid{
  display:grid; grid-template-columns:1fr 1fr; gap:.85rem;
}
.audicion__field{ display:flex; flex-direction:column; gap:.3rem; }
.audicion__field--full{ grid-column:1 / -1; }
.audicion__field > span{
  font-size:.78rem; font-weight:700; color:#fff; letter-spacing:.01em;
}
.audicion__field > span em{ font-weight:500; font-style:normal; color:rgba(255,255,255,.75); }
.audicion__field input,
.audicion__field select,
.audicion__field textarea{
  width:100%; padding:.7rem .85rem; border:1.5px solid transparent; border-radius:10px;
  background:#fff; color:var(--ink-900, #141414);
  font-family:inherit; font-size:.95rem; line-height:1.4;
  transition:border-color .15s, box-shadow .15s;
}
.audicion__field textarea{ resize:vertical; min-height:84px; }
.audicion__field input:focus,
.audicion__field select:focus,
.audicion__field textarea:focus{
  outline:none; border-color:var(--digi-accent, #97C12A);
  box-shadow:0 0 0 3px rgba(151,193,42,.35);
}
.audicion__consent{
  font-size:.78rem !important; color:rgba(255,255,255,.85) !important;
  margin:.9rem 0 .2rem; max-width:none !important;
}
.audicion__submit{ width:100%; margin-top:.4rem; }
.audicion__submit.is-error{ background:#fff3f0; color:var(--color-primary, #E1342B); }
.audicion__alt{
  text-align:center; font-size:.9rem !important; color:rgba(255,255,255,.9) !important;
  margin-top:.9rem;
}
.audicion__alt a{ color:#fff; font-weight:700; text-decoration:underline; }

/* Mensaje de gracias */
.audicion-thanks{
  width:100%; max-width:520px; margin:0 auto; padding:1.75rem 1.5rem;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  border-radius:var(--radius-2xl, 22px); text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
}
/* `display:flex` (autor) gana al [hidden] del navegador → reafirmamos el oculto */
.audicion-thanks[hidden]{ display:none; }
.audicion-thanks__mark{ font-size:2.4rem; }
.audicion-thanks h3{ color:#fff; font-size:1.5rem; font-weight:800; }
.audicion-thanks p{ color:rgba(255,255,255,.92); font-size:1rem; max-width:42ch; }

@media (max-width:560px){
  .audicion__grid{ grid-template-columns:1fr; }
}

/* Precios de sazonadores en el cross-sell (se muestra solo en EN) */
.xsell__prices{
  margin:.25rem 0 1.1rem; font-weight:600;
  color:var(--ink-900, #141414);
}
.xsell__prices strong{ color:var(--digi-accent-deep, #6A8A1C); }