/* Bienvenida V24: superficie traslúcida y compacta */
#moon-dialog[open]{background:rgba(235,246,250,.88);color:#102b39;border:1px solid rgba(255,255,255,.5);width:min(410px,calc(100% - 36px));padding:30px 26px 20px;border-radius:24px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(8,42,68,.22);max-height:calc(100svh - 32px)}
#moon-dialog::backdrop{background:rgba(7,30,56,.36)}
#moon-dialog h2,#moon-dialog #moon-description{text-shadow:none;color:#102b39}
#moon-dialog h2{font-size:40px;margin:0 0 18px}
#moon-dialog .eyebrow{color:#3b6b87;font-size:10px;letter-spacing:.13em;margin-bottom:10px}
#moon-dialog .moon-close:not(.moon-skip){background:rgba(255,255,255,.38);color:#23495e;top:9px;right:9px;width:30px;height:30px;font-size:24px}
#moon-dialog .button{border-radius:12px;padding:11px 16px;font-size:14px;min-height:44px}
#moon-dialog .welcome-reserve{background:rgba(144,205,235,.82);color:#14384a;border:1px solid rgba(109,183,221,.32);margin-bottom:18px}
#moon-dialog .welcome-reserve:hover{background:#91cfee}
#moon-dialog .welcome-moon-label{border-top:1px solid rgba(58,111,145,.18);color:#3b6b87;padding-top:17px;font-size:10px!important;letter-spacing:.08em;margin-bottom:8px!important}
#moon-dialog .moon-date{color:#173b50;font-size:14px;margin:0 0 10px!important}
#moon-dialog #moon-description{font-size:14px;line-height:1.45;margin:0 0 8px}
#moon-dialog .moon-detail{color:#496674;font-size:12px;margin:0 0 14px}
#moon-dialog .welcome-moon-button{background:rgba(33,102,153,.9);color:#fff;border:1px solid rgba(33,102,153,.18)}
#moon-dialog .welcome-moon-button:hover{background:#216699}
#moon-dialog .moon-skip{color:#496674;font-size:12px;margin:12px auto 0}
#moon-dialog button:focus-visible{outline:3px solid #1467b5;outline-offset:4px}
@media(max-width:700px){#moon-dialog[open]{width:min(380px,calc(100% - 32px));padding:29px 22px 20px}#moon-dialog h2{font-size:36px}}
@supports not (backdrop-filter:blur(1px)){#moon-dialog[open]{background:rgba(235,246,250,.96)}}

#moon-dialog h2{font-size:36px;line-height:1.12;max-width:300px;margin:0 auto 16px}#moon-dialog .welcome-moon-button{margin-top:5px}@media(max-width:700px){#moon-dialog h2{font-size:32px}}