/* ROBOS MDP — Premium V5. Refinamiento visual sobre el código funcional del usuario.
   No altera posiciones fixed del mapa, ni alto de contenedores AdSense, ni eventos JavaScript. */
:root{
 --v5-ink:#ecf3fb; --v5-muted:#9faec1; --v5-red:#f34c60;--v5-cyan:#63d4e9;
 --v5-mint:#6de1bb;--v5-line:rgba(174,200,229,.17);
 --v5-ease:cubic-bezier(.2,.78,.2,1);
}
#landing{background:radial-gradient(ellipse at 77% 4%,rgba(72,100,143,.12),transparent 36%),var(--bg)!important}
#landing .pro-topbar{border-bottom:1px solid var(--v5-line);box-shadow:0 3px 25px rgba(0,0,0,.09)}
#landing .pro-brand img{box-shadow:0 0 0 1px rgba(242,75,96,.22),0 8px 25px rgba(0,0,0,.22)!important}
#landing .pro-chat-nav{display:inline-flex;align-items:center;gap:8px;color:#a5efe1!important;background:rgba(32,138,124,.1)!important;border:1px solid rgba(90,217,191,.24)!important}
#landing .pro-chat-nav:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ce0a8;box-shadow:0 0 0 3px rgba(70,224,174,.1)}
#landing .pro-chat-nav:hover{background:rgba(44,160,141,.19)!important;border-color:rgba(90,217,191,.44)!important}
#landing .pro-chat-menu{color:var(--v5-mint)!important;font-weight:800!important}
#landing .pro-hero{box-shadow:0 34px 96px rgba(4,10,20,.22),inset 0 1px rgba(255,255,255,.04)!important}
#landing .pro-hero-inner{position:relative;z-index:2}
#landing .pro-hero h1{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.06em}
#landing .pro-hero-copy>p:not(.pro-hero-footnote){font-size:clamp(13px,1.25vw,16px)}
#landing .pro-hero .pro-button-primary{background:linear-gradient(112deg,#ff5c6d,#d62646)!important;border:1px solid rgba(255,162,170,.12)!important}
#landing .v4-quickbar{gap:9px!important;align-items:center;flex-wrap:wrap}
#landing .v5-quick-chat{border-color:rgba(92,224,191,.29)!important;background:linear-gradient(115deg,rgba(25,124,107,.15),rgba(24,56,79,.1))!important;color:#8be8cb!important;white-space:nowrap}
#landing .v5-quick-chat:hover{border-color:rgba(92,224,191,.58)!important;background:rgba(25,124,107,.22)!important}
#landing .land-wrap{isolation:isolate}
#landing .land-main{min-width:0}
#landing .scard,#landing .pro-donate-card,#landing .pro-sponsor-panel,#landing .ll-block,#landing .land-main .feat{box-shadow:0 8px 30px rgba(1,6,12,.08),inset 0 1px rgba(245,250,255,.025)}
#landing .scard .n{font-variant-numeric:tabular-nums}
#landing .ltab,#landing .ebtn,#sidebar :is(.atab,.fbtn){-webkit-tap-highlight-color:transparent}
#landing :is(.ltab,.ebtn,.pro-button,a.v4-quick-heart,a.v5-quick-chat):active,#sidebar :is(.atab,.fbtn):active{transform:scale(.985)}
#landing :is(.ll-block,.scard,.pro-sponsor-panel,.pro-donate-card):hover{border-color:rgba(179,203,233,.24)}
/* Chat es un servicio esencial y debe ser visible sin tapar el mapa. */
#landing .v5-live-card{display:flex;align-items:center;gap:15px;margin:18px 0 24px;padding:19px 21px;border:1px solid rgba(92,218,188,.25);background:linear-gradient(120deg,rgba(18,91,89,.24),rgba(27,39,56,.88));border-radius:17px;box-shadow:0 10px 35px rgba(1,10,18,.12);color:var(--ink);text-decoration:none;transition:transform .2s var(--v5-ease),border-color .2s,box-shadow .2s;min-width:0}
#landing .v5-live-card:hover{transform:translateY(-2px);border-color:rgba(92,218,188,.48);box-shadow:0 17px 45px rgba(1,10,18,.2)}
#landing .v5-live-mark{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:14px;background:linear-gradient(130deg,rgba(36,140,129,.42),rgba(18,78,87,.35));color:#5df3b9;font-size:22px;line-height:1;text-shadow:0 0 15px rgba(94,228,174,.4)}
#landing .v5-live-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
#landing .v5-live-copy strong{font-family:'Space Grotesk',Inter,sans-serif;font-size:16px;letter-spacing:-.02em}
#landing .v5-live-copy small{font-size:11px;line-height:1.55;color:var(--ink-3)}
#landing .v5-live-arrow{margin-left:auto;color:#80dfc0;font-size:23px;flex:none}
/* Sidebar del mapa: prioridad a la lectura y jerarquía, sin alterar su geometría probada. */
#sidebar{border-right-color:rgba(177,206,235,.16)!important}
#sidebar #sb-title{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.035em!important;font-size:16px!important}
#sidebar #sb-sub{letter-spacing:.13em!important;color:#9caabf!important}
#sidebar .pro-sidebar-links-grid .v5-sidebar-chat{display:flex;align-items:center;justify-content:center;min-height:43px;width:100%;margin:0 0 10px!important;padding:12px 15px!important;border:1px solid rgba(98,217,196,.27)!important;background:linear-gradient(112deg,rgba(13,112,112,.22),rgba(31,56,79,.48))!important;color:#89e8ce!important;border-radius:12px!important;font-weight:800!important;font-size:11px!important;text-decoration:none;letter-spacing:.005em;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:background .18s,border-color .18s}
#sidebar .pro-sidebar-links-grid .v5-sidebar-chat:hover{border-color:rgba(98,217,196,.56)!important;background:rgba(27,122,112,.3)!important}
#sidebar .pro-sidebar-links-grid{min-width:0}
#sidebar .pro-sidebar-links-grid>a,#sidebar .pro-sidebar-links-grid>button{box-sizing:border-box;max-width:100%}
#sidebar .pub-slot{overflow:hidden;min-width:0}
#sidebar .pub-slot :is(img,video){height:auto;max-width:100%;object-fit:contain}
#sidebar .ns{min-height:0;overscroll-behavior:contain}
#sidebar input:focus-visible{outline:2px solid rgba(111,199,255,.5);outline-offset:1px}
/* Controls/map overlays should stay above real map but below dialogs. */
#app .mapel{min-width:0}
#app .leaflet-control-container{font-family:Inter,sans-serif}
#app .leaflet-bar{border:1px solid rgba(100,130,160,.23);box-shadow:0 8px 25px rgba(10,20,30,.18)!important;border-radius:11px;overflow:hidden}
#app .leaflet-bar a{border-color:rgba(100,130,160,.15)}
#app .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.22)}
#app .leaflet-popup-content{line-height:1.55}
/* Reusable focus/animation system: no layout or scroll animation */
#landing :is(a,button),#sidebar :is(a,button){transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.18s;transition-timing-function:var(--v5-ease)}
#landing :is(a,button):focus-visible,#sidebar :is(a,button):focus-visible{outline:2px solid #fa8c9b!important;outline-offset:2px!important}
@media(max-width:1000px){#landing .pro-chat-nav{display:none!important}}
@media(max-width:640px){
 #landing .v5-live-card{padding:15px 16px;margin:12px 0 18px;gap:11px}
 #landing .v5-live-copy strong{font-size:14px}
 #landing .v5-live-copy small{font-size:10px}
 #landing .v5-live-mark{width:37px;height:37px;border-radius:11px}
 #landing .v5-quick-chat{font-size:11px}
 #sidebar .pro-sidebar-links-grid .v5-sidebar-chat{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 #landing .v5-live-card,#landing a,#landing button,#sidebar a,#sidebar button{transition:none!important;animation:none!important}
 #landing .v5-live-card:hover{transform:none!important}
}
/* Light mode cohesion */
:root.light #landing .v5-live-card{background:linear-gradient(105deg,#e7f5f1,#f6fafc);border-color:#9ecbbb}
:root.light #landing .v5-live-mark{color:#137d64;background:#c3ebde}
:root.light #landing .v5-live-copy small{color:#557167}
:root.light #landing .v5-live-arrow{color:#137d64}
:root.light #landing .v5-quick-chat{color:#137d64!important}