:root{--azul:#092e50;--celeste:#8fd3ed;--acento:#00aaec;--texto:#243c50;--borde:#dce6ed}
*{box-sizing:border-box}
body{margin:0;background:var(--azul);color:var(--texto);font:16px/1.6 'Segoe UI',Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;width:1000px;height:1000px;border-radius:50%;border:1px solid #ffffff08;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02,0 0 0 240px #ffffff02;right:-740px;top:130px;pointer-events:none;z-index:-1}
.marca{display:flex;align-items:center;gap:26px;max-width:1280px;margin:auto;padding:24px 28px;color:white;border-bottom:1px solid #ffffff1c}
.marca>img{width:244px;height:auto;object-fit:contain;flex-shrink:0}
.marca-servicio{font-size:14px;line-height:1.5;color:#d1e3f0;padding-left:25px;border-left:1px solid #ffffff26}
.acceso-equipo{color:#d9e9f4;font-size:13px;margin-left:auto;text-decoration:none;border:1px solid #ffffff28;border-radius:7px;padding:9px 13px;white-space:nowrap}
.acceso-equipo:hover{background:#ffffff0d;color:white}
.acceso-equipo span{margin-left:12px;color:var(--celeste)}
.solicitud-layout{max-width:1280px;margin:48px auto 30px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:62px;padding:0 28px}
.bienvenida{color:white;min-width:0;position:relative}
.etiqueta{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--celeste)}
.bienvenida>.etiqueta:before{content:"";height:2px;width:28px;background:var(--celeste);flex-shrink:0}
.bienvenida h1{font-size:clamp(38px,4.1vw,57px);line-height:1.08;letter-spacing:-.045em;margin:24px 0 20px;font-weight:750}
.bienvenida h1>span{color:var(--celeste)}
.bienvenida>p{color:#d2e2ed;max-width:460px;font-size:15px;line-height:1.85;margin:0}
.companero{position:relative;display:flex;align-items:center;min-height:330px;margin-top:8px;gap:12px}
.arturo{position:relative;width:54%;flex-shrink:0;height:330px;overflow:hidden;mask-image:linear-gradient(to bottom,black 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 92%,transparent)}
.arturo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 10%;mix-blend-mode:lighten}
.arturo-mensaje{display:flex;flex-direction:column;gap:8px;max-width:210px;padding-top:35px}
.arturo-insignia{color:var(--celeste);font-size:10px;letter-spacing:.13em;font-weight:700}
.arturo-mensaje strong{font-size:23px;letter-spacing:-.02em;font-weight:650}
.arturo-mensaje>span:last-child{font-size:14px;color:#c3d9e9;line-height:1.75}
.beneficios{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff1b;padding-top:21px}
.beneficios>span{font-size:11px;padding:8px 10px;border:1px solid #ffffff1c;border-radius:5px;color:#e0ecf4}
.beneficios b{font-weight:400;color:var(--celeste);margin-right:7px}
.formulario{background:#fff;border:1px solid #fff9;border-radius:18px;padding:32px 36px 30px;min-width:0;box-shadow:0 22px 70px #00152840;margin-top:0}
.pasos{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--borde);padding-bottom:22px;margin-bottom:30px;font-size:11px;font-weight:600;color:#526c80}
.pasos>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.pasos b{display:inline-flex;align-items:center;justify-content:center;font-size:11px;width:25px;height:25px;border:1px solid #d6e2ec;border-radius:50%;font-weight:600;background:#f6f9fb}
.formulario:has(#pnlCorreo) .pasos>span:first-child b,.formulario:has(#pnlCodigo) .pasos>span:nth-child(2) b,.formulario:has(#pnlSolicitud) .pasos>span:nth-child(3) b{background:var(--azul);border-color:var(--azul);color:white}
.formulario:has(#pnlCodigo) .pasos>span:first-child b{background:#edf4f8;color:#526c80;border-color:#d6e2ec}
h2{font-size:32px;color:var(--azul);line-height:1.18;letter-spacing:-.03em;margin:12px 0 16px;font-weight:700}
h3{margin:7px 0;color:var(--azul);font-size:20px}
p{margin:12px 0 23px}
.formulario p{font-size:14px;line-height:1.8;color:#526b7c}
.azul{color:#0076a3;font-size:10px}
label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px;color:var(--azul)}
input[type=email],input[type=text],input[type=tel],select{width:100%;min-height:50px;border:1px solid #ccdbe5;border-radius:7px;padding:12px 14px;font:400 14px 'Segoe UI',Arial,sans-serif;color:var(--texto);background:#fbfdfe;transition:border-color .15s,box-shadow .15s}
input::placeholder{color:#8a9eae}
input[type=email]:focus,input[type=text]:focus,input[type=tel]:focus,select:focus{border-color:#45aaca;box-shadow:0 0 0 3px #00aaec12;outline:0}
input[type=submit]{display:block;width:100%;min-height:50px;margin:20px 0 13px;border:1px solid var(--azul);border-radius:7px;background:var(--azul);color:white;font:600 14px 'Segoe UI',Arial,sans-serif;padding:14px 10px;cursor:pointer;transition:background .15s}
input[type=submit]:hover{background:#154668}
.ayuda,small,.formulario p.ayuda{font-size:12px;color:#708594;line-height:1.75}
.formulario p.ayuda{margin:12px 0 0}
.aviso{display:block;padding:13px 15px;border-radius:8px;margin-bottom:20px;font-size:13px}
.aviso:empty{display:none}.correcto{background:#eaf6f1;color:#185e45;border:1px solid #c3e4d6}.error{background:#fff2ef;color:#922e26;border:1px solid #f1d3cc}
.verificacion{margin-top:25px;padding-top:20px;border-top:1px solid var(--borde)}
.verificacion input[type=text]{letter-spacing:.2em;font-size:21px}
.perfil{padding:18px;background:#f0f6fa;border-radius:9px;border-left:3px solid #65bddd;margin:20px 0}
.perfil p{overflow-wrap:anywhere;margin:5px 0}
.perfil dl{display:grid;grid-template-columns:auto 1fr;gap:5px 15px;font-size:12px;margin-bottom:0}
.perfil dt{font-weight:700}.perfil dd{margin:0;overflow-wrap:anywhere}.verificado{font-size:11px;font-weight:700;color:#176b54}
.calendario-contenedor{margin:22px 0;overflow:auto}
.calendario{width:100%;border:0!important;border-collapse:separate;border-spacing:3px;font-size:13px}
.calendario td{text-align:center;padding:6px 2px;border-radius:5px}
.calendario a{color:var(--azul);display:block;text-decoration:none}
.calendario a:hover{background:#dcf3ff;border-radius:5px}
.calendario th{font-size:11px;color:#63758d;padding:8px 0}
.calendario td.dia-no-disponible{color:#a7b3c2;background:#f6f8fa}
.calendario tr:first-child td{background:#edf4f8!important;color:var(--azul)!important}
.horario{padding:18px;background:#edf6fa;border:1px solid #d5e8f2;border-radius:9px;display:grid;gap:5px;font-size:14px}
.horario strong{text-transform:capitalize;color:var(--azul)}.horario label{margin-top:8px}
.contacto{margin-top:20px}.contacto small{display:block;margin-top:7px}
.consentimiento label{display:inline;font-size:12px;font-weight:400;line-height:1.75;color:#526b7c}
.consentimiento{margin-top:20px}.consentimiento input{margin-right:8px;accent-color:var(--azul)}
.confirmacion{text-align:center}.sello{display:inline-flex;align-items:center;justify-content:center;font-size:34px;color:#176b54;width:70px;height:70px;border-radius:50%;background:#e9f7f2}
.enlace{color:var(--azul);font-weight:700}
footer{max-width:1224px;margin:20px auto 0;border-top:1px solid #ffffff16;text-align:center;font-size:12px;padding:22px 20px 26px;color:#b1cbdc}
footer strong{color:#e2edf4;font-weight:600}footer>span{padding:0 6px}footer small{color:#87a8c0;font-size:11px}
:focus-visible{outline:3px solid var(--celeste);outline-offset:3px}
@media(min-width:1400px){.solicitud-layout{margin-top:65px;gap:90px}.formulario{padding:40px}.bienvenida h1{font-size:60px}}
@media(max-width:1000px){.solicitud-layout{gap:30px}.marca>img{width:210px}.bienvenida h1{font-size:44px}.formulario{padding:28px}.pasos{font-size:10px;gap:5px}.pasos b{width:22px;height:22px}.arturo{width:55%;height:300px}.arturo-mensaje strong{font-size:19px}.arturo-mensaje>span:last-child{font-size:13px}}
@media(max-width:780px){.marca{padding:18px 22px;gap:16px}.marca>img{width:195px}.marca-servicio{display:none}.acceso-equipo{font-size:11px;padding:7px 10px}.solicitud-layout{grid-template-columns:1fr;max-width:620px;margin:28px auto;padding:0 20px;gap:28px}.bienvenida h1{font-size:42px;margin:18px 0 14px}.bienvenida>p{max-width:420px;font-size:14px}.companero{min-height:200px;max-width:380px;margin:0 auto}.arturo{height:220px;width:49%}.arturo-mensaje{padding-top:10px}.arturo-mensaje strong{font-size:22px}.arturo-mensaje>span:last-child{font-size:13px}.beneficios{justify-content:center;padding-top:14px}.formulario{padding:28px}.pasos{font-size:11px}.pasos b{width:25px;height:25px}footer{margin:0 20px}.bienvenida>.etiqueta{font-size:10px}}
@media(max-width:400px){.marca{padding:16px}.marca>img{width:180px}.acceso-equipo{padding:6px 8px;font-size:10px}.acceso-equipo span{margin-left:5px}.solicitud-layout{padding:0 14px;margin-top:24px}.bienvenida h1{font-size:37px}.formulario{padding:24px 20px}.pasos{gap:5px;font-size:10px}.pasos>span{gap:5px}.pasos b{width:22px;height:22px}.beneficios{gap:5px}.beneficios>span{font-size:10px;padding:7px}.perfil dl{grid-template-columns:1fr;gap:2px}.perfil dd{margin-bottom:8px}.calendario{font-size:12px;border-spacing:1px}.arturo-mensaje strong{font-size:20px}.arturo-insignia{font-size:8px}h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}