@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');

/* =========================================================
   BLOQUE 1: TÍTULO GÓTICO IMPORTADO (CON FUERZA BRUTA)
========================================================= */

/* Forzado de fuente gótica para el título y todos sus posibles enlaces */
h1.site-title,
h1.site-title a,
.site-title,
.site-title a,
.main-title,
.main-title a,
.wp-block-site-title,
.wp-block-site-title a {
    font-family: 'UnifrakturMaguntia', serif !important;
    font-size: 5.5rem !important;
    font-weight: normal !important;
    color: #000000 !important;
    text-transform: none !important;
    letter-spacing: -1px !important;
    line-height: 1.1 !important;
    display: inline-block !important;
}

/* Centrado absoluto de la cabecera */
header, .site-header, #masthead, .wp-block-template-part {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 20px auto 0 auto !important;
    background-color: #ffffff !important;
}

/* Ajuste elástico para pantallas móviles */
@media screen and (max-width: 768px) {
    h1.site-title, h1.site-title a, .site-title a, .main-title a, .wp-block-site-title a {
        font-size: 2.8rem !important;
    }
/* =========================================================
   PASO 1: TÍTULO CENTRADO Y MENÚ EN UNA SOLA LÍNEA HORIZONTAL
========================================================= */

/* 1. Forzar a que la cabecera acomode los bloques uno arriba y otro abajo */
header, .site-header, #masthead, .wp-block-template-part {
    display: flex !important;
    flex-direction: column !important; /* Título arriba, menú abajo */
    align-items: center !important;    /* Centrado horizontal absoluto */
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* 2. Forzar que el contenedor del título ocupe todo el ancho para centrarse bien */
.main-title, .site-title, h1.site-title, .wp-block-site-title {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

/* 3. Forzar que el contenedor del menú ocupe todo el ancho disponible */
nav, .main-navigation, .wp-block-navigation, .navigation-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
}

/* 4. EL TRUCO MAESTRO: Forzar una sola línea horizontal (Fila India) */
nav ul, .wp-block-navigation__container, .wp-block-pages-list {
    display: flex !important;
    flex-direction: row !important;       /* OBLIGA a ponerse en fila horizontal */
    flex-wrap: nowrap !important;         /* PROHÍBE que se rompa en dos líneas */
    justify-content: center !important;   /* Centra todo el bloque de enlaces */
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* 5. Estilo y tamaño de los textos del menú */
nav li, .wp-block-navigation-item, nav a, .wp-block-navigation-item__content {
    display: inline-block !important;
    white-space: nowrap !important;       /* Evita que un texto largo (como Formulario de registro) se parta en dos renglones */
    font-family: "Georgia", "Times New Roman", serif !important;
    font-size: 0.95rem !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 15px !important;        /* Espacio limpio entre cada sección */
    margin: 0 !important;
}
	/* =========================================================
   FUERZA BRUTA DESTRUCTORA: TICKER FIJO EN EL TECHO GLOBAL
========================================================= */

/* 1. Desplazamos TODA la estructura de la web hacia abajo para abrir cancha */
html, body, #page, .site, .site-container, #viewport {
    margin-top: 40px !important; /* Espacio exacto para que quepa el ticker */
    position: relative !important;
}

/* 2. Arrancamos el ticker de la estructura y lo clavamos al monitor */
.nyt-tradingview-container, 
.tradingview-widget-container,
div[class*="tradingview"] {
    position: fixed !important;  /* Rompe cualquier jaula o contenedor del tema */
    top: 0 !important;           /* Pegado al techo real del navegador */
    left: 0 !important;          /* Pegado al borde izquierdo real */
    right: 0 !important;         /* Pegado al borde derecho real */
    width: 100vw !important;     /* 100% del ancho de la pantalla */
    max-width: 100vw !important;
    height: 40px !important;     /* Altura fija del widget */
    
    /* ULTRA PRIORIDAD: Flota por encima de menús, popups, imágenes y cualquier cosa */
    z-index: 99999999 !important; 
    
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #121212 !important; /* El filete de corte */
}

/* 3. Corrección quirúrgica para el editor interno de WordPress (Para que no estorbe al editar) */
.admin-bar .nyt-tradingview-container {
    top: 32px !important; /* Si estás logueado como admin, se baja para no tapar la barra negra de WP */
}

/* 4. Fuerza elástica para móviles */
@media screen and (max-width: 768px) {
    html, body {
        margin-top: 40px !important;
    }
    .nyt-tradingview-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}
	/* =========================================================
   PORTADA DE PRENSA: ENTRADAS ALINEADAS DE DOS EN DOS (50% ANCHO)
========================================================= */

@media screen and (min-width: 769px) {
    
    /* 1. Forzamos al contenedor principal de los posts a convertirse en una cuadrícula (Grid) */
    .wp-block-query-loop, 
    .posts-container, 
    .generate-columns-container, 
    main ul, 
    .site-main .wp-block-group {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* OBLIGA a crear exactamente 2 columnas iguales */
        gap: 40px !important;                             /* Espacio elegante entre las dos columnas */
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }

    /* 2. Forzamos a cada nota individual (Post) a comportarse dentro de la cuadrícula */
    article, 
    .wp-block-post, 
    .generate-columns {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        background-color: #ffffff !important;
        
        /* Filete sutil abajo de cada nota para separar filas, estilo diario */
        border-bottom: 1px solid #e0e0e0 !important; 
        padding-bottom: 25px !important;
        margin-bottom: 10px !important;
    }

    /* 3. Ajuste estricto para las imágenes destacadas de las notas */
    .wp-block-post-featured-image, 
    .post-image {
        width: 100% !important;
        height: 280px !important; /* Altura fija para que todas las tarjetas queden alineadas simétricas */
        overflow: hidden !important;
        margin-bottom: 15px !important;
    }

    .wp-block-post-featured-image img, 
    .post-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Evita que la imagen se deforme al estirarse */
    }
}

/* =========================================================
   OPTMIZACIÓN PARA MÓVILES (VUELVE A 1 COLUMNA PARA LEER BIEN)
========================================================= */
@media screen and (max-width: 768px) {
    .wp-block-query-loop, .posts-container, .generate-columns-container {
        grid-template-columns: 1fr !important; /* En celular se vuelve a poner uno abajo de otro */
        gap: 25px !important;
    }
}
	/* =========================================================
   ESTILO EDITORIAL: FUENTE ESTILO TIMES PARA TÍTULOS DE POSTS
========================================================= */

/* Forzado masivo para todos los títulos de entradas del blog (Feeds y Notas individuales) */
h2.entry-title,
h2.entry-title a,
h1.entry-title,
h1.entry-title a,
.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a,
article h2,
article h2 a,
article h1,
article h1 a {
    font-family: "Times New Roman", "Times", "Georgia", serif !important;
    font-weight: 800 !important;       /* Negrita extra para emular el peso de la tinta de imprenta */
    color: #121212 !important;         /* Negro profundo casi absoluto */
    letter-spacing: -1px !important;   /* Juntamos sutilmente las letras para dar carácter de prensa */
    line-height: 1.15 !important;      /* Interlineado compacto clásico */
    text-decoration: none !important;  /* Limpiamos cualquier subrayado molesto */
    text-transform: none !important;   /* Respeta mayúsculas y minúsculas naturales */
}

/* Efecto sutil al pasar el cursor sobre los títulos en la portada */
h2.entry-title a:hover,
.wp-block-post-title a:hover,
article h2 a:hover {
    color: #333333 !important;
    text-decoration: underline !important; /* Tradicional rayado de enlace al hacer hover */
}