.not-found{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;width:100%;max-width:720px;margin:130px auto 64px;padding:0 16px;text-align:center;gap:16px;& img{width:96px;height:auto}& h1{font-size:36px;font-weight:600;line-height:1.2;margin:0}& p{font-size:18px;line-height:1.5;color:var(--gris-texto-suave);margin:0}}.not-found__codigo{padding:4px 12px;border-radius:999px;background-color:var(--fondo-aviso-exito);color:var(--verde-texto);font-size:14px;font-weight:600}.not-found__acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.not-found__accesos{width:100%;margin-top:24px;padding-top:24px;border-top:1px solid var(--gris-separador);& h2{font-size:16px;font-weight:600;color:var(--gris-texto-suave);margin:0 0 12px}& ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}& a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--gris-borde-claro);border-radius:12px;color:inherit;font-weight:500;text-align:left;text-decoration:none;transition:border-color .2s,background-color .2s;&:hover{border-color:var(--verde-texto);background-color:var(--fondo-aviso-exito)}&:focus-visible{outline:3px solid var(--verde-texto);outline-offset:2px}}& svg{flex-shrink:0;width:20px;height:20px;color:var(--verde-texto)}}@media screen and (max-width:768px){.not-found{margin:130px auto 120px;& h1{font-size:28px}& p{font-size:16px}}.not-found__acciones{flex-direction:column;width:100%;& .cuenta-btn{width:100%}}.not-found__accesos ul{grid-template-columns:1fr}}