/* venta.css — Secciones nuevas de la página de venta (12-10-2026).
   Usa los mismos tokens que base.css (--ink, --gold, --line…). Se carga después de styles.css. */

/* Hero: datos del producto y enlaces */
.hero-facts{
  font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold-dark);margin:22px 0 26px;line-height:1.8;
}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.hero-actions .link-suave{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:var(--ink-mute);
  border-bottom:1px solid var(--line);padding-bottom:2px;
}
.hero-actions .link-suave:hover,.hero-actions .link-suave:focus-visible{color:var(--gold-dark);border-color:var(--gold)}

/* Bloques de texto genéricos de las secciones nuevas */
.venta-seccion{padding:110px 0}
.venta-seccion.tono{background:var(--bg-deep)}
.venta-seccion .section-body p{font-size:19px;line-height:1.7}
@media(max-width:760px){.venta-seccion{padding:80px 0}}

/* Lo que descubres: lista con capítulo de referencia */
.descubres{list-style:none;display:grid;gap:0;margin-top:40px;border-top:1px solid var(--line)}
.descubres li{
  display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:4px 24px;
  padding:22px 0;border-bottom:1px solid var(--line);
}
.descubres .caps{
  font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-dark);padding-top:6px;
}
.descubres h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:23px;color:var(--ink);line-height:1.3}
.descubres p{font-size:18px;line-height:1.65;color:var(--ink-soft);grid-column:2;margin:0}
@media(max-width:600px){
  .descubres li{grid-template-columns:minmax(0,1fr)}
  .descubres p{grid-column:1}
}

/* Dentro de cada capítulo */
.en-cada{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:28px;margin-top:36px}
.en-cada div{border-top:2px solid var(--gold);padding-top:14px}
.en-cada h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:21px;color:var(--ink);margin-bottom:6px}
.en-cada p{font-size:17px;line-height:1.6;margin:0}

/* Fragmentos reales */
.fragmentos{display:grid;gap:26px;margin-top:36px}
.fragmento{margin:0;padding:24px 28px;background:var(--bg-card);border:1px solid var(--line)}
.fragmento blockquote{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(19px,2.2vw,22px);
  line-height:1.55;color:var(--ink);margin:0;
}
.fragmento figcaption{
  margin-top:14px;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-mute);
}
.nota-pequena{font-size:15px;color:var(--ink-mute);margin-top:22px;font-style:italic}

/* Cómo funciona: pasos reales (el orden importa) */
.pasos{list-style:none;counter-reset:paso;display:grid;gap:22px;margin-top:36px}
.pasos li{counter-increment:paso;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:16px;align-items:start}
.pasos li::before{
  content:counter(paso);font-family:'Cormorant Garamond',serif;font-size:30px;line-height:1;
  color:var(--gold-dark);text-align:right;padding-top:2px;
}
.pasos h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:21px;color:var(--ink);margin-bottom:4px}
.pasos p{font-size:17px;line-height:1.6;margin:0}

/* Lo que no es */
.no-es{list-style:none;display:grid;gap:10px;margin-top:22px}
.no-es li{font-size:18px;line-height:1.6;padding-left:22px;position:relative}
.no-es li::before{content:"—";position:absolute;left:0;color:var(--gold-dark)}

/* Preguntas frecuentes */
.faq{margin-top:32px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;list-style:none;padding:20px 36px 20px 0;position:relative;
  font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:500;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:26px;color:var(--gold-dark);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.faq details > div{padding:0 0 22px}
.faq details p{font-size:18px;line-height:1.65;margin:0 0 12px}
.faq details p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}

.precio-card .garantia a{border-bottom:1px solid currentColor}

/* Por qué hago esto: el camino (12-10-2026) */
.camino{list-style:none;display:grid;gap:14px;margin-top:34px;grid-template-columns:1fr}
@media(min-width:720px){.camino{grid-template-columns:1fr 1fr}}
.camino li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:16px}
.camino li>span{font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1;color:var(--gold-dark)}
.camino h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:21px;color:var(--ink);margin-bottom:4px}
.camino p{font-size:16px;line-height:1.6;margin:0}
.remate .remate-sub{color:#E9DFC6;font-size:18px;max-width:560px;margin:8px auto 0;line-height:1.6}
.lead-form .field-full textarea{
  width:100%;background:var(--bg-card);border:1px solid var(--line);padding:14px 16px;border-radius:6px;
  font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);resize:vertical;min-height:84px;line-height:1.5;
}
.lead-form .field-full textarea::placeholder{color:var(--ink-mute)}
.lead-form .field-full textarea:focus{outline:none;border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(201,168,76,.12)}
#por-que .solo-line{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(26px,3.4vw,34px);line-height:1.2;color:var(--gold-dark);margin:28px 0}