/* Ready 2 Work: amarillo de obra sobre negro. Los botones llevan texto oscuro (el blanco sobre amarillo no se lee). */
h1, h2, .mw-eyebrow { font-family: var(--wp--preset--font-family--barlow); letter-spacing: .01em; }
h1 { font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.02; }
h2 { font-size: clamp(1.9rem, 4vw, 2.7rem); line-height: 1.08; }
.mw-btn { background: #FAC812; color: #1C1C1C; }
.mw-btn:hover { background: #FAAE11; color: #1C1C1C; }
.mw-btn--sec { background: transparent; color: #1C1C1C; border-color: #CFCFCF; }
.mw-btn--sec:hover { background: #F4F4F4; color: #1C1C1C; }
.mw-btn--claro { background: #FAC812; color: #1C1C1C; }
.mw-btn--claro:hover { background: #fff; color: #1C1C1C; }
.mw-heroe { background: radial-gradient(900px 500px at 90% -20%, rgba(250,200,18,.22), transparent 60%), radial-gradient(700px 400px at -10% 120%, rgba(250,174,17,.12), transparent 60%), #1C1C1C; }
.mw-heroe h1 em { color: #FAC812; }
.mw-seccion--marino, .mw-cabecera-pagina { background: #1C1C1C; }
.mw-pie { background: #141414; }
.mw-icono { background: rgba(250,200,18,.18); color: #1C1C1C; }
.mw-dolor { border-left-color: #FAC812; }
.mw-lista li::before { background-color: #FAC812; }
.mw-ciclo li::before { color: #FAC812; }
/* Vídeo de presentación */
.r2w-video { position: relative; max-width: 960px; margin-inline: auto; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.35); background: #000; }
.r2w-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
/* Lo que no hace */
.r2w-no { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .7rem; }
.r2w-no li { position: relative; padding-left: 1.9rem; }
.r2w-no li::before { content: "✕"; position: absolute; left: 0; top: 0; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #1C1C1C; color: #FAC812; font-size: .75rem; display: grid; place-items: center; font-weight: 700; }
/* Insignias de las tiendas */
.r2w-tiendas { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1rem; }
.r2w-tiendas a { display: inline-flex; align-items: center; gap: .6rem; padding: .6rem 1rem; border-radius: 12px; background: #1C1C1C; color: #fff; text-decoration: none; font-weight: 700; line-height: 1.15; }
.r2w-tiendas a small { display: block; font-weight: 400; font-size: .72rem; opacity: .8; }
.r2w-tiendas a:hover { background: #333; color: #fff; }
.r2w-app { display: grid; grid-template-columns: 96px 1fr; gap: 1.25rem; align-items: start; }
.r2w-app img { width: 96px; height: 96px; }