/* Estilos aislados para no modificar el catálogo ni otros diálogos. */
#rys-welcome,#rys-welcome *{box-sizing:border-box}
#rys-welcome{position:fixed;inset:0;margin:auto;padding:0;width:70vw;height:70vh;height:70dvh;max-width:70vw;max-height:70vh;max-height:70dvh;overflow-y:auto;overflow-x:hidden;border:1px solid #376087;border-radius:26px;background:#07182e;color:#fff;box-shadow:0 30px 100px #00162966;font:16px/1.6 system-ui,sans-serif}
#rys-welcome::backdrop{background:rgb(4 20 39 / .75);backdrop-filter:blur(5px)}
#rys-welcome .stripe{height:6px;background:linear-gradient(90deg,#00a6cf 0 25%,#e32b8d 25% 50%,#f5cf36 50% 75%,#183348 75%)}
#rys-welcome .premium-scene{height:calc(35vh - 3px);height:calc(35dvh - 3px);min-height:160px;position:relative;overflow:hidden}
#rys-welcome .premium-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}
#rys-welcome .premium-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07182e,transparent 32%);pointer-events:none}
#rys-welcome .premium-logo{position:absolute;top:12px;left:18px;width:190px;max-width:35%;height:75px;object-fit:contain;z-index:2}
#rys-welcome .premium-mascot{position:absolute;left:25%;bottom:0;width:50%;height:94%;object-fit:contain;z-index:1;filter:drop-shadow(0 12px 16px #0008)}
#rys-welcome .premium-copy{min-height:calc(35vh - 3px);min-height:calc(35dvh - 3px);padding:8px 24px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#rys-welcome .eyebrow{color:#71d5ec;font-size:11px;letter-spacing:2px;font-weight:800}
#rys-welcome h2{font-size:clamp(23px,3.8vw,33px);line-height:1.2;margin:12px 0;color:inherit}
#rys-welcome p{margin:10px auto 18px;color:#c7d8e6}
#rys-welcome button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:14px 22px;font-weight:700}
#rys-welcome button:focus-visible{outline:3px solid #e62988;outline-offset:4px}
#rys-welcome .primary{width:auto;min-width:0;max-width:100%;background:#87def0;color:#09243d}
#rys-welcome .secondary{display:block;width:auto;margin:8px auto 2px;color:#ccddeb;padding:8px 18px;background:transparent;font-size:14px}
#rys-welcome small{display:block;color:#a6b9cb;font-size:11px}
#rys-welcome .close{position:absolute;right:10px;top:14px;padding:0;width:44px;height:44px;border-radius:50%;z-index:5;background:#0e2747;color:white;border:1px solid #6084a2;font-size:27px}
@media(max-width:600px){#rys-welcome .premium-logo{width:130px;height:54px;top:8px;left:10px}#rys-welcome .premium-mascot{height:82%}#rys-welcome .premium-copy{padding:8px 12px 18px}#rys-welcome h2{font-size:clamp(18px,4.4vw,24px)}#rys-welcome .premium-background{object-fit:contain}#rys-welcome small{overflow-wrap:anywhere}}
@media(max-height:650px){#rys-welcome h2{font-size:23px}#rys-welcome p{margin:8px auto}#rys-welcome .premium-logo{width:130px;height:55px}}
@media(prefers-reduced-motion:no-preference){#rys-welcome[open]{animation:rys-welcome-enter .28s ease-out}@keyframes rys-welcome-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}