:root{--azul: #003E83;--azul-suave: #4A6A96;--coral: #D84B5F;--coral-oscuro: #B93A4D;--fondo: #EEF3FA;--blanco: #FFFFFF;--linea: #C7D5E8;--verde: #1E8A5A;--verde-fondo: #E4F4EC;--rojo-fondo: #FCE9EC;--sombra: 0 1.5rem 3rem -1.5rem rgba(0, 62, 131, .35);--radio: 1.25rem}*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--azul);background:var(--fondo);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}.marca{display:flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.35rem}.marca-icono{width:2.1rem;height:2.1rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;border:0;font-weight:800;font-size:1rem;text-decoration:none;transition:background-color .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:progress}.btn:focus-visible,.enlace:focus-visible,input:focus-visible{outline:3px solid var(--azul);outline-offset:2px}.btn-primario{background:var(--coral);color:#fff}.btn-primario:hover{background:var(--coral-oscuro)}.btn-secundario{background:transparent;color:var(--azul);border:1.5px solid var(--linea)}.btn-secundario:hover{border-color:var(--azul)}.btn-texto{background:none;border:0;color:var(--azul-suave);font-weight:700;padding:.5rem}.btn-texto:hover{color:var(--azul);text-decoration:underline}.enlace{color:var(--azul);font-weight:700;text-decoration:underline;text-underline-offset:3px}.acceso{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.acceso-contenido{width:100%;max-width:50rem}.acceso-contenido>.marca{margin-bottom:1.5rem}.pase{display:grid;grid-template-columns:1fr 12rem;background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.pase-principal{padding:2.5rem 2.25rem}.pase h1{font-weight:900;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.05;margin-bottom:.75rem}.pase-sub,.pase-texto{color:var(--azul-suave);font-size:1.05rem;line-height:1.55;max-width:28rem;margin-bottom:1.75rem}.pase-pie{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--fondo);color:var(--azul-suave);font-size:.95rem}.pase-pie a{font-weight:700;color:var(--azul)}.pase-talon{position:relative;border-left:2px dashed var(--linea);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.pase-talon:before,.pase-talon:after{content:"";position:absolute;left:-1rem;width:2rem;height:2rem;border-radius:50%;background:var(--fondo)}.pase-talon:before{top:-1rem}.pase-talon:after{bottom:-1rem}.sello{width:8.75rem;height:8.75rem;border:4px solid var(--coral);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--coral);text-align:center;transform:rotate(-14deg);animation:estampar .6s cubic-bezier(.2,1.6,.4,1) .2s both}.sello b{font-weight:900;font-size:.95rem;line-height:1.1;padding:0 .4rem;white-space:nowrap}.sello small{font-size:.62rem;font-weight:700;margin-top:.35rem}@keyframes estampar{0%{opacity:0;transform:rotate(-14deg) scale(1.8)}to{opacity:1;transform:rotate(-14deg) scale(1)}}.acceso-ayuda{margin-top:1.25rem;color:var(--azul-suave);font-size:.95rem}.acceso-ayuda a{font-weight:700;color:var(--azul)}.formulario{display:grid;gap:1.1rem;max-width:26rem}.campo label{display:block;font-weight:700;font-size:.95rem;margin-bottom:.4rem}.campo-caja{position:relative}.campo input{width:100%;padding:.85rem 1rem;font:inherit;font-size:1rem;color:var(--azul);border:1.5px solid var(--linea);border-radius:.8rem;background:var(--blanco)}.campo input:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #003e831f}.campo-ver{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--azul-suave);font-weight:700;font-size:.85rem;padding:.4rem .5rem}.campo-ayuda{font-size:.85rem;color:var(--azul-suave);margin-top:.35rem}.formulario-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:.4rem}.aviso{padding:.8rem 1rem;border-radius:.8rem;font-size:.95rem;line-height:1.45;font-weight:600}.aviso-error{background:var(--rojo-fondo);color:var(--coral-oscuro)}.aviso-exito{background:var(--verde-fondo);color:var(--verde)}.cargando{min-height:100vh;display:flex;align-items:center;justify-content:center}.cargando-avion{width:3rem;height:3rem;border-radius:50%;border:4px solid var(--linea);border-top-color:var(--coral);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.app{min-height:100vh}.barra{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--blanco);border-bottom:1px solid var(--linea)}.barra .marca{font-size:1.15rem}.barra-usuario{display:flex;align-items:center;gap:.6rem}.avatar{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--fondo);color:var(--azul);display:inline-flex;align-items:center;justify-content:center;font-weight:900}.barra-nombre{font-weight:700}.app-contenido{max-width:64rem;margin:0 auto;padding:2rem 1.25rem 4rem;display:grid;gap:1.5rem}.bienvenida{background:var(--blanco);border-radius:var(--radio);padding:2.25rem;box-shadow:var(--sombra);border-left:6px solid var(--coral)}.bienvenida h1{font-weight:900;font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:.6rem}.bienvenida p{color:var(--azul-suave);font-size:1.05rem;line-height:1.55;max-width:36rem;margin-bottom:1.5rem}.bienvenida p:last-child{margin-bottom:0}.bienvenida .rol{font-weight:800;color:var(--coral);margin-bottom:.4rem;font-size:.95rem}.tarjeta{background:var(--blanco);border-radius:var(--radio);padding:1.75rem 2rem}.tarjeta h2{font-weight:900;font-size:1.25rem;margin-bottom:1rem}.tenue{color:var(--azul-suave)}.lista-playbooks{list-style:none;padding:0;display:grid;gap:.75rem}.lista-playbooks li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1rem 1.1rem;border:1.5px solid var(--linea);border-radius:.9rem}.lista-playbooks span{color:var(--azul-suave)}@media (max-width: 680px){.pase{grid-template-columns:1fr}.pase-principal{padding:2rem 1.5rem}.pase-talon{border-left:0;border-top:2px dashed var(--linea);padding:2rem 1rem}.pase-talon:before,.pase-talon:after{top:-1rem;bottom:auto}.pase-talon:before{left:-1rem}.pase-talon:after{left:auto;right:-1rem}.barra-nombre{display:none}.bienvenida{padding:1.75rem 1.5rem}}@media (prefers-reduced-motion: reduce){.sello,.cargando-avion{animation:none}}