.global-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}
.global-header-row{height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px}.global-header .brand-logo-image{width:220px;height:auto}.global-desktop-nav{display:flex;align-items:center;gap:24px}.global-desktop-nav>a,.global-mega-parent>button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#1e293b;font:inherit;font-weight:700;cursor:pointer}.global-desktop-nav>a:hover,.global-mega-parent>button:hover{color:#2563eb}.global-header-actions{display:flex;align-items:center;gap:10px}.global-menu-toggle{display:none;width:48px;height:48px;border:1px solid #dbeafe;border-radius:14px;background:#fff;color:#2563eb;font-size:1.2rem;cursor:pointer}
.global-mega-parent{position:relative}.global-mega-menu{position:absolute;top:calc(100% + 18px);left:50%;width:570px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 24px 55px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-8px);transition:.2s;z-index:100}.global-mega-parent:hover .global-mega-menu,.global-mega-parent:focus-within .global-mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.global-mega-menu a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px}.global-mega-menu a:hover{background:#eff6ff}.global-mega-menu a>i{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:11px;background:#dbeafe;color:#2563eb}.global-mega-menu span{display:grid}.global-mega-menu small{color:#64748b;font-weight:500}
.global-menu-overlay{position:fixed;inset:0;z-index:1190;background:rgba(15,23,42,.55);opacity:0;visibility:hidden;transition:.22s}.global-menu-overlay.active{opacity:1;visibility:visible}.global-mobile-menu{position:fixed;top:0;right:-390px;z-index:1200;width:min(360px,88vw);height:100dvh;display:flex;flex-direction:column;padding:22px;background:#fff;box-shadow:-20px 0 55px rgba(15,23,42,.2);overflow-y:auto;overscroll-behavior:contain;transition:.25s}.global-mobile-menu.active{right:0}.global-mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:1.45rem}.global-mobile-top button{width:46px;height:46px;border:0;border-radius:14px;background:#eff6ff;color:#0f172a;font-size:1.25rem}.global-mobile-menu nav{display:grid;gap:10px}.global-mobile-menu nav>a,.global-mobile-menu summary{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#f8fafc;font-weight:800;cursor:pointer;list-style:none}.global-mobile-menu summary .fa-chevron-down{margin-left:auto;font-size:.75rem}.global-mobile-sub{display:grid;gap:7px;margin-top:8px;padding-left:10px}.global-mobile-sub a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#eff6ff}.global-mobile-sub a>i{width:34px;text-align:center;color:#2563eb}.global-mobile-sub span{display:grid}.global-mobile-sub small{color:#64748b;font-weight:500}.global-mobile-actions{display:grid;gap:10px;margin-top:auto;padding-top:22px}.global-mobile-actions .appearance-button{width:100%;height:45px;display:flex;gap:9px}
.global-footer{margin-top:60px;padding:42px 0 20px;border-top:5px solid #2563eb;background:linear-gradient(180deg,#111827,#020617);color:#cbd5e1}.global-footer-grid{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(165px,.85fr) minmax(155px,.8fr) minmax(225px,1.1fr) minmax(260px,1.15fr);align-items:stretch}.global-footer-brand,.global-footer-column{min-width:0;padding:0 26px;text-align:center}.global-footer-brand{display:flex;flex-direction:column;align-items:center}.global-footer-brand .brand-logo-image{width:190px}.global-footer-brand p{margin:12px 0}.global-footer-brand>strong{color:#fff}.global-footer-column{display:grid;align-content:start;gap:8px;border-left:1px solid rgba(147,197,253,.22)}.global-footer-column h3{color:#fff;margin-bottom:4px}.global-footer-column h3:after{content:"";display:block;width:34px;height:3px;margin:8px auto 0;border-radius:99px;background:#3b82f6}.global-footer-column a{color:#cbd5e1}.global-footer-column a:hover{color:#fff}.global-social{display:flex;justify-content:center;gap:8px;margin-top:12px}.global-social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #334155;border-radius:10px;color:#fff}.global-social a:hover{background:#2563eb}.global-newsletter{display:grid;gap:8px;width:100%;max-width:260px;margin:0 auto}.global-newsletter input{width:100%;padding:11px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font:inherit}.global-footer-bottom{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid rgba(96,165,250,.28);color:#94a3b8}
.global-back-top{position:fixed;right:24px;bottom:24px;z-index:1050;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.3);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s}.global-back-top.visible{opacity:1;visibility:visible;transform:none}.global-back-top:hover{transform:translateY(-3px)}
.dark-mode .global-header{background:rgba(15,23,42,.93);border-color:#334155}.dark-mode .global-desktop-nav>a,.dark-mode .global-mega-parent>button{color:#f8fafc}.dark-mode .global-mega-menu,.dark-mode .global-mobile-menu{background:#111c2e;border-color:#334155}.dark-mode .global-mega-menu a:hover{background:#172554}.dark-mode .global-mega-menu strong,.dark-mode .global-mobile-menu{color:#f8fafc}.dark-mode .global-mega-menu small,.dark-mode .global-mobile-sub small{color:#a8b5c7}.dark-mode .global-mobile-menu nav>a,.dark-mode .global-mobile-menu summary{background:#18243a}.dark-mode .global-mobile-sub a{background:#0f172a}.dark-mode .global-mobile-top button,.dark-mode .global-menu-toggle{background:#111c2e;color:#fff;border-color:#334155}
@media(max-width:1180px){.global-desktop-nav{gap:15px}.global-desktop-nav>a,.global-mega-parent>button{font-size:.9rem}.global-header-actions .btn{padding:11px 13px}.global-header .brand-logo-image{width:185px}.global-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.global-footer-column:nth-child(4),.global-footer-column:nth-child(5){padding-top:24px;border-top:1px solid rgba(147,197,253,.22)}.global-footer-column:nth-child(4){border-left:0}}
@media(max-width:920px){.global-header-row{height:90px}.global-desktop-nav,.global-header-actions{display:none}.global-menu-toggle{display:grid;place-items:center}.global-header .brand-logo-image{width:205px}}
@media(max-width:700px){.global-header-row{height:90px}.global-header .brand-logo-image{width:180px}.global-footer-grid{grid-template-columns:1fr}.global-footer-brand{padding:0 0 20px}.global-footer-column,.global-footer-column:nth-child(4),.global-footer-column:nth-child(5){padding:20px 0;border-left:0;border-top:1px solid rgba(147,197,253,.24)}.global-back-top{right:15px;bottom:18px;width:46px;height:46px}}
.global-header-actions .appearance-button{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid rgba(37,99,235,.16);border-radius:13px;background:#fff;color:#2563eb;font-size:1rem;line-height:1}.global-header-actions .appearance-button:hover,.global-header-actions .appearance-button.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.dark-mode .global-header-actions .appearance-button{background:#111c2e;color:#fbbf24;border-color:#334155}.dark-mode .global-header-actions .appearance-button:hover{background:#172554;color:#fde68a}
.global-mobile-bottom{display:none}.dark-mode .site-main,.dark-mode .categories-page{background:#0b1120}.global-mobile-actions{justify-items:center}.global-mobile-actions .appearance-button{width:auto!important;min-width:145px;height:40px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:12px;font-size:.86rem;font-weight:800}.global-mobile-menu nav>a,.global-mobile-menu summary{padding:11px 13px;font-size:.94rem}.global-mobile-sub a{padding:10px 11px;font-size:.88rem}.global-mobile-top{font-size:1.25rem}.global-mobile-top button{width:42px;height:42px}
@media(max-width:920px){body{padding-bottom:82px}.global-mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1180;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 13px;background:rgba(255,255,255,.96);border-top:1px solid #e2e8f0;backdrop-filter:blur(14px)}.global-mobile-bottom .btn{width:100%;padding:11px 12px;font-size:.9rem}.global-back-top{bottom:92px}.dark-mode .global-mobile-bottom{background:rgba(15,23,42,.96);border-color:#334155}.dark-mode .global-mobile-actions .appearance-button{background:#172554;color:#fde68a;border-color:#334155}}

/* Sistema visual público global: una sola paleta para todas las páginas. */
:root{--public-bg:#f4f7fb;--public-surface:#fff;--public-soft:#f8fafc;--public-text:#0f172a;--public-muted:#64748b;--public-line:#e2e8f0;--public-blue:#2563eb;--public-blue-soft:#eff6ff}
.dark-mode{--public-bg:#08111f;--public-surface:#111c2e;--public-soft:#18243a;--public-text:#f8fafc;--public-muted:#a8b5c7;--public-line:#334155;--public-blue:#60a5fa;--public-blue-soft:#172554}
.site-main{background:var(--public-bg);color:var(--public-text)}
.global-desktop-nav>a,.global-mega-parent>button{padding:9px 10px;border-radius:11px}
.global-desktop-nav>a:hover,.global-mega-parent>button:hover,.global-desktop-nav>a.is-active,.global-mega-parent>button.is-active{color:#2563eb;background:#eff6ff}
.global-mega-menu a:hover,.global-mega-menu a.is-active{background:#eff6ff;color:#2563eb}
.global-mobile-menu nav>a.is-active,.global-mobile-menu summary.is-active,.global-mobile-sub a.is-active{background:#dbeafe;color:#2563eb;box-shadow:inset 3px 0 #2563eb}
.dark-mode .site-main,.dark-mode .categories-page{background:#08111f}
.dark-mode .global-desktop-nav>a:hover,.dark-mode .global-mega-parent>button:hover,.dark-mode .global-desktop-nav>a.is-active,.dark-mode .global-mega-parent>button.is-active,.dark-mode .global-mega-menu a:hover,.dark-mode .global-mega-menu a.is-active{background:#172554;color:#60a5fa}
.dark-mode .global-mobile-menu nav>a.is-active,.dark-mode .global-mobile-menu summary.is-active,.dark-mode .global-mobile-sub a.is-active{background:#172554;color:#60a5fa;box-shadow:inset 3px 0 #3b82f6}
.global-mobile-actions{justify-items:stretch}
.global-mobile-actions .appearance-button{width:100%!important;height:56px!important;display:flex!important;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:2px solid #cbd5e1;border-radius:15px;background:transparent;color:#1e293b;font-size:.94rem;font-weight:800}
.dark-mode .global-mobile-actions .appearance-button{border-color:#334155;background:#111c2e;color:#f8fafc}.dark-mode .global-mobile-actions .appearance-button i{color:#fbbf24}
.global-header-row,.global-footer>.container{width:min(calc(100% - 40px),1480px);max-width:none;margin-inline:auto}
.global-header-actions .btn{min-height:48px;padding:11px 17px;border-radius:14px;font-size:.94rem;font-weight:800}
@media(max-width:700px){.global-header-row,.global-footer>.container{width:min(calc(100% - 28px),1480px)}}