/* base.css: ajustes propios sobre la maqueta. Carga siempre al final. No toca estilos.css. */

/* Texto solo para lectores de pantalla */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Menú simple de páginas de texto (la maqueta lo hacía con estilos en línea) */
.nav__links--simple{display:flex;position:static;background:none;padding:0;flex-direction:row;border:0}

/* Columnas configurables por sección (variable --columnas) */
@media (min-width:961px){
  .cards{grid-template-columns:repeat(var(--columnas,4),1fr)}
  .ks__pilares{grid-template-columns:repeat(var(--columnas,3),1fr)}
  .team{grid-template-columns:repeat(var(--columnas,2),1fr)}
  .two--invertido>:first-child{order:2}
}

/* Texto + imagen */
.two--media{align-items:center}
.two--media img{width:100%;height:auto;border-radius:16px}
.two--media .btn{margin-top:1.4rem}

/* Imagen que reemplaza el gráfico de Kinetic Stability */
img.ks__art{border-radius:18px;width:100%;height:auto}

/* Llamado a la acción */
.cta{text-align:center}
.cta .hero__cta{justify-content:center}
.cta p+p{margin-top:1rem}
.cta .btn--ghost{color:#fff}

/* Pie: redes y texto institucional */
.foot__redes{display:flex;gap:16px;flex-wrap:wrap}
.foot__texto{max-width:420px}

/* Bio del equipo: enlaces con el color de la maqueta */
.person__txt a{color:var(--naranja-osc)}

/* Contact Form 7 con el aspecto del formulario de la maqueta */
.form .wpcf7-form-control-wrap{display:block}
.form input:not([type=checkbox]),.form textarea{width:100%}
.form .hidden-fields-container,.form .wpcf7-spinner,.form .wpcf7-response-output:empty{display:none}
.form .wpcf7-not-valid-tip{color:#ff8a8a;font-size:.82rem;margin-top:4px}
.form .wpcf7-response-output{margin:0;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--naranja);color:var(--naranja);font-size:.92rem}
.form.invalid .wpcf7-response-output,.form.failed .wpcf7-response-output{border-color:#ff8a8a;color:#ff8a8a}
.form .form__check .wpcf7-form-control-wrap,.form .form__check .wpcf7-list-item{display:block;margin:0}
.form .form__check label{display:flex;gap:10px;align-items:center}
.form .form__check input{flex-shrink:0}
.form .form__check a{color:var(--naranja)}
.form .btn{color:var(--negro);border:2px solid var(--naranja);background:var(--naranja);padding:.85rem 1.5rem}
.form .btn:hover{background:#ffad2a}
/* Campo trampa anti-spam: invisible para personas */
.hb-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Página legal: enlaces dentro del texto */
.legal a{color:var(--naranja-osc)}

/* Página 404 (la maqueta lo hacía con estilos en línea) */
.hero--404{min-height:100vh;display:grid;place-items:center;text-align:center}
.hero--404 img{margin:0 auto 40px}
.hero--404 .lead{margin:1rem 0 2rem}