/* FmBolivia Servicios · UI 3.1.0 · Visual only, without modifying service logic.
 * Complementary layer to Radio and Horóscopo 2.8.0; Clima 1.0.1.
 * Release: 2026-10-12
 */
:root{--fmb31-ink:#102f2b;--fmb31-green:#177852;--fmb31-gold:#ecb451;--fmb31-line:#e3ece8;--fmb31-soft:#f2f7f5;--fmb31-shadow:0 15px 42px rgba(14,53,37,.11)}
/* Shared institutional header already used by Radio and Horóscopo. No duplicate menu. */
.fmb-site-header{isolation:isolate}
.fmb-site-header .fmb-site-brand img{max-width:min(175px,34vw);height:auto;object-fit:contain}
.fmb-site-header .fmb-site-primary a,.fmb-site-header .fmb-services-menu>summary{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.fmb-site-header .fmb-site-primary a:focus-visible,.fmb-site-header .fmb-services-menu>summary:focus-visible,.fmb-site-footer a:focus-visible{outline:3px solid #d2a24e;outline-offset:3px;border-radius:7px}
.fmb-site-header .fmb-services-panel{box-shadow:var(--fmb31-shadow);border-radius:14px}
.fmb-site-header .fmb-services-panel a{border-radius:9px}
.fmb-site-footer{border-top:1px solid rgba(149,180,164,.3)}
.fmb-site-footer a{transition:opacity .18s ease}
.fmb-site-footer a:hover{opacity:.83}
/* Scoped visual improvements, avoiding media/player/script-specific selectors. */
.fmb-global-news .news-card,.fmb-global-news .lead-news{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.fmb-global-news .news-card:hover,.fmb-global-news .lead-news:hover{transform:translateY(-2px)}}
/* CLIMA: adopt same elegant green/gold surfaces and typography without replacing existing weather functionality */
.site-head{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #deebe4;box-shadow:0 5px 25px rgba(18,53,39,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.site-head .head-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,30px);min-height:78px}
.site-head .brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;font-weight:850;letter-spacing:-.035em;font-size:clamp(17px,2vw,23px);color:#153e2f;white-space:nowrap}
.site-head .brand span{font-size:12px;font-weight:850;letter-spacing:.08em;color:#a7741c;background:#fff5de;border:1px solid #f0d99c;border-radius:99px;padding:5px 9px}
.site-head .brand.fmb-ui310-branded{padding-left:clamp(102px,13vw,162px);position:relative}
.site-head .brand.fmb-ui310-branded::before{content:"";width:clamp(96px,12vw,154px);height:54px;position:absolute;left:0;top:50%;transform:translateY(-50%);background: url('/assets/fmb-servicios-logo-oficial.webp') center / contain no-repeat}
.site-head .brand.fmb-ui310-branded{font-size:0}
.site-head .brand.fmb-ui310-branded span{font-size:12px}
.site-head .nav{display:flex;align-items:center;gap:clamp(5px,1.2vw,14px);flex-wrap:wrap;justify-content:flex-end}
.site-head .nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap;color:#244e40;transition:background .18s ease,color .18s ease}
.site-head .nav a:hover,.site-head .nav a:focus-visible{color:#105c41;background:#e9f3ec;outline:none}
.site-head .nav a:focus-visible{outline:3px solid #e1ad50;outline-offset:2px}
.site-head~.hero{background:radial-gradient(circle at 88% 8%,rgba(227,184,98,.18),transparent 31%),linear-gradient(135deg,#10392d 0%,#154b38 59%,#19714e 100%);color:#fff;border-bottom:4px solid #e7b358}
.site-head~.hero .container{padding-top:clamp(35px,5vw,70px);padding-bottom:clamp(35px,5vw,70px)}
.site-head~.hero h1{color:#fff;letter-spacing:-.04em;line-height:1.12;max-width:850px;text-wrap:balance}
.site-head~.hero p{color:#e5f2eb;max-width:740px;line-height:1.7}
.site-head~.hero .eyebrow{color:#ffe1a1!important;font-weight:780;letter-spacing:.09em}
.site-head~.hero .searchbox{background:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 14px 40px rgba(0,0,0,.16);border-radius:16px;max-width:760px}
.site-head~.hero .searchbox input{min-height:52px;border-radius:15px}
.site-head~main.container{padding-top:clamp(22px,4vw,48px);padding-bottom:52px}
.site-head~main .section{scroll-margin-top:108px}
.site-head~main .section-head h2{letter-spacing:-.03em;color:#153d30}
.site-head~main .weather-card{border-radius:17px;border:1px solid #dfe9e2;background:#fff;box-shadow:0 8px 25px rgba(15,56,39,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.site-head~main .weather-card:hover{border-color:#a0c5b4;box-shadow:0 16px 36px rgba(17,61,44,.10)}
.site-head~main .weather-card:focus-visible{outline:3px solid #e8b453;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.site-head~main .weather-card:hover{transform:translateY(-3px)}}
.site-head~main .weather-card h3{color:#174c3b;letter-spacing:-.02em}
.site-head~.footer{background:#10372c!important;border-top:3px solid #e4b158;color:#dfeee5!important;padding:36px 0}
.site-head~.footer a{color:#f7d18a!important;text-decoration:underline;text-underline-offset:3px}
/* Navigation responsive, with JS enhancement and complete no-JS fallback */
.fmb-ui310-mobile-menu{display:none;position:relative}
.fmb-ui310-mobile-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:11px 15px;color:#fff;background:#176b4d;border:1px solid #22795a;border-radius:11px;font-weight:800}
.fmb-ui310-mobile-menu>summary::-webkit-details-marker{display:none}
.fmb-ui310-mobile-menu[open]>summary{background:#104a35}
.fmb-ui310-mobile-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(90vw,330px);max-height:75vh;overflow-y:auto;background:#fff;border:1px solid #dce9e1;box-shadow:0 15px 37px rgba(0,0,0,.15);padding:10px;border-radius:14px;display:grid;gap:3px}
.fmb-ui310-mobile-panel a{color:#184935;text-decoration:none;display:block;padding:12px;border-radius:8px;font-weight:700;font-size:14px}
.fmb-ui310-mobile-panel a:focus-visible,.fmb-ui310-mobile-panel a:hover{background:#eff7f1;outline:none}
@media(max-width:940px){.site-head .head-row{min-height:72px}.site-head .head-row.fmb-ui310-nav-enhanced .nav{display:none}.site-head .fmb-ui310-mobile-menu{display:block}.site-head .head-row:not(.fmb-ui310-nav-enhanced) .nav{flex-wrap:wrap;gap:2px}}
@media(max-width:520px){.site-head .head-row{gap:8px}.site-head .brand.fmb-ui310-branded{padding-left:96px}.site-head .brand.fmb-ui310-branded::before{width:94px;height:45px}.site-head .brand span{font-size:10px}.site-head .nav a{font-size:12px;padding:6px}.site-head~.hero h1{font-size:clamp(29px,9vw,39px)}.site-head~main .weather-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.fmb-site-header *, .site-head *, .site-head~main .weather-card{transition:none!important}}