.contacto-ob{--cob-canto:#ffffff24;--cob-filo:#ffffff4d;--cob-lila:#b28cff;isolation:isolate;color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;position:relative;overflow-x:clip}.contacto-ob:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 15% 12%,#7b2eff38,#0000 70%),radial-gradient(45% 40% at 88% 40%,#7b2eff24,#0000 70%),radial-gradient(40% 35% at 30% 95%,#b28cff14,#0000 70%);position:fixed;inset:0}.contacto-ob>:is(header,section,footer),.contacto-ob>header.bg-violeta,.contacto-ob .bg-papel:not(input,textarea,select){color:#fff;background:0 0}.contacto-ob>:is(section,footer){border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#ffffff24,#0000) 1}.contacto-ob .text-tinta{color:#fff}.contacto-ob [class*=text-tinta\/]{color:#ffffffb3}.contacto-ob .text-violeta{color:var(--cob-lila)}.contacto-ob .hover\:text-violeta-profundo:hover{color:#fff}.contacto-ob .ring-violeta{--tw-ring-color:#b28cff73}.contacto-ob .ring-white\/40{--tw-ring-color:#ffffff38;border-radius:999px}.contacto-ob>header nav a[class*=bg-white]{color:#fff;background:#7b2eff;border-radius:999px;font-weight:700}.contacto-ob .bg-white{border:1px solid var(--cob-canto);border-top-color:var(--cob-filo);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;--tw-ring-shadow:0 0 #0000;background:linear-gradient(#ffffff12,#ffffff04 45%),#0a0a0e9e;border-radius:26px;box-shadow:0 40px 100px -55px #7b2effbf,inset 0 1px #ffffff0f}.contacto-ob #vias .bg-white{border-radius:22px;transition:transform .22s,border-color .22s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.contacto-ob #vias .bg-white:hover{border-color:#b28cff80;transform:translateY(-4px)}}.contacto-ob :is(input,textarea,select).bg-papel{color:#fff;--tw-ring-color:#ffffff29;background:#ffffff0a;border-radius:12px}.contacto-ob :is(input,textarea).bg-papel::placeholder{color:#ffffff61}.contacto-ob :is(input,textarea,select).bg-papel:focus{--tw-ring-color:#b28cff}.contacto-ob select.bg-papel option{color:#fff;background:#0b0a10}.contacto-ob form button.bg-violeta{color:#fff;background:#7b2eff;border-radius:999px;font-weight:700;box-shadow:0 18px 50px -20px #7b2effe6}.contacto-ob form button.bg-violeta:hover{background:#8f4bff}.contacto-ob form~p,.contacto-ob [class*=ring-tinta\/30]{border-radius:14px}.contacto-ob [class*=ring-tinta\/30]{--tw-ring-color:#ffffff29}.contacto-ob footer a:hover{color:#fff}
