/* ==================== SERVICIOS RC | SHARED STYLES ==================== */
/* Clases tipográficas comunes usadas en múltiples páginas.               */
/* NO duplicar en archivos CSS de página individuales.                    */

.h1-hero {
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -0.05em;
    line-height: 0.85;
    /* Ajuste para evitar que palabras largas se corten feo */
    overflow-wrap: break-word;
    word-break: normal; 
    hyphens: none;
}

/* Override de tamaño fluido para que siempre quepa en mobile */
@media (max-width: 767px) {
    .h1-hero {
        font-size: clamp(2.2rem, 10vw, 3.5rem) !important;
        letter-spacing: -0.02em;
        line-height: 0.95;
    }
}

.label-tech {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    font-size: 0.65rem;
}

.neuropolitical {
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.text-stroke {
    color: transparent;
    -webkit-text-stroke: 1px rgba(14, 54, 89, 0.18);
}