:root {
    --al-black:#050507;
    --al-obsidian:#111018;
    --al-paper:#f2eee6;
    --al-white:#fff;
    --al-gold:#d8a640;
    --al-red:#8d241f;
    --al-red-dark:#451015;
    --al-blue:#75cde8;
    --al-muted:#766e64;
    --al-heading:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
    --al-serif:Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
body{margin:0;background:var(--al-paper);color:#141217;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}

.al-topline{height:6px;background:linear-gradient(90deg,var(--al-red-dark),var(--al-gold),var(--al-blue),var(--al-red-dark))}
.al-site-header{background:linear-gradient(120deg,#050507,#190b10);color:#fff;border-bottom:1px solid rgba(216,166,64,.35)}
.al-header-inner{max-width:1280px;margin:0 auto;padding:34px 22px 28px;display:flex;align-items:center;gap:22px}
.al-logo img,.al-logo .custom-logo{display:block;max-width:104px;max-height:104px;border-radius:50%;box-shadow:0 0 0 3px rgba(216,166,64,.9),0 16px 38px rgba(0,0,0,.45)}
.al-brand-title{margin:0;font-family:var(--al-heading);font-size:clamp(34px,5vw,68px);line-height:.95;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.al-brand-title a{text-decoration:none;color:#fff}
.al-brand-description{margin:10px 0 0;color:#eadfc7;font-family:var(--al-serif);font-size:18px;font-style:italic}

.al-main-nav{background:var(--al-black);border-top:1px solid rgba(255,255,255,.08);border-bottom:4px solid var(--al-gold);position:sticky;top:32px;z-index:1000}
body:not(.admin-bar) .al-main-nav{top:0}
.al-main-nav-inner{max-width:1280px;margin:0 auto;padding:0 12px}
.al-menu,.al-menu ul{list-style:none;margin:0;padding:0}
.al-menu{display:flex;flex-wrap:wrap;align-items:center}
.al-menu li{position:relative}
.al-menu>li>a{display:block;padding:17px 14px;color:#fff;text-decoration:none;font-family:var(--al-heading);font-weight:900;font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.al-menu>li>a:hover,.al-menu>li.current-menu-item>a{background:var(--al-gold);color:var(--al-black)}
.al-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--al-black);border-top:4px solid var(--al-gold);box-shadow:0 16px 34px rgba(0,0,0,.46);z-index:9999}
.al-menu li:hover>.sub-menu{display:block}
.al-menu .sub-menu li{border-bottom:1px solid rgba(255,255,255,.13)}
.al-menu .sub-menu a{display:block;padding:13px 16px;color:#fff;background:var(--al-black);text-decoration:none;font-family:var(--al-heading);font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.al-menu .sub-menu a:hover{background:var(--al-gold);color:#050507}
.al-menu .sub-menu .sub-menu{top:0;left:100%}

.al-hero{background:linear-gradient(90deg,rgba(5,5,7,.94),rgba(69,16,21,.82));color:#fff}
.al-hero-inner{max-width:1280px;margin:0 auto;padding:42px 22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px}
.al-hero-kicker{display:inline-block;margin-bottom:14px;padding:7px 11px;background:var(--al-gold);color:#050507;font-family:var(--al-heading);font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.al-hero h2{margin:0;max-width:850px;font-family:var(--al-heading);font-size:clamp(38px,5vw,76px);line-height:.96;text-transform:uppercase}
.al-hero p{max-width:680px;margin:18px 0 0;color:#eadfc7;font-family:var(--al-serif);font-size:20px;line-height:1.55}
.al-hero-panel{border:1px solid rgba(216,166,64,.45);background:rgba(0,0,0,.32);padding:22px}
.al-hero-panel strong{display:block;margin-bottom:10px;color:#f4c968;font-family:var(--al-heading);font-size:22px;text-transform:uppercase}
.al-hero-panel ul{margin:0;padding-left:18px;color:#eadfc7;line-height:1.7}

.al-wrap{max-width:1280px;margin:34px auto;padding:0 22px}
.al-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}
.al-section-title{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-family:var(--al-heading);font-size:26px;text-transform:uppercase;letter-spacing:.04em}
.al-section-title:before{content:"";width:9px;height:32px;background:var(--al-gold);display:inline-block}
.al-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}

.al-card{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 14px 32px rgba(0,0,0,.08);overflow:hidden;position:relative}
.al-card:before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--al-red-dark),var(--al-gold),var(--al-blue))}
.al-card-thumb{display:block;aspect-ratio:16/9;background:#18151d;overflow:hidden}
.al-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.al-card:hover .al-card-thumb img{transform:scale(1.035)}
.al-card-body{padding:20px}
.al-card-cats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.al-card-cats a{display:inline-block;padding:5px 8px;background:var(--al-red-dark);color:#fff;text-decoration:none;font-family:var(--al-heading);font-size:12px;font-weight:900;text-transform:uppercase;border-left:4px solid var(--al-gold)}
.al-card-title{margin:0;font-family:var(--al-heading);font-size:clamp(25px,3vw,38px);line-height:1.02;text-transform:uppercase}
.al-card-title a{color:#050507;text-decoration:none}
.al-card-title a:hover{color:var(--al-red)}
.al-card-meta{margin-top:12px;color:var(--al-muted);font-family:var(--al-heading);font-size:13px;text-transform:uppercase}
.al-card-excerpt{margin-top:14px;font-family:var(--al-serif);font-size:17px;line-height:1.6}

.al-sidebar{display:flex;flex-direction:column;gap:22px}
.al-widget,.al-sidebar .widget{background:#fff;border:1px solid rgba(0,0,0,.12);padding:18px;box-shadow:0 14px 32px rgba(0,0,0,.07)}
.al-widget-title,.al-sidebar .widget-title{margin:-18px -18px 16px;padding:12px 16px;background:#050507;color:#fff;border-left:7px solid var(--al-gold);font-family:var(--al-heading);text-transform:uppercase;letter-spacing:.05em}

.al-main article.single-post,.al-page{background:#fff;border:1px solid rgba(0,0,0,.12);padding:clamp(24px,4vw,52px);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.al-entry-title{margin:0 0 18px;font-family:var(--al-heading);font-size:clamp(36px,5vw,68px);line-height:.98;text-transform:uppercase}
.entry-content{font-family:var(--al-serif);font-size:19px;line-height:1.78}
.entry-content blockquote{background:#111018;color:#f2eee6;border-left:8px solid var(--al-gold);padding:22px 28px}

.al-footer{margin-top:50px;background:#050507;color:#f2eee6;border-top:5px solid var(--al-gold)}
.al-footer-inner{max-width:1280px;margin:0 auto;padding:28px 22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.al-footer a{color:#f4c968}

.pagination,.nav-links{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.page-numbers{padding:9px 13px;background:#050507;color:#fff;text-decoration:none;font-family:var(--al-heading);font-weight:900}
.page-numbers.current,.page-numbers:hover{background:var(--al-gold);color:#050507}

@media(max-width:980px){
    .al-hero-inner,.al-layout{grid-template-columns:1fr}
    .al-grid{grid-template-columns:1fr}
    .al-main-nav{position:relative;top:auto}
    .al-menu{display:block}
    .al-menu .sub-menu{position:static;display:block;box-shadow:none;border-top:1px solid rgba(216,166,64,.35);margin-left:18px}
    .al-menu .sub-menu .sub-menu{position:static;left:auto}
}
@media(max-width:640px){
    .al-header-inner{flex-direction:column;align-items:flex-start}
    .al-logo img,.al-logo .custom-logo{max-width:82px;max-height:82px}
}

/* ALAMANECER NORMALIZE PRIMARY MENU 2026-05-18
   Ajuste exclusivo del menú principal.
   No toca hero, cabecera ni contenidos.
*/

.al-main-nav {
    position: relative !important;
    top: auto !important;
}

.al-main-nav-inner {
    max-width: 1280px !important;
    padding: 0 18px !important;
}

/* Menú más compacto y alineado */
.al-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Primer nivel: menos altura, menos aire, lectura más limpia */
.al-menu > li > a {
    padding: 12px 11px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
}

/* Submenús normales, sin romper el flujo */
.al-menu .sub-menu {
    min-width: 220px !important;
}

.al-menu .sub-menu a {
    padding: 11px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* Evitar que el menú ocupe una altura absurda */
.al-menu > li {
    margin: 0 !important;
}

/* En pantallas medianas, permitir dos líneas ordenadas sin bloquear el hero */
@media (max-width: 1200px) {
    .al-menu > li > a {
        padding: 10px 9px !important;
        font-size: 12px !important;
    }
}

/* En móvil, el menú pasa a vertical legible */
@media (max-width: 780px) {
    .al-menu {
        display: block !important;
    }

    .al-menu > li > a {
        padding: 13px 16px !important;
        font-size: 14px !important;
        white-space: normal !important;
    }
}

/* ALAMANECER MOBILE HAMBURGER MENU 2026-05-18
   Menú responsive real con botón hamburguesa.
*/

.al-menu-toggle {
    display: none;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 16px;
    background: #050507;
    color: #ffffff;
    border: 0;
    border-bottom: 1px solid rgba(216,166,64,.35);
    font-family: var(--al-heading);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
}

.al-menu-toggle-icon,
.al-menu-toggle-icon::before,
.al-menu-toggle-icon::after {
    display: block;
    width: 24px;
    height: 3px;
    background: #d8a640;
    content: "";
}

.al-menu-toggle-icon {
    position: relative;
}

.al-menu-toggle-icon::before {
    position: absolute;
    top: -8px;
    left: 0;
}

.al-menu-toggle-icon::after {
    position: absolute;
    top: 8px;
    left: 0;
}

@media (max-width: 780px) {
    .al-main-nav {
        position: relative !important;
        top: auto !important;
    }

    .al-main-nav-inner {
        padding: 0 !important;
    }

    .al-menu-toggle {
        display: flex !important;
    }

    .al-menu {
        display: none !important;
        background: #050507;
        border-top: 1px solid rgba(216,166,64,.35);
    }

    .al-main-nav.is-open .al-menu {
        display: block !important;
    }

    .al-menu > li > a {
        padding: 14px 18px !important;
        border-bottom: 1px solid rgba(255,255,255,.12);
        white-space: normal !important;
    }

    .al-menu .sub-menu {
        display: block !important;
        position: static !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        border-top: 0 !important;
        box-shadow: none !important;
        background: #0d0d12 !important;
    }

    .al-menu .sub-menu a {
        padding-left: 34px !important;
        background: #0d0d12 !important;
        color: #ffffff !important;
    }

    .al-menu .sub-menu .sub-menu a {
        padding-left: 50px !important;
    }
}