/* Anima · páginas de servicio (404, gracias, privacidad) sobre cobro.css + vertical.css: misma paleta y selector de idioma que la landing. */
:root{--cu:#6A3FC0;--cu-b:#B07CFF;--cu-h:#C9A6FF;--cu-p:#4E2C93;--obs:#16112A;--obs-2:#211A3A;--obs-3:#2C2349}
body{background:#F8F5EF}
.bar{background:#16112A}
.bar .logo{font:italic 400 1.6rem/1 var(--serif);color:#F7F4FC;text-decoration:none}
.bar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lang-sw{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:999px;border:1px solid rgba(247,244,252,.25);font:600 .74rem var(--mono);letter-spacing:.06em;color:rgba(247,244,252,.7)!important;text-decoration:none;background:transparent}
.lang-sw b{color:#B07CFF}.lang-sw span{background:none;color:inherit;padding:0}
.head{background:radial-gradient(50% 70% at 90% 0%,rgba(176,124,255,.25),transparent 70%),#16112A}
.btn{background:#B07CFF;border-color:#B07CFF;color:#16112A}
.gracias .btn--ghost{background:transparent;color:#4E2C93;border-color:#6A3FC0}
.an-404{display:flex;justify-content:center;margin:0 0 16px}
.an-404 img{width:160px;height:auto}
.pie{background:#0E0A1C}
.pie .logo{font:italic 400 1.4rem/1 var(--serif);color:#F7F4FC;text-decoration:none}
.head{background:radial-gradient(50% 70% at 90% 0%,rgba(176,124,255,.25),transparent 70%),#16112A!important}
.head::before{display:none!important}