@font-face{font-family:"Encode Sans";src:url(/fonts/encode-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Encode Sans";src:url(/fonts/encode-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Encode Sans";src:url(/fonts/encode-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Encode Sans";src:url(/fonts/encode-sans-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Encode Sans";src:url(/fonts/encode-sans-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Hedvig Letters Sans";src:url(/fonts/hedvig-letters-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
 --noche:#07141F;--tinta:#0B1F2E;--tinta-2:#123049;
 --azul:#0E9AD7;--azul-osc:#0A5989;--lima:#C3D82E;--lima-osc:#a9bd17;--gris:#C3C3C8;
 --papel:#F4F1EA;--blanco:#FFFDF8;--linea:#DED8CB;--texto:#1C2833;--muted:#5A6670;
 --titulo:"Encode Sans",system-ui,sans-serif;--cuerpo:"Hedvig Letters Sans",Georgia,serif;
 --radio:16px;--sombra:0 24px 48px -32px rgba(7,20,31,.45);
 --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--papel);color:var(--texto);font:16px/1.6 var(--cuerpo);overflow-x:hidden}
img{max-width:100%}
h1,h2,h3,legend,label,button,.btn,.ceja{font-family:var(--titulo)}
.contenedor{max-width:1160px;margin:0 auto;padding:0 20px}
.saltar{position:absolute;left:-999px;top:8px;background:var(--lima);color:var(--noche);padding:10px 14px;border-radius:8px;z-index:50;font:700 14px var(--titulo)}
.saltar:focus{left:12px}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--noche);color:#fff;overflow:hidden;isolation:isolate;border-top:4px solid var(--lima)}
.hero-fondo{position:absolute;inset:0;z-index:-1}
.rejilla{position:absolute;inset:-2px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 20%,transparent 75%);animation:rejilla 30s linear infinite}
.brillo{position:absolute;inset:0;background:radial-gradient(600px 420px at 78% 38%,rgba(14,154,215,.35),transparent 70%),radial-gradient(500px 380px at 8% 100%,rgba(195,216,46,.14),transparent 70%),linear-gradient(180deg,var(--noche),var(--tinta))}
.brillo{animation:respira 9s ease-in-out infinite alternate}
.grano{position:absolute;inset:0;background:url(/img/grano.svg);opacity:.16;mix-blend-mode:overlay}
.hero-in{max-width:1160px;margin:0 auto;padding:28px 20px 92px}
.barra{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{height:44px;width:auto;display:block}
.sello-canal{display:inline-flex;align-items:center;gap:9px;font:600 12px/1 var(--titulo);letter-spacing:.08em;text-transform:uppercase;color:#cfe0ea;border:1px solid rgba(255,255,255,.18);padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.sello-canal i{width:8px;height:8px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(195,216,46,.7);animation:pulso 2.2s infinite}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;margin-top:64px}
.ceja{display:inline-block;font:700 12px/1 var(--titulo);letter-spacing:.2em;text-transform:uppercase;color:var(--lima);margin:0 0 18px}
.ceja.oscura{color:var(--azul-osc)}
h1{margin:0;font:900 clamp(42px,6.2vw,80px)/.95 var(--titulo);letter-spacing:-.035em}
h1 span{display:block;overflow:hidden;padding-bottom:.06em}
h1 .l1{animation:sube .9s var(--ease) both .1s}
h1 .l2{animation:sube .9s var(--ease) both .25s}
h1 em{font-style:normal;color:var(--lima);position:relative;white-space:nowrap}
h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.09em;background:var(--lima);transform-origin:left;transform:scaleX(0);animation:subraya .8s var(--ease) forwards 1.05s;border-radius:4px}
.rotador{font:600 clamp(18px,2vw,22px)/1.3 var(--titulo);color:#d7e4ec;margin:26px 0 0;animation:aparece .8s var(--ease) both .55s}
.rot-palabra{display:inline-block;color:#fff;background:linear-gradient(90deg,var(--azul),var(--azul-osc));padding:2px 12px 4px;border-radius:8px;transition:opacity .35s,transform .35s var(--ease)}
.rot-palabra.saliendo{opacity:0;transform:translateY(-10px)}
.rot-palabra.entrando{opacity:0;transform:translateY(10px)}
.hero-sub{max-width:540px;color:#b8cad6;font-size:18px;margin:20px 0 0;animation:aparece .8s var(--ease) both .65s}
.acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;animation:aparece .8s var(--ease) both .75s}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s}
.btn-lima{background:var(--lima);color:var(--noche);box-shadow:0 12px 30px -12px rgba(195,216,46,.65)}
.btn-lima:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(195,216,46,.8)}
.btn-lima span{transition:transform .25s var(--ease)}
.btn-lima:hover span{transform:translateX(4px)}
.btn-fantasma{color:#fff;border:1.5px solid rgba(255,255,255,.28)}
.btn-fantasma:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.garantias{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;color:#9fb4c2;font-size:14px;animation:aparece .8s var(--ease) both .9s}
.garantias li{display:flex;align-items:center;gap:8px}
.garantias li::before{content:"";width:16px;height:16px;border-radius:50%;background:rgba(195,216,46,.16) url(/img/check.svg) center/10px no-repeat;flex:none}
.garantias b{color:#fff;font-family:var(--titulo);font-weight:700}

.hero-arte{position:relative;height:440px}
.plano{position:absolute;z-index:1;border-radius:10px;transform:skewX(-28deg)}
.p-azul{width:62%;height:84px;left:18%;top:46px;background:linear-gradient(100deg,#49b8ea,var(--azul) 45%,var(--azul-osc));box-shadow:0 30px 60px -20px rgba(14,154,215,.6);animation:entra-der 1.1s var(--ease) both .35s,flota 7s ease-in-out infinite 1.5s}
.p-gris{width:46%;height:84px;left:34%;bottom:0;background:linear-gradient(100deg,#e9e9ec,var(--gris) 60%,#8f8f96);animation:entra-izq 1.1s var(--ease) both .5s,flota 8s ease-in-out infinite reverse 1.6s}
.p-lima{width:18%;height:18px;right:4%;top:200px;background:var(--lima);animation:entra-der 1.1s var(--ease) both .7s}
.ficha{position:absolute;z-index:2;left:6%;top:150px;width:min(330px,80%);padding:22px 22px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px rgba(0,0,0,.6);animation:aparece-ficha 1s var(--ease) both .9s}
.ficha-top{display:flex;align-items:center;gap:8px;font:700 13px var(--titulo);color:#fff;margin-bottom:14px}
.punto{width:9px;height:9px;border-radius:50%;background:var(--lima);animation:pulso 2.2s infinite}
.ficha small{display:block;font:600 10px/1 var(--titulo);letter-spacing:.14em;text-transform:uppercase;color:#93aabb;margin-top:10px}
.ficha strong{display:block;font:700 20px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#fff}
.ficha .oculto{color:var(--lima);letter-spacing:.02em}
.ficha-barra{height:6px;border-radius:9px;background:rgba(255,255,255,.12);margin:16px 0 8px;overflow:hidden}
.ficha-barra span{display:block;height:100%;width:38%;border-radius:9px;background:linear-gradient(90deg,var(--azul),var(--lima));animation:carga 4.5s var(--ease) infinite 1.6s}
.ficha p{margin:0;font-size:13px;color:#b8cad6}
.escudo{position:absolute;z-index:3;right:0;top:112px;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:14px;background:var(--blanco);color:var(--tinta);font:700 13px var(--titulo);box-shadow:var(--sombra);animation:aparece-ficha 1s var(--ease) both 1.15s,flota 6s ease-in-out infinite 2.2s}
.escudo svg{width:34px;height:34px;fill:var(--tinta);flex:none}
.escudo .chk{fill:none;stroke:var(--lima);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:traza .8s var(--ease) forwards 1.9s}
.bajar{position:absolute;left:50%;bottom:22px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.35);border-radius:14px}
.bajar span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--lima);animation:rueda 1.8s ease-in-out infinite}

/* ---------- CINTA DE VALORES ---------- */
.cinta{background:var(--lima);color:var(--noche);transform:rotate(-1.6deg) scale(1.03);margin:-26px 0 0;position:relative;z-index:2;overflow:hidden;box-shadow:0 18px 40px -22px rgba(7,20,31,.55)}
.cinta-pista{display:flex;align-items:center;gap:30px;width:max-content;padding:18px 0;animation:desliza 38s linear infinite}
.cinta span{font:900 clamp(22px,3vw,34px)/1 var(--titulo);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap}
.cinta i{font-style:normal;font-size:20px;color:var(--azul-osc)}

/* ---------- PRINCIPIOS ---------- */
.principios{padding:110px 0 90px}
.titulo-seccion{max-width:680px;margin-bottom:46px}
.titulo-seccion h2,.empresas h2{font:800 clamp(32px,4.2vw,52px)/1.03 var(--titulo);letter-spacing:-.03em;color:var(--tinta);margin:0}
.titulo-seccion p:not(.ceja){color:var(--muted);font-size:18px;margin:16px 0 0}
.valores{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.valores li{position:relative;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:26px 22px 24px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.valores li::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--azul),var(--lima));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.valores li:hover{transform:translateY(-6px);box-shadow:var(--sombra);border-color:transparent}
.valores li:hover::before{transform:scaleX(1)}
.v-num{position:absolute;right:16px;top:12px;font:900 44px/1 var(--titulo);color:transparent;-webkit-text-stroke:1px var(--linea)}
.valores svg{width:42px;height:42px;fill:none;stroke:var(--azul-osc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;padding:8px;background:#e8f4fb;border-radius:12px;box-sizing:content-box;transition:background .35s,stroke .35s}
.valores li:hover svg{background:var(--tinta);stroke:var(--lima)}
.valores h3{font:800 19px/1.2 var(--titulo);color:var(--tinta);margin:22px 0 8px}
.valores p{margin:0;font-size:15px;color:var(--muted)}

/* ---------- PASOS ---------- */
.pasos{background:var(--tinta);color:#fff;padding:96px 0;position:relative;overflow:hidden}
.pasos::before{content:"";position:absolute;right:-120px;top:-80px;width:520px;height:160px;transform:skewX(-28deg);background:linear-gradient(100deg,rgba(14,154,215,.28),transparent);border-radius:12px}
.titulo-seccion.claro h2{color:#fff}
.pasos-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:p;position:relative}
.pasos-lista::before{content:"";position:absolute;left:6%;right:6%;top:31px;height:2px;background:repeating-linear-gradient(90deg,rgba(195,216,46,.55) 0 10px,transparent 10px 18px)}
.pasos-lista li{position:relative;padding-top:4px}
.p-num{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--lima);color:var(--noche);font:900 26px var(--titulo);box-shadow:0 0 0 8px var(--tinta)}
.pasos-lista h3{font:800 22px/1.2 var(--titulo);margin:24px 0 8px}
.pasos-lista p{margin:0;color:#a9bccb;max-width:320px}

/* ---------- EMPRESAS ---------- */
.empresas{padding:100px 0 70px;overflow:hidden}
.empresas .contenedor{margin-bottom:42px}
.carrusel{display:grid;gap:16px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.carrusel-fila{overflow:hidden}
.carrusel-pista{display:flex;gap:16px;width:max-content;animation:desliza 60s linear infinite}
.inversa .carrusel-pista{animation-direction:reverse;animation-duration:70s}
.carrusel:hover .carrusel-pista{animation-play-state:paused}
.marca-emp{flex:none;display:grid;place-items:center;width:200px;height:96px;padding:16px 22px;background:#fff;border:1px solid var(--linea);border-radius:14px;transition:transform .3s var(--ease),box-shadow .3s}
.marca-emp:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.marca-emp img{max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain;transition:transform .3s var(--ease)}
.marca-emp:hover img{transform:scale(1.06)}

/* ---------- FORMULARIO ---------- */
.zona-form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:30px;padding-bottom:90px;scroll-margin-top:20px}
.hoja{background:var(--blanco);border:1px solid var(--linea);border-radius:20px;padding:34px;margin-bottom:24px;box-shadow:var(--sombra);scroll-margin-top:24px}
.hoja h2{font:800 24px/1.2 var(--titulo);color:var(--tinta);margin:0 0 8px}
.hoja h3{font:700 16px var(--titulo);color:var(--tinta);margin-top:24px}
.section-head{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid var(--linea);padding-bottom:22px;margin-bottom:24px}
.section-head p{margin:0;color:var(--muted)}
.numero{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:var(--tinta);color:var(--lima);font:800 15px var(--titulo)}
.numero.ok{background:var(--lima);color:var(--noche);font-size:22px}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{font-size:15px;font-weight:700;color:var(--tinta);margin-bottom:14px;padding:0}
.opciones{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opcion{position:relative;display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px;border:1.5px solid var(--linea);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .25s,box-shadow .25s,background .25s}
.opcion:hover{border-color:#b9cbd6}
.opcion:has(input:checked){border-color:var(--azul);background:#f2f9fd;box-shadow:0 0 0 4px rgba(14,154,215,.12)}
.opcion input{margin-top:4px}
.op-cuerpo b{display:block;font:700 15px var(--titulo);color:var(--tinta)}
.op-cuerpo small{display:block;font:400 13px/1.4 var(--cuerpo);color:var(--muted)}
label{display:block;font:600 13.5px/1.5 var(--titulo);color:var(--tinta);margin:20px 0 6px;position:relative}
input:not([type=radio]):not([type=checkbox]),textarea,select{display:block;width:100%;border:1.5px solid var(--linea);border-radius:11px;padding:13px 14px;margin-top:6px;background:#fff;color:var(--texto);font:400 15px/1.5 var(--cuerpo);transition:border-color .2s,box-shadow .2s}
input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 4px rgba(14,154,215,.14)}
::placeholder{color:#9aa4ab}
select{appearance:none;-webkit-appearance:none;background:#fff url(/img/flecha.svg) right 14px center/14px no-repeat;padding-right:40px;cursor:pointer}
textarea{resize:vertical}
.fila{display:flex;gap:14px;flex-wrap:wrap}
.fila>*{flex:1;min-width:200px}
.contador{position:absolute;right:12px;bottom:10px;font:500 11px var(--titulo);color:#9aa4ab;pointer-events:none}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--texto);margin-top:22px}
.check input{margin-top:4px;width:18px;height:18px;flex:none}
input[type=checkbox],input[type=radio]{accent-color:var(--azul)}

/* combo de empresa */
.combo{position:relative}
.combo label{margin-bottom:0}
.combo-caja{position:relative}
.combo-caja input{padding-left:44px!important;padding-right:90px!important}
.lupa{position:absolute;left:15px;top:50%;margin-top:3px;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#8a979f;stroke-width:2;stroke-linecap:round;pointer-events:none}
.combo-logo{position:absolute;right:12px;top:50%;margin-top:3px;transform:translateY(-50%);max-height:30px;max-width:70px;width:auto;object-fit:contain;pointer-events:none}
.combo-lista{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:0 24px 50px -20px rgba(7,20,31,.35);max-height:320px;overflow:auto;animation:despliega .18s var(--ease)}
.combo-lista li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;cursor:pointer;font:600 14.5px var(--titulo);color:var(--tinta)}
.combo-lista li[aria-selected=true],.combo-lista li:hover{background:#eef6fb}
.combo-lista .c-logo{display:grid;place-items:center;flex:none;width:64px;height:34px;border-radius:7px;background:#fff;border:1px solid #eee9df;overflow:hidden}
.combo-lista .c-logo img{max-width:56px;max-height:26px;width:auto;object-fit:contain}
.combo-lista .c-ini{font:800 13px var(--titulo);color:var(--azul-osc)}
.combo-lista mark{background:rgba(195,216,46,.45);color:inherit;border-radius:3px;padding:0 1px}
.combo-lista .c-otra{color:var(--muted);font-weight:500;border-top:1px solid var(--linea);border-radius:0 0 10px 10px;margin-top:4px}
.combo-lista .c-vacio{cursor:default;color:var(--muted);font-weight:500}

#turnstile{margin:22px 0 4px;min-height:0}
.nota-adj{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin:14px 0 0}
.nota-adj svg{width:18px;height:18px;fill:none;stroke:var(--azul-osc);stroke-width:2;stroke-linecap:round;flex:none}
button{font:700 14.5px/1.4 var(--titulo);border:1.5px solid var(--linea);border-radius:12px;padding:13px 20px;cursor:pointer;color:var(--tinta);background:#fff;margin:14px 0 0;transition:transform .2s var(--ease),box-shadow .2s,background .2s}
button:hover{border-color:#b9cbd6}
.primario{background:var(--tinta);color:#fff;border-color:var(--tinta);padding:15px 26px}
.primario:hover{background:var(--azul-osc);border-color:var(--azul-osc);transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(10,89,137,.8)}
#denuncia>.primario{width:100%;font-size:16px;padding:17px;margin-top:20px;background:linear-gradient(100deg,var(--tinta),var(--azul-osc));border:0}
button:disabled{opacity:.55;cursor:wait;transform:none}

.recibo{border:2px solid var(--lima);animation:aparece .6s var(--ease)}
.llaves{display:grid;grid-template-columns:1fr;gap:12px}
.llaves>div{padding:18px;border:1px dashed #c9c1b0;border-radius:12px;background:#fff}
.llaves small{display:block;font:700 11px var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.llaves strong{font:700 22px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--tinta);word-break:break-all}
.llaves .clave{background:var(--tinta)}
.llaves .clave small{color:#9fb4c2}
.llaves .clave strong{color:var(--lima)}
.aviso{background:#fff8e1;border-left:4px solid #e0a800;padding:12px 14px;border-radius:8px;font-size:14px}
.nota{color:var(--muted);font-size:14px}
.estado{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eef6fb;border-radius:12px;padding:12px 16px;margin-top:20px}
.estado h3{margin:0;text-transform:capitalize}
#eventos{padding-left:20px}
#eventos li{margin:6px 0}
#mensajes{display:flex;flex-direction:column;gap:8px}
.burbuja{max-width:80%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#eef1f3}
.burbuja.yo{align-self:flex-end;background:#e3f2fa;border-radius:14px 14px 4px 14px}
.burbuja small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#evidencias button{display:block;margin:8px 0}
#subidas{padding-left:20px;color:var(--muted)}

aside .hoja{padding:28px}
aside h2{font-size:19px!important}
.lista-check{list-style:none;padding:0;margin:14px 0 0}
.lista-check li{position:relative;padding-left:30px;margin:12px 0;font-size:15px}
.lista-check li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;background:var(--lima) url(/img/check-osc.svg) center/11px no-repeat}
.hoja.oscuro{background:var(--tinta);color:#c5d5df;border-color:var(--tinta)}
.hoja.oscuro h2{color:#fff}
.hoja.oscuro p{font-size:14.5px}
.emergencia{color:var(--lima);font:700 14px var(--titulo)!important}

#status{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);max-width:min(560px,calc(100% - 32px));background:var(--tinta);color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);font:600 14px/1.45 var(--titulo);z-index:60;transition:transform .45s var(--ease);border-left:4px solid var(--lima)}
#status:not(:empty){transform:translate(-50%,0)}
#status:empty{visibility:hidden}

.pie{background:var(--noche);color:#9fb4c2;padding:44px 0}
.pie-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pie img{height:34px;width:auto}
.pie p{margin:0;font-size:14px;text-align:right}
.pie small{color:#6f8796}

/* ---------- REVELADO ---------- */
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js [data-reveal].visible{opacity:1;transform:none}
.valores li:nth-child(2){transition-delay:.08s}.valores li:nth-child(3){transition-delay:.16s}.valores li:nth-child(4){transition-delay:.24s}.valores li:nth-child(5){transition-delay:.32s}
.pasos-lista li:nth-child(2){transition-delay:.12s}.pasos-lista li:nth-child(3){transition-delay:.24s}
.valores li.visible{transition:opacity .8s var(--ease),transform .35s var(--ease),box-shadow .35s,border-color .35s}

/* ---------- ANIMACIONES ---------- */
@keyframes sube{from{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}
@keyframes aparece{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes subraya{to{transform:scaleX(1)}}
@keyframes entra-der{from{opacity:0;transform:skewX(-28deg) translateX(120px)}to{opacity:1;transform:skewX(-28deg)}}
@keyframes entra-izq{from{opacity:0;transform:skewX(-28deg) translateX(-120px)}to{opacity:1;transform:skewX(-28deg)}}
@keyframes flota{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes aparece-ficha{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
@keyframes carga{0%{width:12%}55%{width:72%}100%{width:12%}}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(195,216,46,.7)}70%{box-shadow:0 0 0 10px rgba(195,216,46,0)}100%{box-shadow:0 0 0 0 rgba(195,216,46,0)}}
@keyframes traza{to{stroke-dashoffset:0}}
@keyframes rueda{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@keyframes desliza{to{transform:translateX(-50%)}}
@keyframes rejilla{to{background-position:56px 56px}}
@keyframes respira{from{opacity:.85}to{opacity:1}}
@keyframes despliega{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1060px){.valores{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
 .hero-grid{grid-template-columns:1fr;margin-top:44px}
 .hero-arte{height:330px;max-width:520px}
 .ficha{top:96px}
 .escudo{top:62px}
 .zona-form{grid-template-columns:1fr}
 .pasos-lista{grid-template-columns:1fr;gap:34px}
 .pasos-lista::before{left:30px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(195,216,46,.55) 0 10px,transparent 10px 18px)}
 .pasos-lista li{padding-left:86px;padding-top:0}
 .p-num{position:absolute;left:0;top:0}
 .pasos-lista h3{margin-top:8px}
}
@media (max-width:640px){
 .hero-in{padding-bottom:80px}
 .logo{height:32px}
 .sello-canal{font-size:10.5px;padding:8px 11px}
 .hero-sub{font-size:16px}
 .btn{width:100%;justify-content:center}
 .hero-arte{height:300px}
 .ficha{left:0;width:88%}
 .escudo{right:0}
 .valores{grid-template-columns:1fr}
 .opciones{grid-template-columns:1fr}
 .hoja{padding:22px}
 .principios{padding:84px 0 64px}
 .pasos,.empresas{padding:72px 0}
 .marca-emp{width:150px;height:76px;padding:12px 16px}
 .pie p{text-align:left}
 .bajar{display: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}
 .cinta-pista,.carrusel-pista{animation:none!important}
 .carrusel-fila{overflow-x:auto}
}

/* ---------- EVIDENCIAS EN EL FORMULARIO ---------- */
.zona-archivos{margin-top:20px}
.zona-archivos input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.za-caja{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px;padding:22px 18px;border:2px dashed #c9d6de;border-radius:14px;background:#f7fbfd;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.za-caja svg{width:30px;height:30px;fill:none;stroke:var(--azul-osc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.za-caja b{font:700 15px var(--titulo);color:var(--tinta)}
.za-caja small{font:400 13px/1.4 var(--cuerpo);color:var(--muted)}
.zona-archivos:hover .za-caja,.zona-archivos.arrastrando .za-caja{border-color:var(--azul);background:#eef7fc}
.zona-archivos.arrastrando .za-caja{transform:scale(1.01)}
.zona-archivos input:focus-visible+.za-caja{outline:3px solid var(--azul);outline-offset:3px}
.archivos-elegidos,.subidas-recibo{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.archivos-elegidos li,.subidas-recibo li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:#fff;font:500 14px var(--titulo);color:var(--tinta)}
.archivos-elegidos li small{margin-left:auto;color:var(--muted);font-weight:500}
.archivos-elegidos li.error{border-color:#e0a800;background:#fff8e1}
.archivos-elegidos .tipo,.subidas-recibo li::before{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#e8f4fb;color:var(--azul-osc);font:800 10px var(--titulo)}
.subidas-recibo li::before{content:"✓";background:var(--lima);color:var(--noche);font-size:14px}
.subidas-recibo:empty{display:none}