/* Voltaris · marca común para las páginas secundarias (zonas, trámites, empresas, mudanza, colabora, blog, 404).
   Mismo sistema que la portada: blanco, tinta, un azul y la firma menta-lima solo en líneas. Sustituye al azul marino antiguo.
   Se enlaza al final del <head>, después de los estilos propios de cada página. */
:root{--navy:#0B1B2B;--cyan:#0091DA;--cyan-d:#0079C2;--cyan-deep:#0079C2;--cyan-txt:#0079C2;--line:#E6EEF5;--soft:#F5F9FC;
  --m-boton:linear-gradient(180deg,#0BA6EE,#0079C2);--m-firma:linear-gradient(90deg,#0091DA,#2BE0A0 70%,#C6FF3D)}
.logo{color:#0B1B2B}.logo b{color:#0091DA}
.btn-navy,.btn-cyan,.cta-top,a.btn,.cierre a{background:var(--m-boton)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(0,121,194,.7);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.btn-navy:hover,.btn-cyan:hover,.cta-top:hover,a.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(0,121,194,.8)}
.btn-navy:active,.btn-cyan:active,.cta-top:active{transform:scale(.97)}
/* cabeceras y cierres: claros, con un velo azul y menta muy suave y la línea de la firma */
.hero,.final,.cierre{background:radial-gradient(760px 460px at 12% 0%,rgba(0,145,218,.10),transparent 60%),radial-gradient(620px 420px at 96% 100%,rgba(43,224,160,.11),transparent 62%),linear-gradient(180deg,#F3F9FD,#fff)!important;color:var(--ink,#0B1B2B)!important}
.hero,.final{position:relative}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--m-firma);opacity:.55}
.final,.cierre{border:1px solid var(--line)}
.hero .eyebrow,.final .eyebrow{color:#0079C2!important}
.hero h1,.final h2,.cierre h2,.cierre h3{color:#0B1B2B!important}
.hero p.lead,.hero p.intro,.hero p,.final p,.cierre p{color:#4A5868!important}
.hero .formulario p,.hero .formulario .ok{color:var(--muted,#5E6B7A)!important}
.hero a:not(.btn):not(.btn-navy):not(.btn-cyan),.final a:not(.btn):not(.btn-navy):not(.btn-cyan),.none-x{color:#0079C2}
.chips span,.quien span{border-color:#D5E3EF!important;color:#33424F!important;background:#fff}
.formulario{box-shadow:0 24px 60px -30px rgba(0,90,150,.35)!important;border:1px solid var(--line)}
.formulario .ok input,input[type=checkbox],input[type=radio]{accent-color:#0091DA}
.caja i{background:#EAF5FC!important;color:#0079C2}
.claro{border-left-color:#0091DA}
:focus-visible{outline:2px solid #0091DA;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.btn-navy,.btn-cyan,.cta-top,a.btn{transition:none}}

/* ── Transición entre páginas (la misma de la portada): las dos páginas deben pedirla para que se vea ── */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtSale .28s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtEntra .5s cubic-bezier(.16,1,.3,1) both}
@keyframes vtSale{to{opacity:0;transform:translateY(-10px) scale(.995)}}
@keyframes vtEntra{from{opacity:0;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}