/**
 * =============================================================================
 * css/ajustes-seo.css
 * -----------------------------------------------------------------------------
 * Ajustes puntuales a partir de la auditoría SEO de SEOptimer (2026-10-01):
 * casurid.com salió C- principalmente por tener 7 etiquetas <h1> en la
 * portada (debería haber solo una) y "saltarse" niveles de encabezado
 * (usaba <h5> sin que existiera ningún <h3>/<h4> antes).
 *
 * LA REGLA QUE SE SIGUIÓ EN TODO ESTE ARCHIVO: Jorge pidió explícitamente
 * no cambiar el texto, el formato ni la distribución visual del sitio. El
 * tema de Nicepage, sin embargo, define el tamaño de letra de los títulos
 * POR ETIQUETA (h1.u-title, h1:not(.u-title), h3, h5...), no solo por
 * clase — así que cambiar una etiqueta sin compensar el tamaño SÍ habría
 * cambiado el aspecto visual. Cada regla de aquí copia el valor EXACTO que
 * ya traía nicepage.css para la etiqueta vieja, aplicado ahora a la
 * etiqueta nueva, para que el cambio sea invisible a simple vista y solo
 * corrija la semántica que usan los buscadores.
 *
 * Qué cambió en index.php y por qué:
 *   - Los 3 contadores ("+10.000", "+5.000", "15") eran <h1 class="u-title">
 *     — un número no es un título de sección, así que pasaron a <p>.
 *   - "Nuestro Enfoque", "Características" y "Beneficios" eran <h1>
 *     duplicados — pasaron a <h2>, que es lo que son en realidad (tres
 *     secciones bajo el único <h1> real, "CASURID").
 *   - Los títulos de las 4 tarjetas de características eran <h5> sin
 *     ningún <h3>/<h4> antes en la página — pasaron a <h3>, que es el
 *     nivel que sigue después de los <h2> de arriba.
 * =============================================================================
 */

/* ---- Contadores: antes h1.u-title, ahora <p class="u-title"> -------------
   nicepage.css define h1.u-title con font-size 4.5rem/3.75rem/3rem según
   el ancho de pantalla, line-height 1.1 y padding-bottom 20px!important.
   El font-weight (700) y el margin (12px auto 0) los sigue dando la clase
   .u-section-1 .u-text-5/7/9 de Inicio.css, que no depende de la etiqueta
   — por eso no hace falta repetirlos aquí.
----------------------------------------------------------------------------*/
p.u-title {
  font-size: 4.5rem;
  line-height: 1.1;
  padding-bottom: 20px !important;
}
@media (max-width: 767px) {
  p.u-title { font-size: 3.75rem; }
}
@media (max-width: 575px) {
  p.u-title { font-size: 3rem; }
}

/* ---- "Nuestro Enfoque" / "Características" / "Beneficios": antes
   h1:not(.u-title), ahora <h2 class="u-custom-font u-text-font">. Mismo
   font-size/line-height que traía nicepage.css para el h1 sin u-title. El
   font-family ya lo fuerza a Open Sans la propia clase
   .u-custom-font.u-text-font (con !important), así que tampoco depende de
   la etiqueta. Se necesita más especificidad/!important aquí porque
   nicepage.css SÍ trae una regla real para h2:not(.u-subtitle) (2.25rem) y
   hay que ganarle para que no se vea más chico que antes.
----------------------------------------------------------------------------*/
h2.u-custom-font:not(.u-subtitle) {
  font-size: 3rem !important;
  line-height: 1.1 !important;
}
@media (max-width: 575px) {
  h2.u-custom-font:not(.u-subtitle) { font-size: 1.875rem !important; }
}

/* ---- Títulos de las tarjetas de características: antes <h5
   class="u-text-1">, ahora <h3 class="u-text-1">. Entre el h3 y el h5
   base de nicepage.css la ÚNICA diferencia real es el tamaño de letra
   (3rem vs 1.25rem) — peso, interlineado y márgenes ya son idénticos
   entre ambas etiquetas, así que no hace falta repetirlos.
----------------------------------------------------------------------------*/
h3.u-text-1 {
  font-size: 1.25rem !important;
}

/* =============================================================================
   PIE DE PÁGINA — clases que reemplazan los estilos en línea que yo mismo
   había agregado en tandas anteriores (hallazgo "Eliminar estilos en
   línea" de la auditoría). Mismo resultado visual exacto, con CSS real en
   vez de atributos style="" repetidos en las 6 páginas.
   ============================================================================= */
.pie-casurid {
  background: #00b0da;
  padding: 40px 20px;
}
.pie-casurid-contenedor {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
}
.pie-columna {
  flex: 1 1 240px;
  min-width: 220px;
}
.pie-columna-legal {
  flex: 1 1 220px;
  min-width: 200px;
}
.pie-fila {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.pie-fila:last-child {
  margin-bottom: 0;
}
.pie-enlace-legal {
  font-size: 0.85rem;
  margin-bottom: 6px;
}
.pie-enlace-legal:last-child {
  margin-bottom: 0;
}
.pie-enlace-legal a {
  color: #fff;
  text-decoration: underline;
}

/* =============================================================================
   SELECTOR DE IDIOMA (menú) — mismo motivo que el bloque del pie: reemplaza
   los estilos en línea que agregamos en la tanda 4 para que ES/EN se vean
   en una sola línea.
   ============================================================================= */
.selector-idioma {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.selector-idioma-enlace {
  padding: 10px 4px;
  display: inline;
}