/*
Theme Name: HiggilTheme
Version: 4.4
Author: Higgil
Description: Framework de Autoridad. Cuerpo de texto y espaciado H1 ajustados para ordenador.
*/

/* 1. REGISTRO DE FUENTES LOCALES */
@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
}

/* 2. RESET Y BASE GLOBAL */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'Manrope', -apple-system, sans-serif !important;
    color: #111111;
    background-color: #fff;
    font-size: 24px; /* Reducido de 27.5px para mejor lectura en escritorio */
    line-height: 1.35;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 30px;
}

/* 3. CABECERA */
.site-header {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px;
}
.logo {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -1px;
}
.logo a { color: #111111; text-decoration: none; }

/* 4. ENCABEZADOS DE AUTORIDAD */

/* H1 Principal (Espacio con el párrafo reducido) */
h1, .entry-title { 
    font-family: 'Manrope', sans-serif;
    font-size: 48px !important; 
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #111111 !important;
    text-align: center; 
    margin-bottom: 2.5rem !important; /* Reducido de 3.5rem para acercarlo al párrafo */
    display: block;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

/* H2 de Autoridad */
h2 { 
    font-size: 2.2rem; 
    font-weight: 800 !important;
    line-height: 1.1;
    margin-top: 2.5rem; 
    margin-bottom: 1.5rem;
    letter-spacing: -1.5px;
    color: #111111 !important;
}

/* H3 (Títulos de artículos) */
h3 {
    font-size: 1.8rem;
    font-weight: 500 !important;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: #111111;
}
h3 a, .wp-block-post-title a {
    color: #111111 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}
h3 a:hover, .wp-block-post-title a:hover { opacity: 0.6; }

/* 5. TEXTO Y ELEMENTOS */
p, li { margin-bottom: 1.2rem; color: #111111 !important; }
strong { font-weight: 800 !important; }
p a { color: #004992; text-decoration: underline; }

/* 6. FLECHA SUBIR */
#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none !important;
    z-index: 9999;
    opacity: 0;
    transition: all 0.3s ease;
}
#backToTop:hover { background: #000; color: #fff; }

/* 7. FOOTER */
.site-footer {
    border-top: 1px solid #f0f0f0;
    padding: 50px 0;
    margin-top: 80px;
    font-size: 0.65em;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
}
.footer-center a { color: #888; text-decoration: none !important; margin-left: 5px; }

/* 8. ADAPTABILIDAD MÓVIL */
@media (max-width: 768px) {
    body { font-size: 19px; line-height: 1.5; }
    .container { padding: 0 20px; }