/* ============================================================
   RAP SOLUTION · Página web pública
   La arma el servidor (rap/sitio.py) con lo que la administración publica.
   Misma marca que el aplicativo: marino, azul hielo y naranja.
   Orden: base · barra · portada · secciones · promociones · detalle · pie · movimiento
   ============================================================ */

@font-face{font-family:"Archivo";src:url("/fuentes/archivo-var.woff2") format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("/fuentes/plex-sans-var.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("/fuentes/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --noche:#020b17; --marino-950:#041527; --marino-900:#06203f; --marino-800:#0a2c55; --marino-700:#123a6b;
  --azul:#048ddb; --azul-600:#0a66ac; --cian:#3cc4ff; --hielo:#dff3ff; --hielo-50:#f1f9ff;
  --naranja:#f47a1f; --naranja-claro:#ff9b52; --naranja-100:#fdebd9;
  --tinta:#0b1a2d; --texto:#33445a; --suave:#5a6b80; --linea:#dde6ef; --papel:#f5f8fc;
  --verde:#18b37a;
  --titulos:"Archivo","Arial Narrow",Arial,sans-serif;
  --cuerpo:"Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Plex Mono",ui-monospace,Consolas,monospace;
  --r:24px;
  --mov:cubic-bezier(.16,.84,.24,1);
  --sombra:0 30px 60px -30px rgba(4,21,39,.45),0 2px 8px rgba(4,21,39,.06);
  --ancho:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:var(--cuerpo);font-size:1.0625rem;line-height:1.6;color:var(--texto);background:var(--papel);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--cian);outline-offset:3px;border-radius:8px}
h1,h2,h3{font-family:var(--titulos);color:var(--tinta);font-weight:780;line-height:1.05;letter-spacing:-.025em;font-stretch:112%}
h2{font-size:clamp(2rem,4.4vw,3.4rem)}
h3{font-size:1.25rem;letter-spacing:-.01em}
.i{width:1.2em;height:1.2em;flex:none}
.saltar{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;padding:.6rem 1rem;border-radius:10px}
.saltar:focus{left:12px}
.envoltura{width:min(100% - 32px,var(--ancho));margin-inline:auto}
main{overflow-x:clip}

/* ---------- Piezas ---------- */
.ojo{font:500 .74rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--azul-600);display:flex;align-items:center;gap:.6rem}
.ojo::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.7}
.ojo--claro{color:var(--cian)}
.chip{display:inline-flex;align-items:center;gap:.35rem;font:500 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.42em .75em;border-radius:99px;background:var(--hielo);color:var(--azul-600)}
.chip--naranja{background:var(--naranja);color:var(--marino-950)}
.botones{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.7rem 1.35rem;border-radius:14px;border:1.5px solid transparent;font-weight:650;font-size:1rem;line-height:1.15;text-decoration:none;white-space:nowrap;transition:transform .35s var(--mov),background-color .25s,box-shadow .35s var(--mov),color .25s;isolation:isolate;overflow:hidden}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn--naranja{background:var(--naranja);color:var(--marino-950);box-shadow:0 14px 30px -14px rgba(244,122,31,.9)}
.btn--naranja::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--mov)}
.btn--naranja:hover{background:var(--naranja-claro);box-shadow:0 20px 40px -16px rgba(244,122,31,1)}
.btn--naranja:hover::after{transform:translateX(120%)}
.btn--vidrio{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn--vidrio:hover{background:rgba(255,255,255,.16)}
.btn--whatsapp{background:#1fae5b;color:#fff;box-shadow:0 14px 30px -14px rgba(31,174,91,.9)}
.btn--whatsapp:hover{background:#25c46a}
.btn--linea-clara{border-color:rgba(255,255,255,.35);color:#fff}
.btn--linea-clara:hover{background:#fff;color:var(--marino-900)}
.btn--grande{min-height:58px;padding:.85rem 1.6rem;font-size:1.06rem;border-radius:16px}
.btn--chico{min-height:42px;padding:.5rem 1rem;font-size:.92rem;border-radius:12px}
.btn--icono{width:50px;padding:0}
.enlace-flecha{display:inline-flex;align-items:center;gap:.4rem;font-weight:650;color:var(--azul-600);text-decoration:none}
.enlace-flecha .i{transition:transform .35s var(--mov)}
.enlace-flecha:hover .i{transform:translateX(4px)}
.lista-check{display:grid;gap:.55rem}
.lista-check li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.lista-check .i{color:var(--verde);margin-top:.2rem;width:1.05em;height:1.05em;stroke-width:2.6}
.lista-puntos{display:grid;gap:.5rem}
.lista-puntos li{position:relative;padding-left:1.2rem}
.lista-puntos li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--azul)}
.nota{margin-top:1.4rem;font-size:.92rem;color:var(--suave)}

/* ---------- Franja de aviso y barra ---------- */
.anuncio{position:relative;z-index:31;background:linear-gradient(90deg,var(--naranja),#ff9f45,var(--naranja));background-size:200% 100%;animation:anuncio 8s linear infinite;color:var(--marino-950);text-align:center;font-weight:650;font-size:.9rem;padding:.5rem 16px}
@keyframes anuncio{to{background-position:200% 0}}
.barra{position:sticky;top:10px;z-index:30;margin-top:10px;pointer-events:none}
.sitio .barra + main{margin-top:-80px}
.barra__fila{pointer-events:auto;display:flex;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1rem;border-radius:20px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px -24px rgba(2,11,23,.55);transition:box-shadow .4s var(--mov),transform .4s var(--mov)}
.barra.compacta .barra__fila{box-shadow:0 18px 50px -20px rgba(2,11,23,.6)}
.barra__logo img{height:42px;width:auto}
.barra__nav{display:flex;gap:.2rem;margin-left:auto}
.barra__nav a{position:relative;padding:.55rem .8rem;border-radius:10px;font-weight:600;font-size:.94rem;color:var(--marino-900);text-decoration:none;transition:background-color .2s}
.barra__nav a:hover{background:var(--hielo-50)}
.barra__nav a.on::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:2px;border-radius:2px;background:var(--naranja)}
.barra__acc{display:flex;align-items:center;gap:.45rem}
.barra__ingresar{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-radius:10px;font-weight:600;font-size:.94rem;color:var(--marino-900);text-decoration:none}
.barra__ingresar:hover{background:var(--hielo-50)}
.barra__menu{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;color:var(--marino-900)}
@media (max-width:980px){
  .barra__nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);flex-direction:column;margin:0;padding:.6rem;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:var(--sombra);opacity:0;transform:translateY(-8px) scale(.98);visibility:hidden;transition:opacity .3s var(--mov),transform .3s var(--mov),visibility .3s}
  .barra__nav.abierto{opacity:1;transform:none;visibility:visible}
  .barra__nav a{padding:.85rem 1rem;font-size:1.05rem}
  .barra__menu{display:inline-flex}
  .barra__acc{margin-left:auto}
  .barra__ingresar span{display:none}
}
@media (max-width:560px){.barra__pedir{display:none}.barra__logo img{height:36px}}

/* ---------- Portada ---------- */
.portada{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 85% 0%,#0d3a6e 0%,var(--marino-950) 45%,var(--noche) 100%);color:#d5e4f3;padding:150px 0 110px;min-height:min(100svh,980px);display:flex;align-items:center}
.portada__fondo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;animation:aurora 22s ease-in-out infinite alternate}
.aurora--1{width:58vmax;height:58vmax;left:-18vmax;top:-22vmax;background:radial-gradient(circle,#0b78d1 0%,transparent 62%)}
.aurora--2{width:46vmax;height:46vmax;right:-14vmax;top:8vmax;background:radial-gradient(circle,#2cc6ff 0%,transparent 60%);animation-duration:28s;opacity:.38}
.aurora--3{width:40vmax;height:40vmax;left:30%;bottom:-26vmax;background:radial-gradient(circle,#f47a1f 0%,transparent 60%);opacity:.22;animation-duration:32s}
@keyframes aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vmax,4vmax,0) scale(1.12)}100%{transform:translate3d(-4vmax,7vmax,0) scale(.94)}}
.rejilla-fondo{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}
.portada__caja{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.portada__texto{display:grid;gap:1.4rem;align-content:center}
.portada__titular{color:#fff;font-size:clamp(2.7rem,6.6vw,5.7rem);font-weight:820;font-stretch:118%;line-height:.96;letter-spacing:-.035em;text-wrap:balance}
.palabra{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.palabra > span{display:inline-block;transform:translateY(105%);animation:palabra 1.1s var(--mov) forwards;animation-delay:calc(.12s + var(--i) * .07s)}
@keyframes palabra{to{transform:none}}
.portada__titular .palabra:last-child > span{background:linear-gradient(100deg,#fff 0%,var(--cian) 55%,#9be2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.portada__bajada{max-width:36rem;font-size:clamp(1.05rem,1.5vw,1.22rem);color:#b9cde2}
.portada__promo{justify-self:start;display:inline-flex;align-items:center;gap:.7rem;padding:.4rem .9rem .4rem .45rem;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:entra .9s var(--mov) both;transition:background-color .25s}
.portada__promo:hover{background:rgba(255,255,255,.16)}
.portada__promo b{color:#fff;font-weight:600}
.portada__promo .i{width:1em;transition:transform .3s var(--mov)}
.portada__promo:hover .i{transform:translateX(3px)}
.portada__visual{position:relative}
.portada__marco{position:relative;aspect-ratio:16/10;border-radius:30px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform 1s var(--mov)}
.portada__visual:hover .portada__marco{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}
.portada__marco img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(var(--paralaje,0px));transition:transform .2s linear}
.portada__marco::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,21,39,0) 50%,rgba(4,21,39,.45) 100%)}
.portada__aire{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
.portada__aire path{fill:none;stroke:#e9f8ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:90 1400;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 6px rgba(160,225,255,.9));animation:aire 4.6s cubic-bezier(.45,.05,.55,.95) infinite}
.portada__aire path:nth-child(2){animation-delay:1.1s;stroke-width:4}
.portada__aire path:nth-child(3){animation-delay:2.3s;stroke-width:3.5}
.portada__aire path:nth-child(4){animation-delay:3.2s;stroke-width:3}
@keyframes aire{0%{stroke-dashoffset:60;opacity:0}12%{opacity:.85}70%{opacity:.5}100%{stroke-dashoffset:-1100;opacity:0}}
.portada__brillo{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 60%);transform:translateX(-100%);animation:brillo 7s 1.6s ease-in-out infinite}
@keyframes brillo{0%,55%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
.flotante{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-radius:18px;background:rgba(9,32,61,.55);border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 24px 50px -24px rgba(0,0,0,.7);animation:flotar 6s ease-in-out infinite}
.flotante b{display:block;font-size:.92rem;line-height:1.2;color:#fff}
.flotante small{display:block;font-size:.78rem;color:#a9c3dc}
.flotante .i{width:2.2rem;height:2.2rem;padding:.5rem;border-radius:12px;background:rgba(60,196,255,.18);color:var(--cian)}
.flotante--1{left:-6%;top:12%}
.flotante--2{right:-4%;top:46%;animation-delay:-2s;animation-duration:7s}
.flotante--3{left:8%;bottom:-8%;animation-delay:-4s;animation-duration:6.5s}
@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.punto{position:relative;width:12px;height:12px;border-radius:50%;background:var(--verde);flex:none;margin:0 .3rem}
.punto::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--verde);animation:pulso 1.8s ease-out infinite}
@keyframes pulso{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.portada__bajar{position:absolute;left:50%;bottom:26px;width:28px;height:44px;margin-left:-14px;border-radius:99px;border:2px solid rgba(255,255,255,.35)}
.portada__bajar span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:bajar 1.8s ease-in-out infinite}
@keyframes bajar{0%{transform:translateY(0);opacity:1}80%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@media (max-width:980px){
  .portada{padding:130px 0 90px;min-height:auto}
  .portada__caja{grid-template-columns:1fr}
  .portada__marco{transform:none}
  .portada__visual:hover .portada__marco{transform:none}
  .flotante--1{left:-2%;top:-6%}
  .flotante--2{right:-2%}
  .portada__bajar{display:none}
}
@media (max-width:560px){.flotante{padding:.55rem .75rem}.flotante small{display:none}.flotante--2{top:58%}.flotante--3{bottom:-10%}}

/* Cinta que corre */
.cinta{overflow:hidden;background:var(--naranja);color:var(--marino-950);padding:.95rem 0;transform:rotate(-1.2deg) scale(1.03);margin:-14px 0 0;position:relative;z-index:2;box-shadow:0 20px 40px -24px rgba(244,122,31,.8)}
.cinta__pista{display:flex;gap:2.2rem;width:max-content;animation:cinta 38s linear infinite;font:700 1.05rem/1 var(--titulos);font-stretch:115%;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.cinta__pista i{font-style:normal;opacity:.6}
@keyframes cinta{to{transform:translateX(-50%)}}

/* ---------- Secciones ---------- */
.seccion{position:relative;padding:clamp(80px,11vw,140px) 0}
.seccion__cab{display:grid;gap:1rem;max-width:46rem;margin-bottom:clamp(2.2rem,4vw,3.4rem);grid-template-columns:1fr auto;align-items:end}
.seccion__cab > *{grid-column:1}
.seccion__intro{font-size:1.12rem;color:var(--suave);max-width:38rem}
.carrusel__flechas{grid-column:2!important;grid-row:1 / span 2;display:flex;gap:.5rem}

/* Servicios */
.servicios__rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.25rem}
.servicio{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.8rem;border-radius:var(--r);background:#fff;border:1px solid var(--linea);box-shadow:0 1px 0 rgba(4,21,39,.03);transition:transform .5s var(--mov),box-shadow .5s var(--mov),border-color .3s;overflow:hidden;isolation:isolate}
.servicio:hover{transform:translateY(-6px);box-shadow:var(--sombra);border-color:#c5d8ea}
.servicio__cab{display:flex;justify-content:space-between;align-items:center}
.servicio__num{font:500 .9rem var(--mono);color:var(--azul);letter-spacing:.1em}
.servicio h3{font-size:1.55rem}
.servicio > p{color:var(--suave)}
.servicio__incluye summary{cursor:pointer;font-weight:650;color:var(--marino-900);list-style:none;display:flex;align-items:center;gap:.5rem}
.servicio__incluye summary::-webkit-details-marker{display:none}
.servicio__incluye summary::after{content:"+";margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--hielo-50);color:var(--azul-600);font-weight:700;transition:transform .3s var(--mov)}
.servicio__incluye[open] summary::after{transform:rotate(45deg)}
.servicio__incluye .lista-check{margin-top:.9rem}
.servicio__pie{margin-top:auto;padding-top:1.1rem;border-top:1px dashed var(--linea);display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.precio{font:780 1.9rem/1 var(--titulos);font-stretch:110%;color:var(--marino-900);letter-spacing:-.02em}
.precio small{display:block;font:500 .66rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-bottom:.2rem}
.precio--consulta{font-size:1rem;font-weight:650;color:var(--suave)}
[data-brillo]::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgba(60,196,255,.14),transparent 45%);opacity:0;transition:opacity .4s}
[data-brillo]:hover::before{opacity:1}

/* Promociones */
.promos{background:radial-gradient(90% 70% at 10% 0%,#0f3d73 0%,var(--marino-950) 55%,var(--noche) 100%);color:#c8d9eb;overflow:hidden}
.promos h2,.pasos h2,.app-cta h2{color:#fff}
.promos .ojo,.pasos .ojo,.app-cta .ojo{color:var(--cian)}
.carrusel{display:grid;grid-auto-flow:column;grid-auto-columns:min(86vw,390px);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem 4px 1.6rem;margin:0 -4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;overscroll-behavior-x:contain}
.carrusel--fijo{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));overflow:visible}
.carrusel::-webkit-scrollbar{height:6px}
.carrusel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:6px}
.promo{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);color:#c8d9eb;transition:transform .5s var(--mov),border-color .3s,box-shadow .5s var(--mov);isolation:isolate}
.promo:hover{transform:translateY(-8px);border-color:rgba(60,196,255,.45);box-shadow:0 40px 70px -35px rgba(0,0,0,.8)}
.promo--estrella{border-color:rgba(244,122,31,.55);background:linear-gradient(180deg,rgba(244,122,31,.16),rgba(255,255,255,.03))}
.promo__foto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#0c3f78,#0a2c55)}
.promo__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mov)}
.promo:hover .promo__foto img{transform:scale(1.06)}
.promo__arte{display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.35);background:radial-gradient(circle at 30% 30%,#1b6fc0,#06203f 70%)}
.promo__arte .i{width:34%;height:auto;stroke-width:1.2}
.promo__arte--grande{aspect-ratio:4/3;border-radius:var(--r)}
.promo__etiqueta{position:absolute;top:14px;left:14px;padding:.45rem .8rem;border-radius:12px;background:var(--naranja);color:var(--marino-950);font:820 1.35rem/1 var(--titulos);font-stretch:115%;letter-spacing:-.02em;box-shadow:0 12px 24px -10px rgba(0,0,0,.5);transform:rotate(-3deg)}
.promo__etiqueta--grande{font-size:2rem;top:20px;left:20px;padding:.6rem 1rem}
.promo__cuerpo{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem 1.4rem 1.4rem;flex:1}
.promo h3{font-size:1.4rem;color:#fff}
.promo h3 a{text-decoration:none}
.promo h3 a:hover{text-decoration:underline;text-underline-offset:.15em}
.promo__bajada{font-size:.98rem}
.promo__vence{display:inline-flex;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:99px;background:rgba(60,196,255,.12);color:var(--cian);font:500 .74rem/1.2 var(--mono);letter-spacing:.04em}
.promo__vence .i{width:1em;height:1em}
.promo__pie{margin-top:auto;padding-top:.8rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.promo__precio{display:flex;align-items:baseline;gap:.6rem}
.promo__precio s{color:#8ea6bf;font-size:1rem}
.promo__precio b{font:820 1.9rem/1 var(--titulos);font-stretch:112%;color:#fff;letter-spacing:-.02em}
.promo__precio--grande b{font-size:clamp(2.6rem,6vw,3.6rem)}
.promo__precio--grande s{font-size:1.3rem}
.flecha{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.3);color:#fff;transition:background-color .25s,transform .3s var(--mov)}
.flecha:hover{background:rgba(255,255,255,.12);transform:scale(1.06)}
.flecha--izq .i{transform:rotate(180deg)}

/* Síntomas */
.sintomas{background:linear-gradient(180deg,var(--papel),#eaf3fb)}
.sintomas__caja{border-radius:calc(var(--r) + 6px);background:#fff;border:1px solid var(--linea);box-shadow:var(--sombra);padding:clamp(1.2rem,3vw,2.2rem);display:grid;gap:1.6rem}
.sintomas__lista{display:flex;flex-wrap:wrap;gap:.5rem}
.sintoma{min-height:46px;padding:.55rem 1.05rem;border-radius:99px;border:1.5px solid var(--linea);font-weight:600;font-size:.96rem;color:var(--marino-900);background:#fff;transition:all .3s var(--mov)}
.sintoma:hover{border-color:var(--azul);color:var(--azul-600)}
.sintoma.on{background:var(--marino-900);border-color:var(--marino-900);color:#fff;box-shadow:0 12px 24px -12px rgba(6,32,63,.7)}
.sintoma__panel[hidden]{display:none}
.sintoma__panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;animation:panel .6s var(--mov)}
.sintoma__panel > div{display:grid;gap:.9rem;align-content:start}
.sintoma__usted{font-size:1.15rem;color:var(--tinta)}
.sintoma__panel .btn{justify-self:start;margin-top:.4rem}
@keyframes panel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:760px){.sintoma__panel{grid-template-columns:1fr;gap:1.4rem}}

/* Pasos */
.pasos{background:var(--marino-950);color:#b5c8dc;overflow:hidden}
.pasos::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 100%,rgba(4,141,219,.25),transparent 70%)}
.pasos__linea{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem}
.pasos__linea::before,.pasos__linea::after{content:"";position:absolute;left:28px;right:28px;top:28px;height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.pasos__linea::after{background:linear-gradient(90deg,var(--cian),var(--naranja));transform:scaleX(0);transform-origin:left;transition:transform 2.2s var(--mov) .3s}
.pasos__linea.visto::after{transform:scaleX(1)}
.paso{position:relative;display:grid;gap:.7rem;align-content:start}
.paso__ico{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--marino-800);border:1px solid rgba(255,255,255,.14);color:var(--cian);box-shadow:0 0 0 8px var(--marino-950)}
.paso__ico .i{width:26px;height:26px}
.paso__num{font:500 .74rem var(--mono);letter-spacing:.14em;color:var(--naranja)}
.paso h3{color:#fff;font-size:1.15rem}
.paso p{font-size:.95rem}
@media (max-width:980px){
  .pasos__linea{grid-template-columns:1fr;gap:2rem;padding-left:0}
  .pasos__linea::before,.pasos__linea::after{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  .pasos__linea::after{transform:scaleY(0);transform-origin:top}
  .pasos__linea.visto::after{transform:scaleY(1)}
  .paso{grid-template-columns:56px 1fr;column-gap:1.2rem}
  .paso__ico{grid-row:1 / span 3}
}

/* Confianza */
.confianza__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.confianza__pieza{position:relative;display:grid;gap:.6rem;align-content:start;padding:1.6rem;border-radius:var(--r);background:#fff;border:1px solid var(--linea);transition:transform .5s var(--mov),box-shadow .5s var(--mov);overflow:hidden;isolation:isolate}
.confianza__pieza:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.confianza__pieza > .i{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--hielo);color:var(--azul-600)}
.confianza__pieza p{font-size:.96rem;color:var(--suave)}
.confianza__nota{grid-row:span 2;display:grid;align-content:center;gap:.6rem;padding:2rem;border-radius:var(--r);background:linear-gradient(160deg,var(--marino-800),var(--marino-950));color:#c5d7ea}
.confianza__nota b{font:820 clamp(4rem,9vw,6rem)/.9 var(--titulos);font-stretch:115%;color:#fff;letter-spacing:-.04em}
.estrellas{position:relative;font-size:1.6rem;letter-spacing:.15em;color:rgba(255,255,255,.2);width:max-content}
.estrellas::before{content:"★★★★★";position:absolute;inset:0;width:calc(var(--valor) * 100%);overflow:hidden;color:var(--naranja)}
@media (max-width:980px){.confianza__rejilla{grid-template-columns:1fr 1fr}.confianza__nota{grid-column:1 / -1;grid-row:auto}}
@media (max-width:600px){.confianza__rejilla{grid-template-columns:1fr}}

/* Planes */
.planes{background:#eaf3fb}
.planes__rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.2rem;align-items:start}
.plan{position:relative;display:grid;gap:1rem;padding:1.8rem;border-radius:var(--r);background:#fff;border:1px solid var(--linea);overflow:hidden;isolation:isolate;transition:transform .5s var(--mov),box-shadow .5s var(--mov)}
.plan:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.plan--destacado{background:linear-gradient(165deg,var(--marino-800),var(--marino-950));color:#c5d7ea;border-color:transparent}
.plan--destacado h3,.plan--destacado .plan__precio{color:#fff}
.plan--destacado .chip{justify-self:start}
.plan__publico{color:var(--suave)}
.plan--destacado .plan__publico{color:#9fb6cf}
.plan__visitas{display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--azul-600)}
.plan--destacado .plan__visitas{color:var(--cian)}
.plan__pie{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px dashed var(--linea)}
.plan--destacado .plan__pie{border-color:rgba(255,255,255,.2)}
.plan__precio{font:780 1.15rem/1.2 var(--titulos);color:var(--marino-900)}
.plan:not(.plan--destacado) .btn--linea-clara{border-color:var(--marino-800);color:var(--marino-900)}
.plan:not(.plan--destacado) .btn--linea-clara:hover{background:var(--marino-900);color:#fff}

/* Cobertura */
.cobertura__caja{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.cobertura__texto{display:grid;gap:1.1rem}
.distritos{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.6rem}
.distritos li{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.65rem .85rem;border-radius:12px;background:#fff;border:1px solid var(--linea);font-size:.92rem;transition:all .3s var(--mov);cursor:default}
.distritos li b{font:500 .7rem var(--mono);letter-spacing:.04em;color:var(--verde);text-align:right}
.distritos li.no{opacity:.6}
.distritos li.no b{color:var(--suave)}
.distritos li.encendido{border-color:var(--azul);box-shadow:0 10px 24px -14px rgba(4,141,219,.8);transform:translateX(4px)}
.cobertura__mapa{position:relative;padding:1rem;border-radius:calc(var(--r) + 8px);background:radial-gradient(circle at 50% 40%,#fff,#e5f1fb);border:1px solid var(--linea)}
.mapa{width:100%;height:auto;max-height:620px;margin-inline:auto;overflow:visible}
.mapa path{stroke:#fff;stroke-width:2.5;stroke-linejoin:round;transition:fill .4s,transform .4s var(--mov),filter .4s;transform-box:fill-box;transform-origin:center}
.mapa path.no{fill:#d3dfeb}
.mapa path.si{fill:#2aa4ec}
.mapa path.si:nth-child(3n){fill:#1f8fd6}
.mapa path.si:nth-child(3n+1){fill:#39b3f5}
.mapa path.encendido{fill:var(--naranja)!important;filter:drop-shadow(0 6px 10px rgba(244,122,31,.5))}
.cobertura__mapa.visto .mapa path{animation:distrito .9s var(--mov) both}
.mapa path:nth-child(2){animation-delay:.08s}.mapa path:nth-child(3){animation-delay:.16s}.mapa path:nth-child(4){animation-delay:.24s}.mapa path:nth-child(5){animation-delay:.32s}
.mapa path:nth-child(6){animation-delay:.4s}.mapa path:nth-child(7){animation-delay:.48s}.mapa path:nth-child(8){animation-delay:.56s}.mapa path:nth-child(9){animation-delay:.64s}.mapa path:nth-child(10){animation-delay:.72s}
@keyframes distrito{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.fuente{margin-top:.6rem;font-size:.7rem;color:var(--suave);text-align:center}
@media (max-width:900px){.cobertura__caja{grid-template-columns:1fr}.cobertura__mapa{max-width:480px;width:100%;margin-inline:auto}}
@media (max-width:420px){.distritos{grid-template-columns:1fr}}

/* El aplicativo */
.app-cta{background:linear-gradient(180deg,var(--noche),var(--marino-950));color:#b5c8dc;overflow:hidden}
.app-cta__caja{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.app-cta__caja > div:first-child{display:grid;gap:1.2rem}
.app-cta__telefono{display:grid;place-items:center;position:relative}
.app-cta__telefono::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(60,196,255,.35),transparent 65%);filter:blur(20px)}
.tel{position:relative;width:min(280px,72vw);aspect-ratio:9/18.5;border-radius:44px;padding:16px;background:linear-gradient(160deg,#16365f,#06172d);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 6px #030e1c,0 60px 100px -40px rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;gap:12px;transform:rotate(-6deg)}
.tel__barra{position:absolute;top:18px;left:50%;width:34%;height:22px;margin-left:-17%;border-radius:99px;background:#030e1c}
.tel__tarjeta{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.85rem .9rem;border-radius:18px;background:#fff;color:var(--texto);box-shadow:0 14px 30px -18px rgba(0,0,0,.7);opacity:0;transform:translateY(16px) scale(.96);animation:tarjeta 8s var(--mov) infinite}
.tel__tarjeta b{font-size:.86rem;color:var(--tinta);line-height:1.2}
.tel__tarjeta small{grid-column:2;font-size:.72rem;color:var(--suave)}
.tel__tarjeta .i{grid-row:span 2;width:30px;height:30px;padding:6px;border-radius:10px;background:var(--hielo);color:var(--azul-600)}
.tel__tarjeta .punto{grid-row:span 2}
.tel__tarjeta--2{grid-template-columns:1fr;animation-delay:1s}
.tel__tarjeta--3{animation-delay:2s}
.tel__tarjeta--4{animation-delay:3s}
.tel__tarjeta--4 .i{background:#dff6ec;color:var(--verde)}
.tel__codigo{display:flex;gap:6px;margin-top:.35rem}
.tel__codigo i{width:30px;height:36px;border-radius:9px;background:var(--hielo-50);border:1.5px solid var(--hielo);position:relative}
.tel__codigo i::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;background:var(--marino-900)}
@keyframes tarjeta{0%{opacity:0;transform:translateY(16px) scale(.96)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-8px) scale(.98)}}
@media (max-width:900px){.app-cta__caja{grid-template-columns:1fr}.app-cta__telefono{margin-top:1rem}}

/* Próximamente */
.proximo{padding:0 0 clamp(60px,8vw,100px)}
.proximo__caja{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1.4rem 1.8rem;border-radius:var(--r);background:#fff;border:1px dashed #b9cde0}
.proximo ul{display:flex;flex-wrap:wrap;gap:.6rem}
.proximo li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:99px;background:var(--papel);font-weight:600;font-size:.94rem;color:var(--marino-900)}
.proximo li .i{color:var(--azul)}

/* Contacto */
.contacto{padding-top:0}
.app-cta + .proximo{padding-top:clamp(60px,8vw,100px)}
.contacto__caja{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:center;padding:clamp(2rem,5vw,3.6rem);border-radius:calc(var(--r) + 10px);background:linear-gradient(140deg,var(--marino-800),var(--marino-950) 60%);color:#b8cbe0;box-shadow:var(--sombra)}
.contacto__caja::before{content:"";position:absolute;z-index:-1;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(244,122,31,.45),transparent 65%);filter:blur(10px)}
.contacto__texto{display:grid;gap:1.1rem}
.contacto h2{color:#fff}
.contacto .ojo{color:var(--naranja-claro)}
.contacto__datos{display:grid;gap:.7rem}
.contacto__datos li{display:flex;gap:.85rem;align-items:center;padding:.9rem 1rem;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}
.contacto__datos li .i{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(60,196,255,.15);color:var(--cian)}
.contacto__datos small{display:block;font:500 .66rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8fa9c4}
.contacto__datos a{color:#fff;text-decoration:none;font-weight:600}
.contacto__datos a:hover{text-decoration:underline}
@media (max-width:860px){.contacto__caja{grid-template-columns:1fr}}

/* ---------- Página de una promoción ---------- */
.detalle{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(110% 90% at 80% 0%,#0d3a6e 0%,var(--marino-950) 50%,var(--noche) 100%);color:#c5d7ea;padding:140px 0 90px}
.detalle__fondo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.detalle__caja{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.detalle__foto{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.12)}
.detalle__foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.detalle__texto{display:grid;gap:1.1rem}
.detalle h1{color:#fff;font-size:clamp(2.3rem,5vw,4rem);font-stretch:116%;letter-spacing:-.03em}
.detalle__bajada{font-size:1.2rem;color:#b9cde2}
.detalle__vigencia{display:inline-flex;align-items:center;gap:.5rem;align-self:start;justify-self:start;padding:.45rem .85rem;border-radius:99px;background:rgba(60,196,255,.12);color:var(--cian);font:500 .82rem var(--mono)}
.volver{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;color:#9fb6cf;text-decoration:none;font-weight:600;font-size:.94rem}
.volver:hover{color:#fff}
.i--atras{transform:rotate(180deg)}
.detalle__info{padding:clamp(60px,8vw,100px) 0}
.detalle__columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:2.5rem}
.detalle__columnas h2{font-size:1.6rem;margin-bottom:1rem}
.texto-largo{display:grid;gap:.8rem}
.vista-previa{position:sticky;top:0;z-index:40;background:#fff4d6;color:#7a4f00;text-align:center;padding:.6rem 16px;font-size:.92rem}
.sitio--detalle .barra{top:10px}
@media (max-width:900px){.detalle__caja{grid-template-columns:1fr}.detalle{padding-top:120px}}

/* ---------- Error ---------- */
.sitio--error{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#0d3a6e,var(--noche) 70%);color:#b8cbe0;text-align:center;padding:24px}
.error404{display:grid;gap:1.2rem;justify-items:center;max-width:34rem}
.error404 img{height:56px;width:auto;background:#fff;padding:8px 14px;border-radius:14px;box-sizing:content-box}
.error404 h1{color:#fff;font-size:clamp(2rem,5vw,3rem)}

/* ---------- Pie ---------- */
.pie{background:var(--noche);color:#8ea6bf;padding:70px 0 30px;font-size:.95rem}
.pie__rejilla{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.pie__logo{height:48px;width:auto;background:#fff;padding:8px 14px;border-radius:14px;box-sizing:content-box;margin-bottom:1rem}
.pie nav{display:grid;gap:.55rem;align-content:start}
.pie nav b{color:#fff;font-family:var(--titulos);font-size:1rem;margin-bottom:.3rem}
.pie nav a{text-decoration:none}
.pie nav a:hover{color:#fff}
.pie__legal{margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}
@media (max-width:760px){.pie__rejilla{grid-template-columns:1fr 1fr}.pie__rejilla > div:first-child{grid-column:1 / -1}.pie{padding-bottom:110px}}

/* Botones fijos en el celular */
.dock{display:none}
@media (max-width:760px){
  .dock{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:35;display:flex;gap:.6rem;padding:.55rem;border-radius:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px -18px rgba(2,11,23,.6);transform:translateY(140%);transition:transform .5s var(--mov)}
  .dock.ver{transform:none}
  .dock .btn--naranja{flex:1}
}

/* ---------- Movimiento al recorrer la página ---------- */
.entra{animation:entra 1s var(--mov) both;animation-delay:var(--d,0s)}
@keyframes entra{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.js .revela{opacity:0;transform:translateY(34px);transition:opacity 1s var(--mov),transform 1s var(--mov);transition-delay:var(--retraso,0ms)}
.js .revela.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .palabra > span{transform:none}
  .js .revela{opacity:1;transform:none}
  .portada__aire,.portada__brillo,.cinta__pista{animation:none!important}
  .tel__tarjeta{opacity:1;transform:none}
  .pasos__linea::after{transform:none}
}

/* ---------- Formulario de contacto ---------- */
.contacto__caja{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
@media (max-width:860px){.contacto__caja{grid-template-columns:minmax(0,1fr)}}
.formulario{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.85rem;padding:1.4rem;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.formulario h3{grid-column:1/-1;color:#fff;font-size:1.35rem}
.formulario__nota{grid-column:1/-1;margin-top:-.5rem;font-size:.92rem}
.formulario label{display:grid;gap:.3rem;font-size:.84rem;font-weight:600;color:#cfe0f1}
.formulario input,.formulario select,.formulario textarea{width:100%;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(2,11,23,.35);color:#fff;font:inherit;font-weight:400;font-size:1rem;transition:border-color .2s,background .2s}
.formulario select option{color:var(--tinta)}
.formulario textarea{resize:vertical;min-height:110px}
.formulario input:focus,.formulario select:focus,.formulario textarea:focus{outline:none;border-color:var(--cian);background:rgba(2,11,23,.55)}
.formulario [aria-invalid="true"]{border-color:var(--naranja-claro)}
.formulario__ancho{grid-column:1/-1}
.formulario__trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulario__legal{font-size:.8rem;color:#8fa9c4}
.formulario__legal a{color:#cfe0f1}
.formulario__pie{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem}
.formulario output{font-size:.92rem;font-weight:600;color:#cfe0f1}
.formulario output.ok{color:#7be0b6}
.formulario output.mal{color:var(--naranja-claro)}
.formulario.enviado label,.formulario.enviado .formulario__legal,.formulario.enviado button{display:none}

/* ---------- Catálogo de aplicativos ---------- */
.apps{padding-top:clamp(7rem,12vw,9rem)}
.apps h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.apps__rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.2rem;margin-top:2.2rem}
.app-tarjeta{display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.5rem;border-radius:var(--r);background:#fff;border:1px solid var(--linea);box-shadow:var(--sombra);transition:transform .35s var(--mov),box-shadow .35s var(--mov)}
.app-tarjeta:hover{transform:translateY(-4px);box-shadow:0 40px 70px -34px rgba(4,21,39,.5),0 2px 8px rgba(4,21,39,.06)}
.app-tarjeta__icono{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,var(--hielo),#fff);border:1px solid var(--linea);font-size:1.8rem}
.app-tarjeta__icono .i{width:28px;height:28px;color:var(--azul-600)}
.app-tarjeta h2{font-size:1.35rem;letter-spacing:-.01em}
.app-tarjeta__texto{display:grid;gap:.45rem;align-content:start}
.app-tarjeta__texto p{font-size:.98rem}
.app-tarjeta__sello{justify-self:start;padding:.2rem .6rem;border-radius:99px;background:var(--hielo);color:var(--marino-800);font:500 .7rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.app-tarjeta__sello--borrador{background:var(--naranja-100);color:#9a4a0c}
.app-tarjeta__pie .btn{width:100%}
.app-tarjeta .btn--linea{border:1.5px solid var(--marino-800);color:var(--marino-900);background:#fff}
.app-tarjeta .btn--linea:hover{background:var(--marino-900);color:#fff}
.apps__vacio{margin-top:2rem;color:var(--suave)}

@media (max-width:860px){
  .formulario{grid-template-columns:1fr}
}