/* ============================================================ Vidrio estilo iOS 27 (Liquid Glass) · prueba Ideas tomadas de Apple: material "regular" que se adapta al fondo,borde con brillo especular arriba y borde oscuro fino para separar,textos que cambian de claro a oscuro según el fondo,y contenido que se desvanece bajo la barra al desplazar ("scroll edge effect"). ============================================================ */ :root{--g-fill-a:rgba(255,255,255,.34);--g-fill-b:rgba(255,255,255,.14);--g-rim-a:rgba(255,255,255,.95);--g-rim-b:rgba(255,255,255,.18);--g-rim-c:rgba(255,255,255,.55);--g-edge:rgba(16,36,64,.10);--g-drop:0 14px 34px -14px rgba(18,48,92,.30),0 2px 6px -2px rgba(18,48,92,.10);--g-spec:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.18);--g-blur:blur(12px) saturate(180%);--g-ctl-a:rgba(255,255,255,.30);--g-ctl-b:rgba(255,255,255,.12);--g-sub:rgba(255,255,255,.38)}.card:not(.player):not(.next):not(.full-prog):not(.video-pip),#v-inicio .card:not(.player):not(.next):not(.full-prog):not(.sheet){background: linear-gradient(170deg,var(--g-fill-a),var(--g-fill-b)) padding-box,linear-gradient(160deg,var(--g-rim-a) 0%,var(--g-rim-b) 38%,var(--g-rim-b) 62%,var(--g-rim-c) 100%) border-box;border:1px solid transparent;box-shadow:var(--g-spec),0 0 0 .5px var(--g-edge),var(--g-drop);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}.nav,.subtabs,.menu-btn,.lang-m,.social a,.video-pill{background: linear-gradient(175deg,var(--g-ctl-a),var(--g-ctl-b)) padding-box,linear-gradient(160deg,var(--g-rim-a),var(--g-rim-b) 45%,var(--g-rim-c)) border-box!important;border:1px solid transparent!important;box-shadow:var(--g-spec),0 0 0 .5px var(--g-edge),0 8px 22px -10px rgba(18,48,92,.32)!important;-webkit-backdrop-filter:blur(10px) saturate(190%) brightness(1.04);backdrop-filter:blur(10px) saturate(190%) brightness(1.04)}/* Reproductor y "a continuación": vidrio azul de la marca (antes era color sólido) */ .player:not(.dock .player){background:linear-gradient(125deg,rgba(21,86,216,.74) 0%,rgba(28,127,230,.64) 45%,rgba(25,185,216,.58) 100%) padding-box,linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 45%,rgba(255,255,255,.4)) border-box!important;border:1px solid transparent!important;-webkit-backdrop-filter:blur(12px) saturate(170%);backdrop-filter:blur(12px) saturate(170%)}.next-row .next,.next-row .full-prog{background:linear-gradient(125deg,rgba(21,86,216,.6),rgba(25,185,216,.5))!important;-webkit-backdrop-filter:blur(12px) saturate(170%);backdrop-filter:blur(12px) saturate(170%)}.card:not(.player):not(.next):not(.full-prog) :is(h2,h3,b,strong,p,small,.eyebrow){text-shadow:0 0 12px rgba(255,255,255,.55)}body.cielo-noche .card:not(.player):not(.next):not(.full-prog) :is(h2,h3,b,strong,p,small,.eyebrow){text-shadow:0 0 12px rgba(4,10,26,.6)}.way,.mass li,.towns button,.purposes li,.sm-item,.c-item,.siembra-mini,.days button,.pg-btn,.tz-note button,.subtabs button{background:var(--g-sub)}.subtabs button[aria-selected="true"],.days button[aria-pressed="true"],.days button.on,.pg-btn.on,.towns button[aria-pressed="true"]{background:var(--brand)}@media (min-width:981px){.view:not(#v-inicio){-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--header-h) + 8px));mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--header-h) + 8px))}}body.cielo-noche{--ink:#F1F5FF;--ink-2:#C6D1E8;--ink-3:#97A6C2;--brand:#3E86F7;--brand-ink:#9CC2FF;--sky-0:#131D35;--sky-1:#0B1733;--hair:rgba(255,255,255,.10);--hair-2:rgba(255,255,255,.16);--g-fill-a:rgba(30,42,72,.40);--g-fill-b:rgba(14,22,44,.24);--g-rim-a:rgba(255,255,255,.42);--g-rim-b:rgba(255,255,255,.05);--g-rim-c:rgba(255,255,255,.20);--g-edge:rgba(0,0,0,.45);--g-drop:0 16px 40px -14px rgba(0,0,0,.6),0 2px 8px -2px rgba(0,0,0,.35);--g-spec:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.04);--g-blur:blur(12px) saturate(160%) brightness(.85);--g-ctl-a:rgba(40,54,88,.36);--g-ctl-b:rgba(18,28,54,.22);--g-sub:rgba(255,255,255,.07);color-scheme:dark}body.cielo-noche .card:not(.player):not(.next):not(.full-prog):not(.video-card){background:linear-gradient(170deg,var(--g-fill-a),var(--g-fill-b)) padding-box,linear-gradient(160deg,var(--g-rim-a) 0%,var(--g-rim-b) 38%,var(--g-rim-b) 62%,var(--g-rim-c) 100%) border-box!important}body.cielo-noche .nav a,body.cielo-noche .menu-btn,body.cielo-noche .lang-m{color:var(--ink)}body.cielo-noche .nav a[aria-current="page"]{color:#fff}body.cielo-noche .field input,body.cielo-noche .field textarea,body.cielo-noche .field select{background:rgba(255,255,255,.08);color:var(--ink);border-color:rgba(255,255,255,.18)}body.cielo-noche .btn-ghost,body.cielo-noche .pg-btn:not(.on):hover,body.cielo-noche .towns button[aria-pressed="false"]:hover,body.cielo-noche .subtabs button[aria-selected="false"]:hover{background:rgba(255,255,255,.14)}body.cielo-noche .p-msg,body.cielo-noche .bg-note{background:rgba(20,30,56,.85);color:var(--ink)}body.cielo-noche dialog::backdrop{background:rgba(4,10,26,.55)}body.cielo-noche .dock .card:not(.player):not(.next):not(.full-prog){background:rgba(18,28,52,.88)!important}body.cielo-noche .tag.ahora,body.cielo-noche .eyebrow{color:#8FBCFF}body.cielo-noche #map{--ink:#13283E;--ink-2:#47607A;--ink-3:#7A8FA4}/* Accesibilidad: si la persona apagó la transparencia en su equipo (Windows: "Efectos de transparencia"),el vidrio se vuelve más firme pero no del todo sólido,y siempre con el tono correcto de día o de noche */ @media (prefers-reduced-transparency:reduce){:root{--g-fill-a:rgba(246,250,253,.86);--g-fill-b:rgba(240,246,251,.8);--g-ctl-a:rgba(246,250,253,.86);--g-ctl-b:rgba(240,246,251,.8);--g-sub:rgba(255,255,255,.6)}body.cielo-noche{--g-fill-a:rgba(24,34,60,.88);--g-fill-b:rgba(16,24,46,.84);--g-ctl-a:rgba(28,40,68,.88);--g-ctl-b:rgba(18,28,52,.84);--g-sub:rgba(255,255,255,.08)}}@media (prefers-contrast:more){:root{--g-edge:rgba(16,36,64,.45)}body.cielo-noche{--g-edge:rgba(255,255,255,.5)}}@media (max-width:980px),(pointer:coarse){:root{--g-fill-a:rgba(255,255,255,.66);--g-fill-b:rgba(255,255,255,.5);--g-sub:rgba(255,255,255,.5)}body.cielo-noche{--g-fill-a:rgba(28,40,70,.74);--g-fill-b:rgba(16,24,48,.64)}.view .card,#v-inicio .card:not(.sheet),.subtabs,.social a,.video-pill,.view .player{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.view .card :is(h2,h3,b,strong,p,small,.eyebrow){text-shadow:none!important}.view .player:not(.dock .player){background:linear-gradient(125deg,rgba(21,86,216,.9),rgba(28,127,230,.86) 45%,rgba(25,185,216,.84))!important}.view .next-row .next,.view .next-row .full-prog{background:linear-gradient(125deg,rgba(21,86,216,.84),rgba(25,185,216,.78))!important}.skycloud .cb{display:none}.skycloud .ca{animation:none}.dock .next,.dock .full-prog{background:linear-gradient(125deg,rgba(21,86,216,.92),rgba(25,185,216,.88))!important}}@media (max-width:980px){.dock{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dock .next-row{max-height:90px;overflow:hidden;transition:max-height .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.dock .player,.dock .cover,.dock .play,.dock .p-title{transition:padding .3s ease,width .3s ease,height .3s ease,font-size .3s ease}body.compacto .dock .next-row{max-height:0;opacity:0;pointer-events:none}body.compacto .dock{gap:0}body.compacto .dock .player{padding:5px 8px;gap:9px;cursor:pointer}body.compacto .dock .cover{width:30px;height:30px;border-radius:6px}body.compacto .dock .play{width:34px;height:34px}body.compacto .dock .p-title{font-size:13px;margin:1px 0 0}body.compacto .dock .p-sub{display:none}body.compacto .dock .live-pill{font-size:9px}.subtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:rgba(246,250,253,.97)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.subtabs::-webkit-scrollbar{display:none}.subtabs button{flex:none;white-space:nowrap}body.cielo-noche .subtabs{background:rgba(20,30,56,.97)!important}body.compacto .subtabs{transform:translateY(-130%);opacity:0;pointer-events:none}}