/*
Theme Name: METEOREX Base
Theme URI: https://meteorex.live
Author: METEOREX
Description: Base visual premium METEOREX. Navegación visual sin enlaces, módulos independientes.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: meteorex-base
*/
:root{--mx-bg:#080B10;--mx-header:#0A0E13;--mx-surface:#10161E;--mx-card:#172330;--mx-border:#3C4855;--mx-white:#F7F9FC;--mx-muted:#B7C1CC;--mx-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mx-bg);color:var(--mx-white);font-family:var(--mx-font);font-size:15px;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit}.wide{width:min(1570px,calc(100% - 76px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:999}.site-header{background:#080e14;border-bottom:1px solid #42505c}.topline{height:44px;border-bottom:1px solid #33404c}.topline-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.topline-claim{font-size:12px;font-weight:700;letter-spacing:3.4px;white-space:nowrap}.topline-right{display:flex;align-items:center;gap:25px;font-size:12px;white-space:nowrap}.topline-sep{height:20px;width:1px;background:#46515d}.social-set{display:flex;align-items:center;gap:18px;font-size:19px;font-weight:800}.mainline{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-block{display:flex;align-items:center;gap:16px;min-width:380px}.brand-logo img{width:270px;height:74px;object-fit:contain;display:block}.brand-claim{border-left:1px solid #6d7681;padding-left:15px;font-size:11px;letter-spacing:1.4px;font-weight:600;line-height:1.35}.main-nav{display:flex;align-items:center;gap:24px}.nav-item{font-size:14px;font-weight:700;white-space:nowrap;display:inline-block;padding:15px 0;cursor:default}.nav-item.active{border-bottom:2px solid white}.chev{margin-left:3px}.nav-actions{display:flex;align-items:center;gap:18px}.nav-search svg{width:27px;height:27px;stroke:white;stroke-width:2;fill:none}.tv-button{border:1px solid #d3dbe2;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}.menu-button{border:0;background:none;color:white;font-size:25px;cursor:pointer;padding:5px}.hero{position:relative;isolation:isolate;min-height:310px;background:#0c1721;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,16,.93) 0%,rgba(8,11,16,.77) 28%,rgba(8,11,16,.20) 64%,rgba(8,11,16,.04) 100%),url('assets/hero-meteorex.webp') center 48%/cover no-repeat}.hero-inner{padding:30px 0 25px}.hero-copy h1{font-size:clamp(36px,3.45vw,59px);line-height:1.04;letter-spacing:-2px;margin:0 0 12px;font-weight:800;max-width:760px}.hero-copy p{font-size:clamp(16px,1.25vw,20px);line-height:1.45;max-width:700px;margin:0;border-left:3px solid white;padding-left:18px;color:#edf2f7}.quick-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;margin-top:36px}.quick-tool{border:1px solid #82909e;border-radius:12px;background:linear-gradient(150deg,rgba(29,40,52,.94),rgba(9,16,24,.92));min-height:60px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:17px;font-weight:700}.tool-symbol svg{width:31px;height:31px;display:block}.dashboard-grid{display:grid;grid-template-columns:1.06fr 1.06fr .75fr;gap:18px;margin-top:24px;align-items:start}.dash-card{min-height:266px;background:linear-gradient(135deg,#182633,#0c1219 80%);border:1px solid #52616e;border-radius:13px;overflow:hidden}.weather-card{padding:22px;background:radial-gradient(ellipse at 45% 0%,#314a61,#14212e 64%,#0c121a)}.dash-card h2{font-size:22px;line-height:1.3;font-weight:750;margin:0}.pin-symbol{font-size:29px;margin-right:5px}.small-chevron{font-size:17px}.satellite-card{background:#0d151e}.card-tabs{height:47px;display:flex;align-items:center;gap:35px;padding:0 22px;border-bottom:1px solid #53616d}.card-tabs span{font-size:16px;color:#c1cbd4}.card-tabs .selected{font-weight:750;color:white;border-bottom:2px solid white;line-height:45px}.module-empty{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:18px}.module-empty-icon{font-size:42px;line-height:1;color:#e6edf4}.module-empty p{font-size:14px;max-width:320px;margin:0;color:#e0e6ed}.module-empty small{color:#aebdcb;font-size:11px;letter-spacing:.6px}.weather-card .module-empty{align-items:flex-start;text-align:left;padding:24px 4px}.news-card{padding:17px 18px;grid-column:3;grid-row:1 / span 2;min-height:408px;background:#0c1219}.news-card h2{border-bottom:1px solid #4b5661;padding-bottom:12px;margin-bottom:6px}.slashes{letter-spacing:-3px;margin-right:10px}.news-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #37434d;padding:12px 0;min-height:86px}.news-row h3{font-size:14px;line-height:1.32;margin:0 0 5px;font-weight:700}.news-row time{color:#abb8c5;font-size:12px}.news-thumb{width:100px;height:70px;object-fit:cover;border-radius:7px;flex-shrink:0}.news-empty{padding:30px 0;color:#becbd5;font-size:14px}.news-more{display:block;width:max-content;margin:18px auto 0;padding:9px 18px;border:1px solid #c1ccd7;border-radius:9px;font-size:13px;font-weight:700}.regions{grid-column:1 / span 2;grid-row:2;min-width:0}.section-title{display:flex;align-items:center;gap:22px;margin:0 0 17px}.section-title h2{font-size:26px;margin:0;white-space:nowrap;line-height:1.2}.section-title:after{content:"";height:1px;background:#6b7580;flex:1}.regions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.region-tile{position:relative;isolation:isolate;min-height:100px;border:1px solid #687685;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;overflow:hidden;font-size:19px}.region-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,19,.22),rgba(6,12,19,.9)),var(--region-image) center/cover no-repeat}.region-tile strong{font-weight:800}.region-tile span{font-size:28px}.site-footer{border-top:1px solid #263340;margin-top:55px;padding:25px 0;color:#aab8c5;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding:45px 0}.content-main{min-width:0}.page-title{font-size:clamp(30px,3vw,44px);line-height:1.15}.entry-card{padding:20px 0;border-bottom:1px solid #3c4855}.entry-card h2{font-size:24px}.entry-card a{text-decoration:none}.entry-card p,.entry-meta{color:var(--mx-muted)}.entry-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.article-body{font-size:17px;line-height:1.8}.sidebar-box{background:#10161e;padding:20px;border-radius:12px}
@media(max-width:1450px){.brand-block{min-width:300px}.brand-logo img{width:210px}.brand-claim{font-size:9px}.main-nav{gap:15px}.nav-item{font-size:12px}.nav-actions{gap:12px}.tv-button{font-size:11px}.topline-claim{font-size:10px}}
@media(max-width:1120px){.topline-claim{letter-spacing:1.6px}.brand-block{min-width:260px}.brand-logo img{width:190px}.main-nav{display:none;position:absolute;z-index:30;top:124px;left:0;right:0;padding:18px 5%;background:#101923;flex-direction:column;align-items:flex-start;gap:2px;border-bottom:1px solid #53606e}.main-nav.opened{display:flex}.nav-item{font-size:15px}.dashboard-grid{grid-template-columns:1fr 1fr}.news-card{grid-column:1/-1;grid-row:3;min-height:auto}.regions{grid-column:1/-1;grid-row:2}.news-row{display:inline-flex;width:32%;vertical-align:top;padding:12px 8px}.news-row h3{font-size:12px}.news-thumb{width:75px;height:60px}}
@media(max-width:700px){.wide{width:calc(100% - 30px)}.topline{height:auto;min-height:32px}.topline-inner{justify-content:center;padding:8px 0}.topline-claim{font-size:8px;letter-spacing:1.1px;text-align:center;white-space:normal}.topline-right{display:none}.mainline{min-height:72px;gap:8px}.brand-block{min-width:0;gap:6px}.brand-logo img{width:165px;height:58px}.brand-claim{display:none}.tv-button{display:none}.nav-search svg{width:23px;height:23px}.main-nav{top:104px}.hero-inner{padding:31px 0 20px}.hero-copy h1{font-size:35px;letter-spacing:-1.1px}.hero-copy p{font-size:15px}.hero:before{background:linear-gradient(90deg,rgba(8,11,16,.88),rgba(8,11,16,.45)),url('assets/hero-meteorex.webp') 61% center/cover no-repeat}.quick-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px}.quick-tool{font-size:12px;min-height:65px;gap:5px;flex-direction:column}.tool-symbol svg{width:25px;height:25px}.dashboard-grid{grid-template-columns:1fr;gap:13px;margin-top:15px}.dash-card{min-height:245px}.regions{grid-column:1;grid-row:auto}.news-card{grid-column:1;grid-row:auto}.news-row{display:flex;width:100%}.news-row h3{font-size:14px}.news-thumb{width:95px;height:65px}.regions-grid{grid-template-columns:1fr}.region-tile{min-height:90px}.section-title h2{font-size:22px}.footer-row{flex-direction:column}.content-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Cabecera premium — estilos nativos del tema; sin dependencia de snippets */
.topline-claim{font-size:9px;letter-spacing:2px;font-weight:700}
.mainline{justify-content:initial;gap:clamp(14px,1.4vw,25px)}
.brand-block{min-width:0;flex:0 0 auto;gap:9px;margin:0}
.brand-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}
.brand-logo img{width:205px;height:72px;object-fit:contain;object-position:left center}
.brand-claim{padding-left:12px;font-size:10px;letter-spacing:1.05px;line-height:1.4}
.main-nav{margin-left:auto;gap:clamp(10px,1.2vw,22px)}
.nav-item{position:relative;border-bottom:0!important;transition:color .22s ease,background .22s ease;cursor:default}
.nav-item:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:#f7f9fc;transform:scaleX(0);transform-origin:center;transition:transform .24s ease}
.nav-item:hover,.nav-item:focus-visible{color:#fff}
.nav-item:hover:after,.nav-item.active:after{transform:scaleX(1)}
.nav-actions{flex:0 0 auto;gap:clamp(10px,1.2vw,18px)}
.social-set{gap:8px}
.social-icon{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#e7edf4;transition:background .2s ease,color .2s ease,transform .2s ease}
.social-icon svg{width:16px;height:16px;fill:currentColor;display:block}
.social-icon:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-2px)}
.tv-button{display:inline-flex;align-items:center;gap:7px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.tv-button svg{width:15px;height:15px;flex:none}
.tv-button:hover{background:rgba(255,255,255,.12);border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,.1);transform:translateY(-2px)}
.nav-search,.menu-button{transition:color .2s ease,transform .2s ease}
.nav-search:hover,.menu-button:hover{color:#fff;transform:translateY(-2px)}
@media(max-width:1450px){.brand-logo img{width:175px}.brand-claim{font-size:9px;padding-left:10px}.main-nav{gap:11px}.nav-item{font-size:12px}.topline-claim{font-size:9px}}
@media(max-width:1120px){.main-nav{margin-left:0}.main-nav.opened{display:flex}.nav-item:after{bottom:4px}}
@media(max-width:700px){.brand-logo img{width:160px;height:58px}.brand-block{gap:6px}.topline-claim{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.nav-item,.nav-item:after,.social-icon,.tv-button,.nav-search,.menu-button{transition:none}}
