body{margin:0}
html{scroll-behavior:smooth}
@keyframes resp-latido{0%,100%{transform:scale(0.62)}50%{transform:scale(1)}}
@keyframes resp-in{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@keyframes resp-out{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
.resp-circulo{animation:resp-latido 10s ease-in-out infinite}
.resp-in{animation:resp-in 10s ease-in-out infinite}
.resp-out{animation:resp-out 10s ease-in-out infinite;opacity:0}
.pausa-resp:checked ~ .resp-escena .resp-circulo,.pausa-resp:checked ~ .resp-escena .resp-in,.pausa-resp:checked ~ .resp-escena .resp-out{animation-play-state:paused}
.txt-seguir{display:none}
.pausa-resp:checked ~ .resp-boton .txt-pausar{display:none}
.pausa-resp:checked ~ .resp-boton .txt-seguir{display:inline}
.pausa-resp:focus-visible ~ .resp-boton{outline:3px solid #D9B47A;outline-offset:3px}
details.faq summary{list-style:none;cursor:pointer}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";float:right;color:#6E1A2C;font-size:1.6rem;line-height:1}
details.faq[open] summary::after{content:"–"}
@media (prefers-reduced-motion: reduce){.resp-circulo,.resp-in,.resp-out{animation:none}.resp-out{opacity:0}}

a{color:#E3BF83}a:hover{color:#F3D9A8}
*{box-sizing:border-box}
body{overflow-x:hidden;-webkit-text-size-adjust:100%}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #D9B47A;outline-offset:3px}
img{max-width:100%;display:block}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Fotos esfumadas en los bordes, con luz */
.foto-halo{position:relative;isolation:isolate;width:100%}
.foto-halo::before{content:"";position:absolute;inset:-8%;z-index:-1;background:radial-gradient(ellipse closest-side,rgba(242,199,122,.55) 0%,rgba(242,199,122,.22) 55%,rgba(242,199,122,0) 100%);filter:blur(22px)}
.foto-luz{-webkit-mask-image:radial-gradient(ellipse closest-side,#000 58%,rgba(0,0,0,.55) 78%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 58%,rgba(0,0,0,.55) 78%,transparent 100%)}

/* Pulso de la respiración recorriendo toda la página */
.pulso-pagina{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.onda{position:absolute;left:50%;top:50%;width:44vmax;height:44vmax;margin:-22vmax 0 0 -22vmax;border-radius:50%;border:1.5px solid rgba(217,180,122,.5);box-shadow:0 0 34px rgba(232,194,122,.35),inset 0 0 34px rgba(232,194,122,.22);opacity:0;animation:onda-pulso 10s ease-out infinite}
@keyframes onda-pulso{0%{transform:scale(.12);opacity:0}18%{opacity:.5}100%{transform:scale(2.8);opacity:0}}
.brillo{position:absolute;width:var(--t,6px);height:var(--t,6px);border-radius:50%;background:radial-gradient(circle,#FFF6DE 0%,#E8C27A 45%,rgba(232,194,122,0) 72%);box-shadow:0 0 12px 3px rgba(232,194,122,.55);opacity:0;animation:brillo 10s ease-in-out infinite}
@keyframes brillo{0%,100%{opacity:0;transform:translateY(0) scale(.4)}50%{opacity:.85;transform:translateY(-18px) scale(1)}}
body:has(.pausa-resp:checked) .onda,body:has(.pausa-resp:checked) .brillo{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.pulso-pagina{display:none}}

/* Versión noche: vía láctea borgoña y dorada */
body{background:#1C0913;color:#F7EEE8}
.cielo{position:fixed;inset:0;z-index:-1;background:#1C0913 url(../img/fondos/galaxia.jpg) center/cover no-repeat}
details.faq summary::after{color:#D9B47A}
header{backdrop-filter:blur(6px);background:rgba(28,9,19,0.55)!important}
.onda{border-color:rgba(232,194,122,.45)}
.brillo{box-shadow:0 0 14px 4px rgba(232,194,122,.6)}
.cielo::after{content:"";position:absolute;inset:0;background:rgba(28,9,19,.22)}