/* v6.9 · Alta (inicio): azul con relieve + islas desenfocadas, titular en blanco, entrada en cristal y etiquetas */
:root{--al-ease:cubic-bezier(.23,1,.32,1);--al-grano:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
body.alta-azul{background:#155C99;color:#fff}
.al-fondo{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 15% -10%,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 55%),linear-gradient(115deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.12) 48%,rgba(255,255,255,0) 60%),var(--al-grano),linear-gradient(180deg,#1E78BD 0%,#155C99 55%,#0E4676 100%)}
.al-mapa{position:absolute;inset:0;filter:blur(4px) saturate(1.3) brightness(1.08);animation:al-zoom 16s ease-out both}
.al-isla{position:absolute;display:block;background-image:url('/assets/islas-canarias-mini.v34.webp');background-repeat:no-repeat;opacity:.7;mix-blend-mode:soft-light;animation:al-deriva ease-in-out infinite alternate}
.al-vineta{position:absolute;inset:0;background:radial-gradient(75% 55% at 50% 48%,rgba(8,44,76,0) 0%,rgba(8,44,76,.5) 100%)}
@keyframes al-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes al-deriva{from{transform:translate(0,0)}to{transform:translate(var(--dx),var(--dy))}}
body.alta-azul #app,body.alta-azul main{position:relative;z-index:1}
body.alta-azul .alta-cab{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 20px 0}
.al-palabra{display:block;height:30px;width:auto}
.al-cuenta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;color:#fff;font:600 14px/1 Inter,Arial,sans-serif;text-decoration:none;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:transform .16s var(--al-ease)}
.al-cuenta:active{transform:scale(.97)}
body.alta-azul .alta-inicio{position:relative;z-index:1;padding-top:clamp(20px,5vh,56px);padding-bottom:150px}
body.alta-azul .cr-ceja{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);min-height:34px;font-weight:600}
body.alta-azul .cr-ceja i{background:#7FE3D8;box-shadow:0 0 0 4px rgba(127,227,216,.28)}
body.alta-azul h1{color:#fff;text-wrap:balance;text-shadow:0 2px 28px rgba(6,30,52,.35)}
body.alta-azul h1 em{font-style:normal;color:#9BEBE1;background:none;-webkit-text-fill-color:#9BEBE1}
body.alta-azul .sub{color:#E4F0FA;text-wrap:pretty}
body.alta-azul .cr-form{background:rgba(255,255,255,.95);border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 28px 50px -26px rgba(6,30,52,.7)}
body.alta-azul .cr-form input{border-radius:18px}
body.alta-azul .btn-coral{background:linear-gradient(180deg,#DB4A2B 0%,#C93A1C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 22px -12px rgba(201,58,28,.85);transition:transform .16s var(--al-ease)}
body.alta-azul .btn:active{transform:scale(.97)}
body.alta-azul .cr-confianza{gap:8px;color:#fff}
body.alta-azul .cr-confianza span{min-height:36px;padding:0 13px 0 10px;border-radius:999px;font-weight:600;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
body.alta-azul .cr-confianza svg{color:#7FE3D8}
body.alta-azul .alta-o{color:#CFE3F3;margin:26px auto 16px}
body.alta-azul .alta-o::before,body.alta-azul .alta-o::after{height:0;background:none}
body.alta-azul .alta-manual{min-height:52px;background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s var(--al-ease),background-color .2s ease}
@media (hover:hover) and (pointer:fine){body.alta-azul .alta-manual:hover{background:rgba(255,255,255,.2)}}
@media (prefers-reduced-motion:reduce){.al-mapa,.al-isla{animation:none}.al-cuenta,body.alta-azul .btn{transition:none}}
body.alta-azul .alta-manual{font-size:14.5px;padding:0 12px}