/* @cpi 2026-09-26 18:00: guía pública con la identidad azul y marfil de UsuDominó. */
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183144;background:#f7f5ec}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #b98b42;outline-offset:4px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,5vw,5rem);background:#fffdf7;border-bottom:1px solid #dcd7c8}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.35rem;font-weight:700;letter-spacing:.08em;color:#102b49}.brand img{object-fit:contain}.play-link,.primary{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;border-radius:999px}.play-link{color:#104375}.primary{background:#153c64;color:#fff;padding:.85rem 1.3rem;box-shadow:0 8px 24px #102f5550}.primary:hover,.primary:focus-visible{background:#0e2d50}main{max-width:1200px;margin:auto;padding:0 clamp(1rem,4vw,3rem)}section{margin:4rem 0}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px, .7fr);align-items:center;gap:2rem;min-height:430px;margin-top:2rem;padding:clamp(2rem,5vw,4rem);border-radius:30px;background:radial-gradient(circle at 80% 25%,#dbe8e9,transparent 45%),linear-gradient(135deg,#e9f0ef,#f8f3e4);border:1px solid #dce4df}.hero img{width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 16px 22px #0c31553b)}.eyebrow{color:#9a733b;font-size:.76rem;letter-spacing:.18em;font-weight:800}h1,h2,h3{font-family:Georgia,serif;color:#12314b}h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.08;margin:.35em 0}h1 em{color:#1b6b8d;font-weight:400}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;margin:.3em 0 .6em}h3{font-size:1.42rem;margin:.55rem 0}p,li{line-height:1.65;font-size:1.05rem}.hero p:not(.eyebrow){max-width:660px;margin-bottom:2rem}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;padding:0}.steps li,.mode-grid article{background:#fffdf8;border:1px solid #e3e0d6;border-radius:20px;padding:1.4rem;box-shadow:0 8px 25px #15395b0d}.steps li::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#173b61;color:#fff;font-weight:800;margin-bottom:.8rem}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.7rem}.mode-grid article img{width:58px;height:58px}.mode-grid article p{margin-bottom:0}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:2rem;border-radius:26px;background:#eaf0ef}.final-cta{text-align:center;padding:2.5rem;background:#15354f;color:#fff;border-radius:26px}.final-cta h2{color:#fff}.final-cta p{margin-bottom:1.7rem}.final-cta .primary{background:#f4d997;color:#183144}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;background:#fffdf7;border-top:1px solid #dcd7c8}footer a{font-size:.95rem}@media(max-width:750px){.hero,.details{grid-template-columns:1fr}.hero img{max-width:210px;justify-self:center}.steps,.mode-grid{grid-template-columns:1fr 1fr}section{margin:2.5rem 0}}@media(max-width:500px){.steps,.mode-grid{grid-template-columns:1fr}.brand{font-size:1rem}.brand img{width:42px;height:42px}.hero{padding:1.5rem}}