. 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;
}
/* ---- Copias móviles de los títulos de tarjeta (#movile3 y #movile4) --------
Nicepage duplica las tarjetas "Personalizadas para cada institución" y
"Soluciones flexibles" (una copia para >=901px, otra para <=900px, una de
las dos siempre oculta con display:none). Eso hacía que esos dos
encabezados aparecieran DOS veces en el HTML (aviso "algunos encabezados
se repiten"). La copia móvil pasó de a
; esta clase le repone lo
que el h3 aportaba por ser h3: tipografía Roboto, 1.25rem y interlineado
1.2. El peso (700) y el margen (4px 0 0) ya los da .u-section-3 .u-text-1
de Inicio.css, que va por clase y no depende de la etiqueta. */
.titulo-tarjeta {
font-family: Roboto, sans-serif;
font-size: 1.25rem;
line-height: 1.2;
}
/* ---- Idioma activo en el selector ES | EN ----------------------------------
Antes era EN. La herramienta de auditoría cuenta las
etiquetas / (máximo recomendado: 8) y marcaba "en" como la que
más se repetía, porque el selector está dos veces (menú de escritorio y
menú móvil). Con un y font-weight se ve exactamente igual. */
.idioma-activo {
font-weight: 700;
}