:root{--y-primary:#D43A32;--y-secondary:#4A0909;--y-text:#FFF4EA;--y-accent:#D9A441;--y-bg:#780D0C;--y-surface:#921B18;--y-border:#B33A35;--y-shadow:0 18px 45px rgba(45,2,2,.28)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;background:var(--y-bg);color:var(--y-text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}
main,section,article,figure,img,a,button,h1,h2,h3,p,figcaption{max-width:100%}
h1,h2,h3,p,a,button,figcaption{overflow-wrap:anywhere;word-break:normal;white-space:normal}
a{color:var(--y-text)}
strong{font-weight:800;color:#fff}
.yyds-inicio-e{width:100%;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(217,164,65,.18),transparent 28%),linear-gradient(180deg,var(--y-bg),var(--y-secondary));padding:clamp(18px,3vw,42px)}
.yyds-inicio-e>section{width:min(1180px,100%);margin:0 auto clamp(26px,5vw,64px)}
.yyds-inicio-e h1,.yyds-inicio-e h2,.yyds-inicio-e h3{line-height:1.16;margin-top:0;letter-spacing:-.025em}
.yyds-inicio-e h1{font-size:clamp(2.15rem,5vw,4.8rem);margin-bottom:20px}
.yyds-inicio-e h2{font-size:clamp(1.65rem,3.4vw,2.8rem);margin-bottom:16px}
.yyds-inicio-e h3{font-size:clamp(1.08rem,2vw,1.38rem);margin-bottom:10px}
.yyds-inicio-e p{margin:0 0 16px;color:rgba(255,244,234,.9)}
.yyds-inicio-e-apertura{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(24px,5vw,58px);align-items:center;padding:clamp(22px,4vw,58px);border:1px solid var(--y-border);border-radius:28px;background:linear-gradient(135deg,rgba(74,9,9,.94),rgba(146,27,24,.84));box-shadow:var(--y-shadow)}
.yyds-inicio-e-apertura-copy,.yyds-inicio-e-apertura-visual,.yyds-inicio-e-lado-copy,.yyds-inicio-e-lado-visual,.yyds-inicio-e-tarjeta,.yyds-inicio-e-lista>li,.yyds-inicio-e-acciones>*{min-width:0}
.yyds-inicio-e-apertura-visual,.yyds-inicio-e-lado-visual{margin:0;overflow:hidden;border-radius:22px;border:1px solid var(--y-border);background:var(--y-secondary)}
.yyds-inicio-e img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
.yyds-inicio-e-apertura-visual img{aspect-ratio:16/9}
.yyds-inicio-e figcaption{padding:10px 14px;color:rgba(255,244,234,.78);font-size:.9rem}
.yyds-inicio-e-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.yyds-inicio-e-boton,.yyds-inicio-e-enlace{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.yyds-inicio-e-boton{background:var(--y-primary);color:#fff}
.yyds-inicio-e-boton:hover,.yyds-inicio-e-boton:focus-visible{background:#b92f29;color:#fff;transform:translateY(-2px)}
.yyds-inicio-e-enlace{border-color:var(--y-accent);background:rgba(74,9,9,.65);color:var(--y-text)}
.yyds-inicio-e-enlace:hover,.yyds-inicio-e-enlace:focus-visible{background:var(--y-accent);color:var(--y-secondary)}
.yyds-inicio-e-encabezado{width:min(780px,100%);margin-bottom:24px}
.yyds-inicio-e-tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yyds-inicio-e-tarjeta{padding:24px;border:1px solid var(--y-border);border-radius:18px;background:linear-gradient(145deg,rgba(146,27,24,.96),rgba(74,9,9,.88));box-shadow:0 12px 28px rgba(45,2,2,.18)}
.yyds-inicio-e-tarjeta a:not(.yyds-inicio-e-boton){font-weight:750;text-decoration-color:var(--y-accent);text-underline-offset:4px}
.yyds-inicio-e-doble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(20px,4vw,42px);border-radius:24px;background:rgba(146,27,24,.54);border:1px solid var(--y-border)}
.yyds-inicio-e-lado-visual img{aspect-ratio:4/3}
.yyds-inicio-e img[src$="inicio-casino-welcome.webp"]{aspect-ratio:16/9}
.yyds-inicio-e img[src$="popular-games-mexico.webp"]{aspect-ratio:4/3}
.yyds-inicio-e img[src$="mobile-weekend-play.webp"]{aspect-ratio:9/16}
.yyds-inicio-e img[src$="welcome-bonus-casino.webp"]{aspect-ratio:16/9}
.yyds-inicio-e-lista{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.yyds-inicio-e-lista>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px;border:1px solid var(--y-border);border-radius:18px;background:rgba(74,9,9,.66)}
.yyds-inicio-e-icono{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--y-primary);font-size:1.25rem}
.yyds-inicio-e-preguntas details{border:1px solid var(--y-border);border-radius:14px;background:rgba(74,9,9,.72);padding:0 18px;margin-bottom:12px}
.yyds-inicio-e-preguntas summary{cursor:pointer;font-weight:800;padding:17px 0;color:#fff}
.yyds-inicio-e-preguntas details p{padding:0 0 6px}
.yyds-inicio-e-cierre{text-align:center;padding:clamp(28px,6vw,68px);border-radius:26px;border:1px solid var(--y-accent);background:linear-gradient(135deg,var(--y-primary),var(--y-secondary));box-shadow:var(--y-shadow)}
.yyds-inicio-e-cierre p{width:min(720px,100%);margin:0 auto 18px}
.yyds-inicio-e-cierre .yyds-inicio-e-acciones{justify-content:center}
.yyds-inicio-e table{width:100%;border-collapse:collapse;border:1px solid var(--y-border);background:rgba(74,9,9,.72)}
.yyds-inicio-e th,.yyds-inicio-e td{padding:14px;text-align:left;vertical-align:top;border:1px solid var(--y-border);min-width:0}
.yyds-inicio-e th{background:var(--y-primary);color:#fff}
.yyds-inicio-e-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:900px){.yyds-inicio-e-apertura,.yyds-inicio-e-doble{grid-template-columns:1fr}.yyds-inicio-e-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.yyds-inicio-e{padding:14px}.yyds-inicio-e>section{margin-bottom:30px}.yyds-inicio-e h1{font-size:2.05rem}.yyds-inicio-e h2{font-size:1.55rem}.yyds-inicio-e h3{font-size:1.08rem}.yyds-inicio-e-apertura,.yyds-inicio-e-doble{padding:18px;gap:18px;border-radius:18px}.yyds-inicio-e-tarjetas,.yyds-inicio-e-selector{grid-template-columns:1fr;gap:12px}.yyds-inicio-e-tarjeta,.yyds-inicio-e-lista>li{padding:17px}.yyds-inicio-e-lista>li{grid-template-columns:1fr}.yyds-inicio-e-acciones{gap:10px}.yyds-inicio-e-boton,.yyds-inicio-e-enlace,.yyds-inicio-e-acciones a,.yyds-inicio-e-acciones button{width:100%;max-width:100%}.yyds-inicio-e table,.yyds-inicio-e tbody,.yyds-inicio-e tr,.yyds-inicio-e th,.yyds-inicio-e td{display:block;width:100%}.yyds-inicio-e thead{display:none}.yyds-inicio-e td{border-width:0 0 1px}.yyds-inicio-e-cierre{padding:28px 18px}}
