/**
 * ========================================================================
 * ARCHIVO: typography.css
 * PROYECTO: MOTELWEB.VIP
 * VERSIÓN: 1.2.0 (tokens de tipografía separados)
 * FECHA DE PRODUCCIÓN: 2026-09-16
 * DESCRIPCIÓN: Tipografía base. Los títulos usan --mw-font-title,
 *              el cuerpo usa --mw-font-primary.
 * ========================================================================
 */

 h1, h2, h3, h4, h5, h6 {
    font-family: var(--mw-font-title);
}

h1,
h2 {
    text-shadow: var(--mw-title-shadow);
}

.subtitulo {
    margin: var(--mw-space-8) 0;
    font-size: var(--mw-text-xl);
    font-weight: var(--mw-font-weight-bold);
}

.subtitulo h2 {
    font-size: var(--mw-text-4xl);
    font-weight: var(--mw-font-weight-bold);
    font-family: var(--mw-font-title);
}

.texto-modulo {
    font-size: var(--mw-text-lg);
    color: var(--mw-color-text);
    font-family: var(--mw-font-primary);
}

h1 {
    font-size: var(--mw-text-3xl);
    font-weight: var(--mw-font-weight-bold);
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: var(--mw-text-4xl);
    }

    .texto-modulo {
        font-size: var(--mw-text-xl);
    }
}

@media print,
screen and (max-width: 50em) {
    #header-right {
        display: none;
    }
}

/* Clases de fuentes especiales (por si algún template las usa) */
.special-gothic {
    font-family: "Special Gothic Expanded One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.corinthia-regular {
    font-family: "Corinthia", cursive;
    font-weight: 400;
    font-style: normal;
}

.corinthia-bold {
    font-family: "Corinthia", cursive;
    font-weight: 700;
    font-style: normal;
}