.apeseg-soat{--morado: #401465;--verde: #00c19f;--verde-claro: #e0f8f3;--texto: #2f2a36;--texto-suave: #6f6f6e;--borde: #e6e2ec;--fondo: #f7f5fa;--radio: 16px;--sombra: 0 10px 30px rgba(64, 20, 101, .1);--curva: cubic-bezier(.2, .8, .2, 1);font-family:gibson,Helvetica,Arial,sans-serif;color:var(--texto);max-width:920px;margin:0 auto 56px;line-height:1.5;-webkit-font-smoothing:antialiased}.apeseg-soat *,.apeseg-soat *:before,.apeseg-soat *:after{box-sizing:border-box}.apeseg-soat svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.apeseg-soat button{font-family:inherit}.apeseg-soat p{margin:0}.apeseg-soat .soat-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.apeseg-soat .soat-buscador{position:relative;overflow:hidden;padding:40px;border-radius:var(--radio);background:var(--morado);color:#fff;box-shadow:var(--sombra);animation:soat-entrar .6s var(--curva) both}.apeseg-soat .soat-buscador__decoracion{position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;border:36px solid var(--verde);opacity:.9;animation:soat-flotar 9s ease-in-out infinite;pointer-events:none}.apeseg-soat .soat-buscador__decoracion:after{content:"";position:absolute;left:-120px;bottom:-150px;width:120px;height:120px;border-radius:50%;background:#00c19f2e}.apeseg-soat .soat-buscador__texto,.apeseg-soat .soat-form{position:relative;z-index:1}.apeseg-soat .soat-etiqueta{display:inline-block;padding:4px 12px;margin-bottom:14px;border-radius:999px;background:#00c19f2e;color:var(--verde);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.apeseg-soat .soat-titulo{margin:0 0 10px;font-family:inherit;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.15;color:#fff;max-width:560px}.apeseg-soat .soat-intro{max-width:540px;margin-bottom:28px;font-size:17px;font-weight:300;color:#ffffffe0}.apeseg-soat .soat-form__fila{display:flex;gap:14px;align-items:stretch;max-width:620px}.apeseg-soat .soat-placa{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border:3px solid #fff;border-radius:12px;overflow:hidden;cursor:text;transition:box-shadow .2s,transform .2s var(--curva);box-shadow:0 6px 18px #0000002e}.apeseg-soat .soat-placa:focus-within{box-shadow:0 0 0 4px var(--verde),0 10px 26px #00000038;transform:translateY(-1px)}.apeseg-soat .soat-placa.is-invalida{animation:soat-temblor .4s;box-shadow:0 0 0 4px #fff,0 0 0 7px #fff6}.apeseg-soat .soat-placa__franja{display:block;padding:2px 0;background:var(--morado);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5em;text-align:center;border-bottom:3px solid var(--verde)}.apeseg-soat .soat-placa__input{width:100%;height:58px;padding:0 16px;margin:0;border:0;outline:none;background:transparent;box-shadow:none;font:700 30px/1 gibson,Helvetica,Arial,sans-serif;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--morado)}.apeseg-soat .soat-placa__input::placeholder{color:#cfc8da;font-weight:600}.apeseg-soat .soat-placa__input:disabled{opacity:.7}.apeseg-soat .soat-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:170px;padding:0 26px;border:0;border-radius:12px;background:var(--verde);color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #00c19f59;transition:transform .15s var(--curva),box-shadow .2s,filter .2s}.apeseg-soat .soat-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #00c19f73}.apeseg-soat .soat-btn:active:not(:disabled){transform:translateY(0)}.apeseg-soat .soat-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.apeseg-soat .soat-btn:disabled{cursor:progress;filter:saturate(.7)}.apeseg-soat .soat-btn__icono{width:22px;height:22px;stroke-width:2.4}.apeseg-soat .soat-btn-secundario{padding:10px 20px;border:2px solid var(--morado);border-radius:999px;background:#fff;color:var(--morado);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.apeseg-soat .soat-btn-secundario:hover{background:var(--morado);color:#fff}.apeseg-soat .soat-btn-secundario:focus-visible{outline:3px solid var(--verde);outline-offset:2px}.apeseg-soat .soat-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(64,20,101,.25);border-top-color:var(--morado);animation:soat-girar .7s linear infinite}.apeseg-soat .soat-ayuda{margin-top:10px;font-size:14px;color:#ffffffbf;transition:color .2s}.apeseg-soat .soat-ayuda.is-error{color:#fff;font-weight:600}.apeseg-soat .soat-recientes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.apeseg-soat .soat-recientes__label{font-size:13px;color:#ffffffb3}.apeseg-soat .soat-chip{padding:5px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff14;color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.apeseg-soat .soat-chip:hover:not(:disabled){background:var(--verde);border-color:var(--verde);color:var(--morado);transform:translateY(-1px)}.apeseg-soat .soat-turnstile{margin-top:18px;min-height:65px;max-width:620px}.apeseg-soat .soat-salida{margin-top:28px;scroll-margin-top:120px}.apeseg-soat .soat-skeleton{padding:28px;border-radius:var(--radio);background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra)}.apeseg-soat .soat-skeleton span,.apeseg-soat .soat-skeleton__barra{display:block;border-radius:8px;background:linear-gradient(90deg,#efecf3,#f8f6fb,#efecf3);background-size:200% 100%;animation:soat-brillo 1.2s ease-in-out infinite}.apeseg-soat .soat-skeleton__hero{display:flex;gap:24px;align-items:center}.apeseg-soat .soat-skeleton__hero span:first-child{width:150px;height:70px}.apeseg-soat .soat-skeleton__hero span:last-child{flex:1;height:40px}.apeseg-soat .soat-skeleton__barra{height:12px;margin:26px 0}.apeseg-soat .soat-skeleton__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.apeseg-soat .soat-skeleton__grid span{height:48px}.apeseg-soat .soat-aviso{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:var(--radio);background:var(--fondo);border:1px solid var(--borde)}.apeseg-soat .soat-aviso>svg{flex:none;width:40px;height:40px;color:var(--morado)}.apeseg-soat .soat-aviso>div{flex:1}.apeseg-soat .soat-aviso__titulo{font-weight:600;font-size:18px;color:var(--morado);margin-bottom:2px}.apeseg-soat .soat-aviso--error{border-left:5px solid var(--morado)}.apeseg-soat .soat-card{border-radius:var(--radio);background:#fff;border:1px solid var(--borde);box-shadow:var(--sombra);overflow:hidden}.apeseg-soat .soat-card__hero{display:flex;align-items:center;gap:28px;padding:28px;background:var(--fondo);border-bottom:1px solid var(--borde)}.apeseg-soat .soat-card--vigente .soat-card__hero{background:var(--verde-claro)}.apeseg-soat .soat-card__placa{flex:none;min-width:160px;border:3px solid var(--texto);border-radius:10px;background:#fff;text-align:center;overflow:hidden;box-shadow:0 6px 16px #00000014;animation:soat-pop .5s var(--curva) both .1s}.apeseg-soat .soat-card__placa-franja{display:block;background:var(--morado);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5em;padding:1px 0}.apeseg-soat .soat-card__placa strong{display:block;padding:6px 14px 8px;font-size:30px;letter-spacing:.14em;color:var(--texto);line-height:1.1}.apeseg-soat .soat-card__estado{min-width:0}.apeseg-soat .soat-card__titulo{margin:10px 0 2px;font-family:inherit;font-size:24px;font-weight:600;line-height:1.2;color:var(--morado)}.apeseg-soat .soat-card__resumen{color:var(--texto-suave);font-size:16px}.apeseg-soat .soat-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;border:2px solid transparent;white-space:nowrap}.apeseg-soat .soat-badge--sm{padding:2px 10px;font-size:11px}.apeseg-soat .soat-badge__punto{width:8px;height:8px;border-radius:50%;background:currentColor}.apeseg-soat .soat-badge--vigente{background:var(--verde);color:#fff}.apeseg-soat .soat-badge--vigente .soat-badge__punto{animation:soat-latido 1.6s ease-out infinite}.apeseg-soat .soat-badge--futuro{background:#fff;color:var(--morado);border-color:var(--morado)}.apeseg-soat .soat-badge--vencido{background:#ece8f1;color:var(--texto-suave)}.apeseg-soat .soat-badge--anulado{background:#fff;color:var(--texto-suave);border-color:#cfc8da}.apeseg-soat .soat-vigencia{padding:22px 28px 6px}.apeseg-soat .soat-vigencia__fechas{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600}.apeseg-soat .soat-vigencia__fechas small{display:block;font-size:12px;font-weight:400;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.06em}.apeseg-soat .soat-vigencia__fechas span:last-child{text-align:right}.apeseg-soat .soat-vigencia__barra{height:10px;border-radius:999px;background:#ece8f1;overflow:hidden}.apeseg-soat .soat-vigencia__barra span{display:block;height:100%;width:0;border-radius:inherit;background:var(--verde);transition:width 1.1s var(--curva) .2s}.apeseg-soat .soat-card--vencido .soat-vigencia__barra span,.apeseg-soat .soat-card--anulado .soat-vigencia__barra span{background:#b9b1c5}.apeseg-soat .soat-card--futuro .soat-vigencia__barra span{background:var(--morado)}.apeseg-soat .soat-datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 24px;margin:0;padding:18px 28px 26px}.apeseg-soat .soat-dato{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--borde);animation:soat-subir .45s var(--curva) both;animation-delay:calc(var(--i) * 45ms + .15s)}.apeseg-soat .soat-dato__icono{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--fondo);color:var(--morado)}.apeseg-soat .soat-dato__icono svg{width:22px;height:22px}.apeseg-soat .soat-dato dt{font-size:13px;color:var(--texto-suave)}.apeseg-soat .soat-dato dd{margin:0;font-weight:600;color:var(--texto);word-break:break-word}.apeseg-soat .soat-historial{margin-top:18px;border-radius:var(--radio);background:#fff;border:1px solid var(--borde);overflow:hidden}.apeseg-soat .soat-historial__toggle{display:flex;align-items:center;gap:12px;width:100%;padding:18px 24px;border:0;background:none;color:var(--morado);font-size:17px;font-weight:600;text-align:left;cursor:pointer}.apeseg-soat .soat-historial__toggle:hover{background:var(--fondo)}.apeseg-soat .soat-historial__toggle:focus-visible{outline:3px solid var(--verde);outline-offset:-3px}.apeseg-soat .soat-historial__contador{padding:1px 10px;border-radius:999px;background:var(--morado);color:#fff;font-size:13px}.apeseg-soat .soat-historial__flecha{margin-left:auto;width:10px;height:10px;border-right:2.5px solid var(--verde);border-bottom:2.5px solid var(--verde);transform:rotate(45deg);transition:transform .25s var(--curva)}.apeseg-soat .soat-historial.is-abierto .soat-historial__flecha{transform:rotate(-135deg)}.apeseg-soat .soat-timeline{list-style:none;margin:0;padding:4px 24px 18px}.apeseg-soat .soat-timeline__item{position:relative;display:flex;gap:18px;padding:10px 0;animation:soat-subir .4s var(--curva) both;animation-delay:calc(var(--i) * 60ms)}.apeseg-soat .soat-timeline__item:before{content:"";position:absolute;left:7px;top:30px;bottom:-10px;width:2px;background:var(--borde)}.apeseg-soat .soat-timeline__item:last-child:before{display:none}.apeseg-soat .soat-timeline__punto{flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:#cfc8da;box-shadow:0 0 0 4px #fff;position:relative;z-index:1}.apeseg-soat .soat-timeline__item.is-vigente .soat-timeline__punto{background:var(--verde)}.apeseg-soat .soat-timeline__item.is-futuro .soat-timeline__punto{background:var(--morado)}.apeseg-soat .soat-timeline__contenido{flex:1;min-width:0;padding:12px 16px;border-radius:12px;background:var(--fondo);transition:transform .2s var(--curva),box-shadow .2s}.apeseg-soat .soat-timeline__contenido:hover{transform:translate(3px);box-shadow:0 6px 16px #40146514}.apeseg-soat .soat-timeline__cabecera{display:flex;justify-content:space-between;align-items:center;gap:10px}.apeseg-soat .soat-timeline__cabecera strong{color:var(--texto)}.apeseg-soat .soat-timeline__fechas{margin-top:2px;font-weight:600;color:var(--morado)}.apeseg-soat .soat-timeline__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:14px;color:var(--texto-suave)}.apeseg-soat .soat-acciones{display:flex;justify-content:center;margin-top:22px}.apeseg-soat .soat-aparecer-enter-active{transition:opacity .35s ease,transform .45s var(--curva)}.apeseg-soat .soat-aparecer-leave-active{transition:opacity .15s ease}.apeseg-soat .soat-aparecer-enter-from{opacity:0;transform:translateY(18px)}.apeseg-soat .soat-aparecer-leave-to{opacity:0}.apeseg-soat .soat-despliegue-enter-active,.apeseg-soat .soat-despliegue-leave-active{transition:opacity .25s ease}.apeseg-soat .soat-despliegue-enter-from,.apeseg-soat .soat-despliegue-leave-to{opacity:0}.apeseg-soat .soat-chip-enter-active,.apeseg-soat .soat-chip-move{transition:all .3s var(--curva)}.apeseg-soat .soat-chip-enter-from{opacity:0;transform:scale(.8)}@keyframes soat-entrar{0%{opacity:0;transform:translateY(14px)}}@keyframes soat-subir{0%{opacity:0;transform:translateY(10px)}}@keyframes soat-pop{0%{opacity:0;transform:scale(.85) rotate(-3deg)}}@keyframes soat-flotar{50%{transform:translate(-14px,12px) rotate(8deg)}}@keyframes soat-girar{to{transform:rotate(360deg)}}@keyframes soat-brillo{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes soat-latido{0%{box-shadow:0 0 #ffffffb3}to{box-shadow:0 0 0 8px #fff0}}@keyframes soat-temblor{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(max-width:680px){.apeseg-soat .soat-buscador{padding:28px 20px}.apeseg-soat .soat-buscador__decoracion{width:180px;height:180px;right:-80px;top:-80px;border-width:24px}.apeseg-soat .soat-form__fila{flex-direction:column}.apeseg-soat .soat-btn{min-height:56px}.apeseg-soat .soat-card__hero{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px}.apeseg-soat .soat-vigencia{padding:18px 20px 4px}.apeseg-soat .soat-datos{padding:12px 20px 20px;grid-template-columns:1fr}.apeseg-soat .soat-skeleton__grid{grid-template-columns:1fr 1fr}.apeseg-soat .soat-aviso{flex-wrap:wrap}.apeseg-soat .soat-timeline{padding:4px 16px 16px}}@media(prefers-reduced-motion:reduce){.apeseg-soat *,.apeseg-soat *:before,.apeseg-soat *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}