/* pondia.es — estilos añadidos tras la migración (21-oct-2026). Usan los tokens de la hoja principal. */

/* Botón de reunión en la cabecera */
.navlink.navcta{color:var(--green);border:1px solid var(--green);border-radius:999px;padding:7px 16px;transition:background-color .3s var(--ease),color .3s var(--ease)}
.navlink.navcta:after{display:none}
.navlink.navcta:hover{background:var(--green);color:var(--bg)}
@media (max-width:860px){.navlink.navcta{align-self:flex-start;margin-top:8px}}

/* Segunda llamada a la acción, siempre subordinada a la principal */
.hero-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cta-sec{font-size:15px;color:var(--gray);text-decoration:underline;text-decoration-color:var(--ocre);text-underline-offset:4px;transition:color .3s var(--ease)}
.cta-sec:hover{color:var(--ink)}

/* Precios */
.precio{font-family:var(--display);font-size:clamp(1.35rem,2vw,1.6rem);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.precio small{font-family:var(--body);font-size:13px;color:var(--gray);letter-spacing:0;margin-left:4px}
.arranque .precio{display:block;margin-top:8px}
.ad-p{display:block;font-size:13px;color:var(--gray);margin-top:4px;font-variant-numeric:tabular-nums}
.precios-home{max-width:62ch}
.precios-home .h-mid{margin-bottom:16px}
.precios-home p{color:var(--gray);font-size:1.05rem;line-height:1.6;margin-bottom:24px}

/* Ficha de entidad en «Quiénes somos» */
.ficha .h-mid{margin-bottom:24px}
.ficha dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;border-top:1px solid var(--line);max-width:900px}
.ficha dt,.ficha dd{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.55}
.ficha dt{font-weight:600;color:var(--ink);padding-right:24px}
.ficha dd{color:var(--gray)}
.ficha a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.ficha dl{grid-template-columns:1fr}.ficha dt{border-bottom:none;padding-bottom:0}.ficha dd{padding-top:6px}}

/* Llamada contextual dentro de los artículos: parece contenido, no anuncio */
.art-cta{border-left:2px solid var(--ocre);padding:4px 0 4px 18px;margin:32px 0;color:var(--ink)}
.art-cta a{color:var(--green);font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* El encabezado de las preguntas frecuentes ahora es un h2 */
h2.fhead{margin:0}

/* Foco visible para teclado en enlaces y botones */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ocre);outline-offset:3px}

/* Productos a demanda con IA (servicios) */
.productos .h-mid{margin-bottom:14px}
.prod-intro{max-width:62ch;color:var(--gray);font-size:1.05rem;line-height:1.6;margin-bottom:clamp(28px,4vh,40px)}
.plans.prod-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.prod-limits{max-width:72ch;color:var(--gray);font-size:.95rem;line-height:1.6;margin-top:clamp(24px,3vh,34px);padding-left:18px;border-left:2px solid var(--ocre)}

/* Cuerpo de los artículos: listas, enlaces y subtítulos */
.art-body ul,.art-body ol{padding-left:1.4em;margin:0 0 1.5em}
.art-body li{margin-bottom:.6em;font-size:1.08rem;line-height:1.65;color:var(--ink)}
.art-body li::marker{color:var(--ocre)}
.art-body p a,.art-body li a{color:var(--green);text-decoration:underline;text-decoration-color:var(--ocre);text-underline-offset:3px}
.art-body p a:hover,.art-body li a:hover{color:var(--ink)}
.art-body h3{font-family:var(--display);font-weight:400;font-size:1.25rem;line-height:1.3;color:var(--green);margin:1.8em 0 .5em}