/* ==========================================================================
   CABECERA GÓTICA DEFINITIVA (UNIFRAKTURMAGUNTIA)
   ========================================================================== */

/* 1. Importamos la fuente directo de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');

/* 2. Reglas para Computadora (Pantallas Grandes) */
.site-title, 
.site-title a, 
h1.site-title,
.site-branding .site-title a {
    font-family: 'UnifrakturMaguntia', serif !important;
    font-weight: 400 !important; /* Esta fuente gótica es nativamente gruesa */
    color: #000000 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Configuración de tamaño para escritorio */
    font-size: 4.8rem !important; 
    letter-spacing: 1px !important; /* El gótico puro se lee mejor no tan separado */
    line-height: 1.1 !important;
    margin: 30px auto 10px auto !important;
    text-transform: none !important; /* Respeta mayúsculas y minúsculas de la fuente */
}

.site-title a {
    color: #000000 !important;
    text-decoration: none !important;
}

/* ==========================================================================
   3. ADAPTACIÓN PARA MÓVIL (TERAPIA INTENSIVA AUTOMÁTICA)
   ========================================================================== */
@media screen and (max-width: 768px) {
    .site-title, 
    .site-title a, 
    h1.site-title,
    .site-branding .site-title a {
        /* Permitimos que se acomode en dos renglones si el cel es muy chico */
        white-space: normal !important; 
        
        /* Ajuste de tamaño óptimo para que quepa entero en cualquier pantalla touch */
        font-size: 2.8rem !important; 
        line-height: 1.1 !important;
        letter-spacing: 0px !important;
        
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 20px auto 5px auto !important;
    }
}