/* Vívida · estilos compartidos */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:#F7F0E8;overflow-x:hidden}
a{color:#6B2D35}
a:hover{color:#3A2A2A}
input::placeholder{color:#7A6E66}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #E9B562;outline-offset:3px}
@keyframes vfloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes vspin{to{rotate:360deg}}
@keyframes vblob{0%,100%{border-radius:58% 42% 55% 45%/48% 58% 42% 52%}50%{border-radius:42% 58% 45% 55%/58% 42% 58% 42%}}
.float-a{animation:vfloat 6s ease-in-out infinite}
.float-b{animation:vfloat 7s ease-in-out -2s infinite}
.float-c{animation:vfloat 5.5s ease-in-out -4s infinite}
.spin-slow{animation:vspin 40s linear infinite}
.blob{animation:vblob 12s ease-in-out infinite}
.lift{transition:transform .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:0 24px 40px -22px rgba(58,42,42,.45)}
.pill{transition:transform .2s ease}
.pill:hover{transform:scale(1.04)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.faq-plus{transition:transform .2s ease}
details[open] .faq-plus{transform:rotate(45deg)}
/* Formulario de suscripción */
.trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.js-suscripcion button[disabled]{opacity:.7;cursor:wait}
.form-estado{margin:0;font-size:15px;min-height:1.4em}
.form-estado.error{color:#F7F0E8;background:rgba(0,0,0,.18);border-radius:12px;padding:8px 14px}
.consentimiento{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}
.consentimiento input{width:20px;height:20px;margin:1px 0 0;accent-color:#3A2A2A;flex:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.float-a,.float-b,.float-c,.spin-slow,.blob{animation:none}.lift,.pill,.faq-plus{transition:none}}