/*
Theme Name: Tuzoca TT5
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five para el blog de Tuzoca (https://tuzoca.es/blog/). Lleva el diseño propio del blog: plantillas, cabecera, pie, lateral, paleta y tipografía. El pie legal, los sellos, el banner del lateral, el formulario «Suscríbete», el botón de cookies y las franjas «+18» los pone el plugin tuzoca-ajustes.
Version: 1.1.1
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Author: Tuzoca
Text Domain: tuzoca-tt5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* La capa «CSS del hijo» de la maqueta «tt5», pasada al
   marcado real de WordPress. Reglas de la traducción:
   - la raíz .mq de la maqueta es body («body .x»); en las reglas que solo llevan etiquetas («.mq p»), :root, que pesa lo mismo que .mq y
     así sigue ganando a los estilos globales de theme.json (:root :where(…));
   - los 17 interruptores de la maqueta están todos encendidos: sus reglas («.mq.var-…») van sin
     interruptor, con «:root body», que pesa una clase más que «body», como .mq.var-… frente a .mq; los elementos que con todo encendido no
     se ven nunca no se pintan (las migas del lateral, «Afiliados» en el menú, el «0» de comentarios, el logo de hoy en la cabecera);
   - [data-plantilla=listado] es body:is(.blog,.archive,.search) y [data-plantilla=entrada], body.single;
   - @container maqueta (…) es @media (…) con los mismos cortes;
   - las clases mq-* son la «Clase CSS adicional» (className) que las plantillas y partes del tema ponen a cada bloque;
   - lo que la maqueta marcaba con clases de pintado sacadas del contenido (mq-may, mq-no-m…) va aquí en reglas con nombre;
   - lo que pinta el plugin (banner, sellos, pie legal, Suscríbete, botón de cookies) lleva una caja del tema (grupo con su clase mq-*) y,
     dentro, el HTML de hoy con sus clases de hoy (tz-legal-seals, tz-seal-*, wpcf7-*, tz-cookies-*). */

/* ====== Variables de la selección ====== */
:root{--mq-fondo:#112219;--mq-carcasa:#0A1C13;--mq-blanco:#FFFFFF;--mq-sup1:#172C21;--mq-sup2:#1C3026;--mq-banda:#01472A;--mq-sellos:#0C1C14;--mq-t1:#F3EFE4;--mq-t2:#E6EAE5;--mq-t3:#A7B4AC;--mq-dorado:#D4AF36;--mq-dorado-claro:#FFE783;--mq-magenta:#971968;--mq-magenta-hover:#C0287A;--mq-borde:rgba(255,255,255,.08);--mq-borde-campo:#A7B4AC}

/* ====== Base ====== */
body{overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box}
body *,body *::before,body *::after{box-sizing:border-box}
:root img{max-width:100%;height:auto}
:root a{text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s,border-color .15s,background-color .15s}
:root a:hover{color:var(--mq-dorado)}
:root :focus-visible{outline:3px solid var(--mq-dorado-claro);outline-offset:2px}
:root p{margin:0}
:root h1,:root h2,:root h3,:root h4{margin:0}
/* TT5 pone text-wrap: pretty en titulares y párrafos (su style.css): cambia los cortes de línea respecto a la selección; el hijo deja el
   corte normal (quitar esta línea devuelve el de TT5) */
:root h1,:root h2,:root h3,:root h4,:root h5,:root h6,:root blockquote,:root caption,:root figcaption,:root p{text-wrap:wrap}
:root button,:root input{font:inherit}
@media (prefers-reduced-motion:reduce){body *,body *::before,body *::after{transition:none!important}}

/* La rejilla de hoy (720 · 940 · 1140 px de contenido desde 768 · 992 · 1200 px) en vez del padding fijo (theme.json: 15 px): así el
   slider y el banner miden lo que hoy. .wp-site-blocks es contenedor de consulta: 100cqw es su ancho, sin la barra de desplazamiento
   (como el .container de Bootstrap de hoy). Necesita CSS del hijo: theme.json solo admite un padding raíz */
.wp-site-blocks{container-type:inline-size}
@media (min-width:768px){:root body{--wp--style--root--padding-right:calc((100cqw - 720px) / 2);--wp--style--root--padding-left:calc((100cqw - 720px) / 2)}}
@media (min-width:992px){:root body{--wp--style--root--padding-right:calc((100cqw - 940px) / 2);--wp--style--root--padding-left:calc((100cqw - 940px) / 2)}}
@media (min-width:1200px){:root body{--wp--style--root--padding-right:15px;--wp--style--root--padding-left:15px}}
/* sin el hueco de 1.2rem de TT5 entre la cabecera, el contenido y el pie (las plantillas ponen margin-top:0 en <main>) */
body .wp-site-blocks > *{margin-block-start:0}
body .mq-principal > *{margin-block-start:0}
/* la etiqueta oculta del bloque Buscar: search/style.css le da width:100% después de common.css, y con position:absolute desborda la
   página (invisible); el hijo le devuelve el 1 px de .screen-reader-text */
body .wp-block-search__label.screen-reader-text{width:1px}

/* ====== Botones (EL-04): primario solo REGÍSTRATE; secundarios (Buscar, Seguir leyendo, Enviar, Volver al inicio) de contorno dorado,
   44 px, radio 4 ====== */
body .wp-block-search__button,body .wp-block-post-excerpt__more-link,body .mq-suscribete .wpcf7-submit,body .mq-volver .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:4px;font:600 14px/16px Poppins,sans-serif;text-decoration:none;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}
body .wp-block-search__button,body .wp-block-post-excerpt__more-link,body .mq-suscribete .wpcf7-submit,body .mq-volver .wp-block-button__link{border:1.5px solid var(--mq-dorado);background:transparent;color:var(--mq-dorado)}
body .wp-block-search__button:hover,body .wp-block-post-excerpt__more-link:hover,body .mq-suscribete .wpcf7-submit:hover,body .mq-volver .wp-block-button__link:hover{border-color:var(--mq-dorado-claro);color:var(--mq-dorado-claro);background:transparent}
body .wp-block-post-excerpt__more-link,body .mq-volver .wp-block-button__link{text-transform:uppercase}   /* «SEGUIR LEYENDO» y «VOLVER AL INICIO», pintados como hoy */
/* boton-dorado (EL-23): los secundarios con el degradado dorado y texto #112219 (9,55:1) */
:root body .wp-block-search__button,:root body .wp-block-post-excerpt__more-link,:root body .mq-suscribete .wpcf7-submit,:root body .mq-volver .wp-block-button__link,:root body .mq-paginacion .page-numbers.current{border-color:transparent;background:linear-gradient(180deg,#E2C25B,#D4AF36);color:#112219}
:root body .wp-block-search__button:hover,:root body .wp-block-post-excerpt__more-link:hover,:root body .mq-suscribete .wpcf7-submit:hover,:root body .mq-volver .wp-block-button__link:hover{border-color:transparent;background:#FFE783;color:#112219}
:root body .mq-suscribete .wpcf7-submit:disabled,:root body .mq-suscribete .wpcf7-submit:disabled:hover{color:var(--mq-t3);background:var(--mq-sup2);border-color:var(--mq-sup2);cursor:not-allowed}
body .mq-suscribete .wpcf7-email,body .wp-block-search__input{height:44px;padding:0 14px;border:1px solid var(--mq-borde-campo);border-radius:4px;background:var(--mq-sup1);color:var(--mq-t1);font:400 15px/22px Poppins,sans-serif;min-width:0}
body .mq-suscribete .wpcf7-email::placeholder,body .wp-block-search__input::placeholder{color:var(--mq-t3);opacity:1}

/* ====== Cabecera (EL-05): parte «header». Barra #0A1C13 con una raya neutra de 1 px; 64 px en móvil, 72 en tableta y escritorio, en UNA
   fila: menú (bloque Navegación), logo, lupa (bloque Buscar, solo botón con icono), ACCEDER y REGÍSTRATE (bloque
   Botones). Por debajo de 600 px el núcleo pliega el menú en su botón (con «icon»: «menu», el icono de tres barras; abre a pantalla
   completa); de 600 a 1199 px lo pliega este CSS. Plegado, el botón va el primero, a la izquierda, y luego el logo (la Navegación va antes
   que el logo en la parte); desplegado (desde 1200 px), el menú va tras el logo con «order» ====== */
body .mq-cabecera{background:var(--mq-carcasa);box-shadow:inset 0 -1px 0 var(--mq-borde)}
body .mq-cabecera-interior{flex-wrap:nowrap;gap:8px 12px;min-height:64px;padding-top:10px;padding-bottom:10px}
/* el logo (bloque Imagen del patrón tuzoca-tt5/logo-cabecera): el oficial «Uso WEB» en la caja de hoy (160 × 39 en móvil, 200 × 49 desde
   768 px), con object-fit: contain (logo-web) */
body .mq-logo{flex:0 1 160px;min-width:0;margin:0 auto 0 0;line-height:0;order:1}
body .mq-logo a{display:block}
body .mq-logo img{display:block;width:100%;max-width:160px;height:39px;object-fit:contain;object-position:left center}
/* el botón de abrir del núcleo, con el tamaño táctil de la selección (44 × 44; el icono es el del núcleo) */
body .mq-menu .wp-block-navigation__responsive-container-open{width:44px;height:44px;justify-content:center;align-items:center;border-radius:4px;color:var(--mq-t1)}
body nav.mq-menu{flex:none;min-width:0;order:0}   /* nav.: la lista (ul) también lleva mq-menu, como pone el núcleo */
body .mq-menu .wp-block-navigation__container{flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0 24px;margin:0}
body .mq-menu .wp-block-navigation-item__content{display:inline-block;padding:7px 0;border-bottom:2px solid transparent;color:var(--mq-t1);font:500 13px/16px Poppins,sans-serif;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color .15s,border-color .15s}
body .mq-menu .wp-block-navigation-item__content:hover,body .mq-menu .current-menu-item > .wp-block-navigation-item__content{border-bottom-color:var(--mq-dorado)}
/* REGÍSTRATE (el del menú y el de la barra) y ACCEDER (EL-33), botones de 44 px y radio 4: REGÍSTRATE primario #971968; ACCEDER con el
   degradado dorado del casino y texto #112219. theme.json solo da un estilo de botón para todos: los dos van aquí */
body .mq-botones-cabecera{flex:none;flex-wrap:nowrap;gap:8px;order:4}
body .mq-botones-cabecera > .wp-block-button{margin:0}
body .mq-menu .mq-menu-boton > .wp-block-navigation-item__content,body .mq-botones-cabecera .wp-block-button__link{display:inline-flex;align-items:center;height:44px;min-height:44px;padding:0 16px;border:0;border-radius:4px;background:var(--mq-magenta);color:#fff;font:600 14px/16px Poppins,sans-serif;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:background-color .15s}
body .mq-menu .mq-menu-boton > .wp-block-navigation-item__content:hover,body .mq-botones-cabecera .wp-block-button__link:hover{background:var(--mq-magenta-hover);color:#fff}
body .mq-botones-cabecera .mq-acceder .wp-block-button__link{background:linear-gradient(180deg,#E2C25B,#D4AF36);color:#112219}
body .mq-botones-cabecera .mq-acceder .wp-block-button__link:hover{background:#FFE783;color:#112219}
/* boton-casino (C-07): REGÍSTRATE con el degradado magenta del casino */
:root body .mq-menu .mq-menu-boton > .wp-block-navigation-item__content,:root body .mq-registrate-barra .wp-block-button__link{background:linear-gradient(180deg,#C0287A,#971968)}
:root body .mq-menu .mq-menu-boton > .wp-block-navigation-item__content:hover,:root body .mq-registrate-barra .wp-block-button__link:hover{background:linear-gradient(180deg,#B0246F,#8A175F)}
/* registrate-visible (C-01): la copia de REGÍSTRATE de la barra se ve siempre; desde 992 px sale del menú */
@media (min-width:992px){:root body .mq-menu .mq-menu-boton{display:none}}
/* la lupa (EL-30): bloque Buscar con buttonPosition «button-only» y buttonUseIcon; círculo de 44 px #143925 con borde sutil y la lupa del
   núcleo en blanco, de unos 18 px; el campo sigue oculto (wp-block-search__searchfield-hidden). En móvil no se ve: el buscador sigue en
   el lateral (buscador-cabecera) */
body .mq-buscador-cabecera{display:none;flex:none;order:3}
body .mq-buscador-cabecera .wp-block-search__inside-wrapper{min-width:0}
body .mq-buscador-cabecera .wp-block-search__button.has-icon{width:44px;height:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#143925;color:#FFFFFF;align-items:center;justify-content:center}
body .mq-buscador-cabecera .wp-block-search__button.has-icon:hover{border-color:var(--mq-dorado-claro);background:#1C4A33;color:#FFFFFF}
body .mq-buscador-cabecera .wp-block-search__button svg{width:28px;height:28px;min-width:28px;min-height:28px}   /* el trazo de la lupa del núcleo ocupa unos 2/3 de su caja: 28 px de caja ≈ 18 px de lupa */
@media (min-width:768px){
:root body .mq-buscador-cabecera{display:block}
:root body .mq-buscador-lateral{display:none}
}
/* móvil: el botón del menú, el logo, ACCEDER y REGÍSTRATE en una fila de 64 px de 320 a 767 px: botones a 12 px con 10 de relleno y 6 px
   entre todo (por debajo de 390 px, 8 de relleno y 4 entre todo); el logo encoge lo que haga falta (EL-33) */
@media (max-width:767px){
body .mq-cabecera-interior{column-gap:6px}
body .mq-botones-cabecera{gap:6px}
body .mq-botones-cabecera .wp-block-button__link{padding:0 10px;font-size:12px}
}
@media (max-width:389px){
body .mq-cabecera-interior{column-gap:4px}
body .mq-botones-cabecera{gap:4px}
body .mq-botones-cabecera .wp-block-button__link{padding:0 8px}
}
@media (min-width:768px){
body .mq-logo{flex:none;width:200px}   /* desde tableta el logo no encoge */
body .mq-logo img{max-width:200px;height:49px}
body .mq-cabecera-interior{min-height:72px;padding-top:11.5px;padding-bottom:11.5px;column-gap:16px}
}
/* desde 600 px el núcleo enseña la lista: va tras el logo, a la derecha, y se parte en dos líneas si no cabe */
@media (min-width:600px){body nav.mq-menu{flex:1 1 auto;order:2}}
/* Menú plegado en tableta y de 992 a 1199 px: el núcleo solo pliega el menú por debajo de 600 px; de 600 a 1199
   px lo pliega este CSS (se ve el botón de abrir del núcleo y se oculta el contenedor; al pulsar, el núcleo abre su capa a pantalla
   completa). Gana al núcleo por especificidad, no por orden */
@media (min-width:600px) and (max-width:991px){
:root body nav.mq-menu .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
:root body nav.mq-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
:root body nav.mq-menu{flex:none;order:0}
}
@media (min-width:768px) and (max-width:991px){
:root body .mq-cabecera-interior{min-height:72px;padding-top:11.5px;padding-bottom:11.5px}
}
@media (min-width:992px) and (max-width:1199px){
body nav.mq-menu .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
body nav.mq-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
body nav.mq-menu{flex:none;order:0}
}
/* desde 1200 px, el menú entero en una fila: enlaces a 12 px con 16 entre ellos y los botones a 14 px de relleno; si algo no cabe, el
   menú parte en 2 líneas y nunca pisa el logo */
@media (min-width:1200px){
body .mq-cabecera-interior{column-gap:8px}
body nav.mq-menu{margin-right:16px}
body .mq-menu .wp-block-navigation__container{gap:0 16px}
body .mq-menu .wp-block-navigation-item__content{font-size:12px}
body .mq-botones-cabecera .wp-block-button__link{padding:0 14px}
}

/* ====== Contenido ====== */
body .mq-principal{padding-bottom:56px}
@media (min-width:768px){body .mq-principal{padding-bottom:72px}}

/* Portada: la cabeza (EL-12), un grupo a todo el ancho con el degradado: título, lema y el slider (salida del shortcode de Smart Slider, en
   su caja mq-slider); slider-en-cabeza (EL-28) lo pone el primero con «order» (en el HTML sigue tras el título, como hoy) */
body .mq-cabeza{background:linear-gradient(180deg,#15442C,#112219)}
body .mq-cabeza-interior{gap:0}
body .mq-titulo-portada{padding-top:28px}
body .mq-titulo-portada h1{color:var(--mq-blanco);font-size:30px;line-height:36px}
body .mq-lema{margin:8px auto 0;max-width:720px;color:var(--mq-t2);font-size:16px;line-height:24px}
body .mq-slider{margin-top:24px}
@media (min-width:768px){body .mq-titulo-portada{padding-top:40px}body .mq-titulo-portada h1{font-size:36px;line-height:44px}body .mq-lema{font-size:17px;line-height:26px}}
@media (min-width:992px){body .mq-titulo-portada{padding-top:48px}body .mq-titulo-portada h1{font-size:40px;line-height:48px}body .mq-lema{font-size:18px;line-height:28px}}
:root body .mq-cabeza{padding-top:24px;padding-bottom:8px}
:root body .mq-slider{order:-1;margin-top:0}
:root body .mq-titulo-portada{padding-top:12px}
@media (min-width:768px){:root body .mq-cabeza{padding-bottom:16px}:root body .mq-titulo-portada{padding-top:16px}}

/* Fichas de categorías (EL-16, fichas-categorias): el bloque Categorías sin número, como fichas de contorno (radio 4, 44 px) */
body .mq-fichas-categorias{display:flex;list-style:none;margin-top:24px;padding:0;flex-wrap:wrap;justify-content:center;gap:8px}
body .mq-fichas-categorias a,body .mq-etiquetas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--mq-dorado);border-radius:4px;color:var(--mq-dorado);font:500 13px/16px Poppins,sans-serif;text-decoration:none;white-space:nowrap}
body .mq-fichas-categorias a:hover,body .mq-etiquetas a:hover{border-color:var(--mq-dorado-claro);color:var(--mq-dorado-claro)}

/* Tarjeta única (EL-03): un grupo dentro de cada entrada del bucle; superficie #172C21, borde, radio 12, relleno 16/20; hover #1C3026 */
body .wp-block-post-template{list-style:none;margin:0;padding:0}
body .mq-tarjeta{display:flex;flex-direction:column;height:100%;margin:0;background:var(--mq-sup1);border:1px solid var(--mq-borde);border-radius:12px;overflow:hidden;transition:background-color .15s}
body .mq-tarjeta > *{margin:0}
body .mq-tarjeta:hover{background:var(--mq-sup2)}
body .mq-tarjeta > .wp-block-post-featured-image{align-self:stretch;margin:-1px -1px 0;line-height:0}
body .mq-tarjeta .wp-block-post-featured-image > a{display:block;line-height:0;border-radius:12px 12px 0 0}   /* el enlace de la imagen (el plugin le pone tzc-miniatura-enlace y la franja) */
body .mq-tarjeta .wp-block-post-featured-image > a:focus-visible{outline-offset:-4px}
body .mq-tarjeta .wp-post-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
body .mq-tarjeta-cuerpo{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:16px}
body .mq-tarjeta-cuerpo > *{margin:0}
body .mq-tarjeta-cuerpo > .mq-tarjeta-pie{gap:6px 18px;margin-top:auto;padding-top:10px;border-top:1px solid var(--mq-borde)}
body .mq-fecha,body .mq-autor,body .mq-meta{color:var(--mq-t3);font-size:13px;line-height:20px}
/* el rótulo de las tarjetas de sección: hoy el tema imprime el slug de la categoría del bloque, sin enlace y en mayúsculas */
body .mq-categoria{color:var(--mq-dorado-claro);font-size:13px;line-height:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body .mq-titulo-tarjeta{font-size:20px;line-height:28px}
body .mq-titulo-tarjeta a{color:var(--mq-blanco);text-decoration:none}   /* EL-13: títulos de las tarjetas en blanco; hover #FFE783 */
body .mq-titulo-tarjeta a:hover,body .mq-tarjeta:hover .mq-titulo-tarjeta a{color:var(--mq-dorado-claro)}
body .mq-autor a{color:var(--mq-t3);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
body .mq-autor a:hover{color:var(--mq-t2)}
body .mq-autor a::before{content:"";flex:none;width:12px;height:12px;background:radial-gradient(circle at 50% 30%,currentColor 2.6px,transparent 3.2px),radial-gradient(ellipse 50% 40% at 50% 100%,currentColor 97%,transparent 100%)}
body .mq-meta .mq-fecha{display:inline-flex;align-items:center;gap:6px}
body .mq-meta .mq-fecha::before{content:"";flex:none;width:12px;height:12px;border:1.5px solid currentColor;border-top-width:3.5px;border-radius:2px}
body .mq-meta .mq-categorias a{display:inline-flex;align-items:center;gap:6px}
body .mq-meta .mq-categorias a:first-child::before{content:"";flex:none;width:11px;height:8px;background:radial-gradient(circle at 27% 50%,transparent 1.2px,currentColor 1.7px);clip-path:polygon(36% 0,100% 0,100% 100%,36% 100%,0 50%);transform:rotate(45deg)}
@media (min-width:768px){body .mq-tarjeta-cuerpo{padding:20px}}

/* Portada: las 5 destacadas en dos columnas del núcleo (apiladas en móvil, 470 + 226 en tableta, 7/12 · 5/12 desde 992 px, EL-07), y las
   tarjetas se estiran para acabar a la vez; la fecha, solo en escritorio, como hoy */
body .mq-destacadas{margin-top:40px}
body .mq-lista-destacadas{display:flex;flex-direction:column;gap:16px}
body .mq-lista-destacadas > li{margin:0}
@media (max-width:991px){body .mq-tarjeta-destacada .mq-fecha{display:none}}
@media (min-width:768px){body .mq-destacadas{margin-top:48px}body .mq-lista-destacadas{gap:24px}body .mq-columna-2-3 .mq-titulo-tarjeta{font-size:24px;line-height:32px}}
/* RT-01: Columnas lleva isStackedOnMobile: false (clase is-not-stacked-on-mobile); el hijo las apila por debajo de 768 px y en tableta deja
   la columna ancha de 470 px y la estrecha con el resto (226) */
@media (max-width:767px){
body .mq-destacadas.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:wrap!important;row-gap:16px}
body .mq-destacadas.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column{flex-basis:100%!important}
}
@media (min-width:768px) and (max-width:991px){
body .mq-destacadas.wp-block-columns{align-items:flex-start!important}
body .mq-destacadas.wp-block-columns.is-not-stacked-on-mobile > .mq-columna-2-3{flex-basis:470px!important;flex-grow:0}
body .mq-destacadas.wp-block-columns.is-not-stacked-on-mobile > .mq-columna-1-3{flex-basis:0!important;flex-grow:1}
body .mq-columna-1-3 .mq-tarjeta .wp-post-image{aspect-ratio:8/7}
body .mq-columna-1-3 .mq-tarjeta-cuerpo{padding:16px}
}
@media (min-width:992px){
body .mq-destacadas{margin-top:56px}
body .mq-destacadas > .wp-block-column{display:flex;flex-direction:column}
body .mq-destacadas .wp-block-query{display:flex;flex-direction:column;flex:1 1 auto}
body .mq-lista-destacadas{flex:1 1 auto}
body .mq-lista-destacadas > li{flex:1 1 auto;display:flex;flex-direction:column}
body .mq-lista-destacadas .mq-tarjeta{flex:1 1 auto}
body .mq-columna-2-3 .mq-titulo-tarjeta{font-size:26px;line-height:34px}
body .mq-columna-1-3 .mq-tarjeta .wp-post-image{aspect-ratio:2/1}
body .mq-columna-1-3 .mq-tarjeta-cuerpo{padding:20px}
}

/* Secciones de la portada: antetítulo (en mayúsculas, como hoy), H2 blanco (EL-14) tal como está escrito (titulos-tal-cual) con el filete
   dorado y subtítulo (en móvil no se ve, como hoy); el bucle en rejilla de 2 (una por debajo de 600 px, núcleo) */
body .mq-seccion{margin-top:40px}
body .mq-seccion > *{margin-block-start:0}
body .mq-antetitulo{color:var(--mq-dorado-claro);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body .mq-titulo-seccion{margin-top:8px;color:var(--mq-blanco);font-size:24px;line-height:30px}
body .mq-titulo-seccion::after{content:"";display:block;width:48px;height:2px;margin:14px auto 0;background:var(--mq-dorado)}
body .mq-subtitulo{max-width:720px;margin:16px auto 0;color:var(--mq-t3);font-size:16px;line-height:26px}
body .mq-seccion .mq-tarjetas{gap:16px;margin-top:24px}
@media (max-width:767px){body .mq-subtitulo{display:none}}
@media (min-width:768px){
body .mq-seccion{margin-top:56px}
body .mq-antetitulo{font-size:13px;line-height:18px}
body .mq-titulo-seccion{font-size:28px;line-height:36px}
body .mq-subtitulo{font-size:17px;line-height:27px}
body .mq-seccion .mq-tarjetas{gap:24px;margin-top:32px}
}
@media (min-width:992px){body .mq-seccion{margin-top:72px}body .mq-titulo-seccion{font-size:30px;line-height:38px}}

/* Listados (entradas, categorías, etiquetas, autor, búsqueda): banda #01472A a todo el ancho con las migas (NavXT) y el H1 blanco
   (EL-14); dos columnas del núcleo: el bucle y el lateral de 340 px (750 + 50 + 340 en escritorio, como hoy); se apilan por debajo de 782 px */
body .mq-banda{background:var(--mq-banda)}
body .mq-banda > *{margin-block-start:0}
body .mq-banda .mq-titulo-pagina{padding:28px 0;color:var(--mq-blanco);font-size:24px;line-height:30px}
@media (min-width:768px){body .mq-banda .mq-titulo-pagina{padding:30px 0;font-size:32px;line-height:40px}}
@media (min-width:992px){body .mq-banda .mq-titulo-pagina{padding:26px 0;font-size:36px;line-height:44px}}
body .mq-dos-columnas{padding-top:32px;margin-bottom:0;gap:40px}   /* el hueco de «elegida» (TT5: spacing|50, 30-50 px) */
body .mq-columna-principal{min-width:0}
@media (min-width:768px){body .mq-dos-columnas{padding-top:40px}}
@media (min-width:1200px){body .mq-dos-columnas{gap:50px}}
/* las migas sobre el contenido: el bloque de Breadcrumb NavXT (formato lista: un <span> vacío y el <ol> con las clases del bloque) en su
   caja mq-migas-arriba (migas-arriba-movil, EL-20, y migas-arriba-escritorio, EL-29: en todos los anchos; el lateral ya no las lleva) */
body .mq-migas-arriba{padding-top:20px}
body .mq-migas-arriba > *{margin-block-start:0}
body .mq-migas-arriba > span:empty{display:none}
body .mq-banda .mq-migas-arriba{padding-top:18px}
body ol.mq-migas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 8px;color:var(--mq-t3);font-size:13px;line-height:20px}
body .mq-migas li+li::before{content:"\203A";margin-right:8px}   /* «›», el separador de hoy (CSS de Coinflip para el widget de NavXT) */
body .mq-migas a{color:var(--mq-dorado);text-decoration:none}
body .mq-migas a:hover{color:var(--mq-dorado-claro);text-decoration:underline}
body .mq-banda .mq-migas{justify-content:center}
:root body .mq-banda .mq-titulo-pagina{padding-top:8px}
:root body.single .mq-dos-columnas{padding-top:20px}
@media (min-width:992px){:root body.single .mq-dos-columnas{padding-top:24px}}

/* Tarjeta del listado (EL-10): imagen a su proporción natural, título 20/22/24, metas en una línea (EL-09), extracto 15/24 y el «Seguir
   leyendo» del bloque Extracto como botón secundario */
body .mq-lista{display:flex;flex-direction:column;gap:24px}
body .mq-lista > li{margin:0}
body .mq-bucle > *{margin-block-start:0}
body .mq-entrada-lista .wp-post-image{aspect-ratio:auto}
body .mq-entrada-lista .mq-tarjeta-cuerpo{gap:10px}
body .mq-meta{gap:4px 0}
body .mq-meta>*+*::before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:50%;background:var(--mq-t3);vertical-align:middle}
body .mq-meta a{color:var(--mq-t3);text-decoration:none}
body .mq-meta .mq-categorias a{color:var(--mq-dorado)}
body .mq-meta a:hover{color:var(--mq-dorado-claro)}
body .mq-extracto{color:var(--mq-t2);font-size:15px;line-height:24px}
body .wp-block-post-excerpt__more-text{margin-top:16px}
body .mq-entrada-lista .mq-meta .mq-fecha{flex-basis:100%}
body .mq-entrada-lista .mq-meta .mq-categorias::before{content:none}
@media (min-width:768px){body .mq-entrada-lista .mq-titulo-tarjeta{font-size:22px;line-height:30px}body .mq-entrada-lista .mq-meta .mq-fecha{flex-basis:auto}body .mq-entrada-lista .mq-meta .mq-categorias::before{content:""}}
@media (min-width:992px){body .mq-entrada-lista .mq-titulo-tarjeta{font-size:24px;line-height:32px}}
/* Paginación (bloque Paginación de la consulta): anteriores, números y siguientes con 44 px táctiles; la página actual, con contorno dorado */
body .mq-paginacion{margin-top:24px;gap:8px}
body .mq-paginacion .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
body .mq-paginacion .page-numbers,body .mq-paginacion .wp-block-query-pagination-next,body .mq-paginacion .wp-block-query-pagination-previous{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0 12px;border-radius:4px;color:var(--mq-dorado);font:600 14px/16px Poppins,sans-serif;text-decoration:none}
body .mq-paginacion a:hover{color:var(--mq-dorado-claro);text-decoration:underline;text-underline-offset:4px}
body .mq-paginacion .page-numbers.current{border:1.5px solid var(--mq-dorado)}
body .mq-paginacion .page-numbers.dots{color:var(--mq-t3)}
/* Búsqueda sin resultados: los textos de hoy («No se ha encontrado nada», el buscador y «Prueba a buscar…»), con la escala del sistema */
body .mq-sin-resultados > *{margin:0}
body .mq-sin-resultados-titulo{color:var(--mq-blanco);font-size:24px;line-height:30px}
body .mq-sin-resultados .mq-buscador{margin-top:20px}
body .mq-sin-resultados-texto{margin-top:16px;color:var(--mq-t3);font-size:15px;line-height:24px}

/* Lateral: una columna del núcleo (mq-lateral, 340 px) con la parte «sidebar» (aside.mq-lateral-bloques): buscador, categorías con su
   número, recientes y el banner del plugin, en el orden de hoy; la parte se ordena con flex para banner-arriba-escritorio */
body .mq-lateral{min-width:0}
body .mq-lateral-bloques{display:flex;flex-direction:column;min-width:0}
body .mq-lateral-bloques > *{margin:0 0 28px}
body .mq-lateral-bloques > *:last-child{margin-bottom:0}
body .mq-buscador .wp-block-search__inside-wrapper{gap:8px}
body .mq-buscador .wp-block-search__input{flex:1 1 auto}
body .mq-buscador .wp-block-search__button{flex:none;margin-left:0}
body .mq-widget > *{margin-block-start:0}
body .mq-titulo-widget{padding-bottom:10px;border-bottom:1px solid var(--mq-borde);color:var(--mq-t1);font-size:14px;line-height:20px;letter-spacing:.06em;text-transform:uppercase}
body .mq-lista-lateral{list-style:none;margin:0;padding:0}
body .mq-lista-lateral > li{margin:0}   /* Últimas entradas lleva is-layout-flow: sin el margen de 1.2rem entre elementos */
body .mq-lista-lateral li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--mq-borde);font-size:15px;line-height:22px}
body .mq-lista-lateral li a{color:var(--mq-blanco);text-decoration:none}
body .mq-lista-lateral li a:hover{color:var(--mq-dorado-claro);text-decoration:underline}
body .mq-categorias-widget li{color:var(--mq-t3);font-size:15px}
body .wp-block-latest-posts.mq-lista-lateral li{flex-direction:column;align-items:flex-start;gap:2px}
body .mq-lista-lateral .wp-block-latest-posts__post-date{color:var(--mq-t3);font-size:13px;line-height:20px}
/* banner-fin-lista-movil (EL-26): en los listados, en móvil, el banner va tras la última tarjeta y antes de la paginación. Las columnas del
   núcleo (ya apiladas), la parte del lateral y la consulta se deshacen con display: contents */
@media (max-width:767px){
:root body:is(.blog,.archive,.search) .mq-dos-columnas{flex-direction:column;flex-wrap:nowrap!important;gap:0}
:root body:is(.blog,.archive,.search) .mq-columna-principal,:root body:is(.blog,.archive,.search) .mq-lateral,:root body:is(.blog,.archive,.search) .mq-lateral-bloques,:root body:is(.blog,.archive,.search) .mq-bucle{display:contents}
:root body:is(.blog,.archive,.search) .mq-lateral-bloques>*{order:3}
:root body:is(.blog,.archive,.search) .mq-lateral-bloques>.mq-banner{order:1;margin:40px 0 0}   /* 24 + 16 de «elegida» */
:root body:is(.blog,.archive,.search) .mq-paginacion{order:2;margin:32px 0 40px}
}
/* banner-fin-articulo-movil (EL-25): en la entrada, en móvil, el banner va tras las etiquetas y antes de las relacionadas (igual) */
@media (max-width:767px){
:root body.single .mq-dos-columnas{flex-direction:column;flex-wrap:nowrap!important;gap:0}
:root body.single .mq-columna-principal,:root body.single .mq-lateral,:root body.single .mq-lateral-bloques{display:contents}
:root body.single .mq-lateral-bloques>*{order:3}
:root body.single .mq-lateral-bloques>.mq-banner{order:1;margin:40px 0 0}
:root body.single .mq-relacionadas{order:2;margin-bottom:40px}
}

/* Entrada: la imagen destacada del núcleo (670 px por su atributo de ancho) en una caja con radio 12 (EL-15), fecha · categoría, H1
   blanco, contenido 17/29, compartir (lo añade el plugin al final del contenido), etiquetas como fichas (EL-11) y las relacionadas (en
   móvil y tableta, en la columna principal, de una en una, como hoy; desde 992 px, a todo el ancho: EL-08) */
body .mq-entrada > *{margin:0}
body .mq-destacada{line-height:0}
body .mq-destacada-caja{display:flex;width:fit-content;max-width:100%;border-radius:12px;overflow:hidden}   /* el núcleo pone el ancho de 670 px a la imagen, no a la figura: la caja se ajusta a ella */
body .mq-destacada .wp-post-image{display:block;max-width:100%;height:auto}
body .mq-entrada > .mq-meta{margin-top:-6px}
body .mq-entrada > .mq-titulo-entrada{margin-top:12px;color:var(--mq-blanco);font-size:28px;line-height:34px}
body .mq-entrada > .mq-cuerpo{max-width:750px;margin-top:24px;color:var(--mq-t2);font-size:17px;line-height:29px}
body .mq-cuerpo p{margin:0 0 18px}
body .mq-cuerpo h2{margin:36px 0 14px;color:var(--mq-blanco);font-size:23px;line-height:30px}
body .mq-cuerpo h3{margin:28px 0 12px;font-size:19px;line-height:26px}
body .mq-cuerpo h4{margin:24px 0 10px;font-size:17px;line-height:24px}
body .mq-cuerpo ul,body .mq-cuerpo ol{margin:0 0 18px;padding-left:26px}
body .mq-cuerpo li{margin:0 0 6px}
body .mq-cuerpo strong{color:var(--mq-t1)}
body .mq-entrada > .mq-etiquetas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;color:var(--mq-t3);font-size:13px;line-height:20px}
body .mq-etiquetas .wp-block-post-terms__separator{display:none}
body .mq-relacionadas{margin-top:48px}
body .mq-relacionadas > *{margin-block-start:0}
body .mq-relacionadas .mq-tarjetas{display:flex;flex-direction:column;gap:16px;margin-top:24px}
body .mq-relacionadas .mq-tarjetas > li{margin:0}
body .mq-relacionadas .mq-autor a{font-size:13px;letter-spacing:.06em;text-transform:uppercase}   /* el autor, pintado en mayúsculas como hoy */
@media (min-width:768px){
body .mq-entrada > .mq-titulo-entrada{font-size:34px;line-height:42px}
body .mq-cuerpo h2{font-size:26px;line-height:34px}
body .mq-cuerpo h3{font-size:21px;line-height:28px}
body .mq-cuerpo h4{font-size:18px;line-height:26px}
body .mq-relacionadas{margin-top:56px;max-width:670px}
body .mq-columna-principal > .mq-relacionadas{margin-top:96px}   /* en «elegida» van tras el hueco de 40 de las columnas y sus 56 */
body .mq-relacionadas .mq-tarjetas{gap:24px;margin-top:32px}
}
/* RT-02 / EL-08: desde 992 px las relacionadas salen a todo el ancho, bajo el artículo y el lateral (2 tarjetas): la columna principal se
   deshace (display: contents) y las columnas pasan a rejilla; en móvil y tableta siguen entre el artículo y el lateral, como hoy */
@media (min-width:992px){
body.single .mq-dos-columnas{display:grid;grid-template-columns:minmax(0,1fr) 340px}   /* hueco 40/50 en las dos direcciones */
body.single .mq-dos-columnas > .mq-columna-principal{display:contents}
body.single .mq-entrada{grid-column:1;grid-row:1}
body.single .mq-lateral{grid-column:2;grid-row:1}
body.single .mq-relacionadas{grid-column:1 / -1;grid-row:2;max-width:none;margin-top:24px}
body.single .mq-relacionadas .mq-tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body .mq-entrada > .mq-titulo-entrada{font-size:38px;line-height:46px}
body .mq-cuerpo h2{font-size:28px;line-height:36px}
body .mq-cuerpo h3{font-size:22px;line-height:30px}
}

/* Página 404 (la maqueta no la tiene): los textos y el enlace de hoy, con la escala del sistema; sin lateral, como hoy, y sin la imagen de Coinflip */
body .mq-404{padding-top:40px;gap:32px}
body .mq-404-texto > *{margin:0}
body .mq-404-titulo{color:var(--mq-blanco);font-size:30px;line-height:36px}
body .mq-404-texto p{margin-top:16px;color:var(--mq-t2);font-size:16px;line-height:26px}
body .mq-404-texto .wp-block-buttons{margin-top:24px}
@media (min-width:768px){body .mq-404{padding-top:56px}body .mq-404-titulo{font-size:36px;line-height:44px}body .mq-404-texto p{font-size:17px;line-height:27px}}
@media (min-width:992px){body .mq-404{padding-top:72px}body .mq-404-titulo{font-size:40px;line-height:48px}body .mq-404-texto p{font-size:18px;line-height:28px}}

/* ====== Pie (EL-06): parte «footer»; tres columnas del núcleo (marca, JUGAR, SUSCRÍBETE: 4/12 · 3/12 · 5/12; apiladas por debajo de
   782 px), con el filete dorado arriba, los sellos y el pie legal del plugin y la barra inferior a todo el ancho ====== */
body .mq-pie{border-top:2px solid var(--mq-dorado);padding-top:48px;color:var(--mq-t2);font-size:14px;line-height:22px}
@media (min-width:992px){body .mq-pie{padding-top:56px}}
body .mq-pie-bloques{margin-bottom:0}
body .mq-pie-bloque > *{margin-block-start:0}
body .mq-pie-logo{display:inline-block;margin:0;line-height:0}
body .mq-pie-logo img{vertical-align:baseline}   /* como el logo del pie de la maqueta (bloque Logo del sitio); el bloque Imagen del núcleo lo pone en bottom y la línea del pie crecía 4 px en móvil y tableta */
body .mq-pie-marca img{width:180px;height:auto}
body .mq-pie-marca p{margin-top:16px}
body .mq-titulo-pie,body .mq-suscribete .widget-title{margin:0 0 14px;color:var(--mq-t1);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body .mq-pie-bloque ul{list-style:none;margin:0;padding:0}
body .mq-pie-bloque li{margin:0 0 8px;font-size:15px;line-height:22px}
body .mq-pie-bloque li a,body .mq-pie-marca a{color:var(--mq-dorado);text-decoration:none}
body .mq-pie-bloque li a:hover,body .mq-pie-marca a:hover{color:var(--mq-dorado-claro);text-decoration:underline}
body .mq-pie-enlaces li{position:relative;padding-left:26px}
body .mq-pie-enlaces li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--mq-dorado)}
body .mq-pie-enlaces li::after{content:"";position:absolute;left:6px;top:6px;width:4px;height:8px;border:solid var(--mq-fondo);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Suscríbete: el bloque tuzoca/suscribete pinta el título de hoy (<h3 class="widget-title">, con el aspecto de «JUGAR»: regla de
   .mq-titulo-pie), el texto y el formulario de Contact Form 7 de hoy, con su casilla de mayor de 18 */
body .mq-suscribete p[style*="margin-bottom"]{margin-bottom:0!important}   /* el texto lleva hoy style="margin-bottom: 30px": el aire lo da el formulario */
body .mq-suscribete .wpcf7{margin-top:14px}
body .mq-suscribete .wpcf7-form p{margin:0}
body .mq-suscribete .newsletter{display:flex;flex-wrap:wrap;gap:8px}
body .mq-suscribete .c-sign-up-form-input{flex:1 1 180px;min-width:0}
body .mq-suscribete .wpcf7-form-control-wrap{display:block}
body .mq-suscribete .wpcf7-email{width:100%}
body .mq-suscribete .wpcf7-submit{flex:none}
body .mq-suscribete .newsletter > p{position:relative}
body .mq-suscribete .wpcf7-spinner{position:absolute;top:100%;right:0;margin:6px 0 0}   /* el de Contact Form 7 (oculto hasta enviar), fuera del flujo y bajo el botón «Enviar»: ni ensancha la fila ni se sale de la pantalla (a la derecha del botón desbordaba 17 px en móvil y 8 en tableta) */
body .mq-suscribete .wpcf7-list-item{display:block;margin:0}
body .mq-suscribete .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer}
body .mq-suscribete .wpcf7-acceptance input[type=checkbox]{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--mq-dorado)}
/* la barra inferior: © y enlaces de hoy en un párrafo y, en la misma línea, el botón de cookies del plugin (tuzoca/boton-cookies) */
body .mq-barra-inferior{margin-top:40px;padding-top:12px;padding-bottom:12px;background:var(--mq-sup2);color:var(--mq-t3);font-size:13px;line-height:20px}
body .mq-copyright{text-align:center}
body .mq-copyright > p,body .mq-copyright .mq-cookies,body .mq-copyright .mq-cookies > *{display:inline}
body .mq-copyright a{color:var(--mq-t2);text-decoration:none}
body .mq-copyright a:hover{color:var(--mq-dorado-claro);text-decoration:underline}

/* ====== plugin (tuzoca-ajustes): lo que pinta hoy, con el mismo HTML, en la caja que le da el tema. El banner del lateral con su franja
   (tuzoca/banner-lateral; desde 992 px, arriba del lateral y sin fijar: banner-arriba-escritorio), los sellos (tuzoca/sellos) y el pie legal
   (tuzoca/pie-legal): orden, una columna centrada y alturas de hoy; el AVISO LEGAL, compartir y el botón de cookies ====== */
body .mq-banner{margin-top:24px;line-height:0}
body .mq-banner img{display:block;width:100%;height:auto}
@media (min-width:992px){
:root body .mq-lateral-bloques > .mq-banner{order:-1;margin-top:0;margin-bottom:28px;position:static}
}
/* el AVISO LEGAL dentro del contenido: el blanco y el peso de la maqueta, SOLO si sus párrafos llevan una marca (data-cumple="aviso-legal"
   o la clase tzc-aviso-legal). Es contenido y cambia de forma de una entrada a otra (11 de 37 lo llevan, con 5 marcados distintos): sin
   marca no hay regla segura, y se ve con el color del cuerpo (tema-hijo.md, «Sin resolver») */
body .mq-cuerpo [data-cumple=aviso-legal] strong,body .mq-cuerpo .tzc-aviso-legal strong{font-weight:600}
body .mq-cuerpo [data-cumple=aviso-legal],body .mq-cuerpo [data-cumple=aviso-legal] strong,body .mq-cuerpo .tzc-aviso-legal,body .mq-cuerpo .tzc-aviso-legal strong{color:#FFFFFF}
/* compartir (tzc-compartir, al final del contenido) */
body .mq-cuerpo .tzc-compartir{margin-top:28px}
body .mq-cuerpo .tzc-compartir ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
body .mq-cuerpo .tzc-compartir li{margin:0}
body .mq-cuerpo .tzc-compartir a,body .mq-cuerpo .tzc-compartir button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid var(--mq-dorado);border-radius:4px;background:none;color:var(--mq-dorado);cursor:pointer;transition:color .15s,border-color .15s}
body .mq-cuerpo .tzc-compartir a:hover,body .mq-cuerpo .tzc-compartir button:hover{border-color:var(--mq-dorado-claro);color:var(--mq-dorado-claro)}
body .mq-cuerpo .tzc-compartir svg{width:18px;height:18px;fill:currentColor}
body .mq-cuerpo .tzc-compartir button svg+svg{display:none}
/* sellos y pie legal, exactamente como hoy */
body .mq-legal{margin-top:40px}
body .mq-legal > *{margin-block-start:0}
body .mq-sellos-caja{padding:20px 24px;border-radius:4px;background:var(--mq-sellos)}
body .mq-sellos-caja .tz-legal-seals{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 40px}
body .mq-sellos-caja .tz-legal-seals a{display:block;line-height:0}
body .mq-sellos-caja .tz-legal-seals img{display:block;width:auto}
/* alto de cada sello con que se pinta hoy (comun.json → pie → sellos[].imagen.pintada): 40 · 40 · 70 (68 en escritorio) · 54 */
body .mq-sellos-caja .tz-legal-seals img[alt="Juego Seguro"],body .mq-sellos-caja .tz-legal-seals img[alt="Juego Autorizado"]{height:40px}
body .mq-sellos-caja .tz-legal-seals .tz-seal-auto{height:70px}
body .mq-sellos-caja .tz-legal-seals .tz-seal-18{height:54px}
@media (min-width:992px){body .mq-sellos-caja .tz-legal-seals .tz-seal-auto{height:68px}}
body .mq-sellos-caja .tz-seal-text{color:#A1A7B5;font-size:17px;line-height:20px;font-weight:500;text-align:left}
@media (min-width:992px){body .mq-sellos-caja .tz-legal-seals{gap:16px 56px}}
body .mq-pie-legal{margin-top:20px;text-align:center;color:#fff}
body .mq-pie-legal p{margin:0 0 8px}
body .mq-pie-legal strong{color:#fff}
body .mq-pie-legal a{color:var(--mq-dorado);font-weight:400}
/* botón de cookies (función 40, con el bloque tuzoca/boton-cookies: en TT5 no existe get_footer): 12 px (15 en escritorio), 44 px, en
   amarillo #FFE783 (cookies-dorado, EL-24) */
body .mq-barra-inferior button{display:inline-block;min-height:44px;padding:0 4px;border:0;background:none;color:#FFFFFF;font:inherit;font-size:12px;cursor:pointer}
:root body .mq-barra-inferior button{color:var(--mq-dorado-claro)}
body .mq-barra-inferior button:hover{text-decoration:underline}
@media (min-width:992px){body .mq-barra-inferior button{font-size:15px}}

/* ====== Menú abierto (☰) con «accesos rápidos». Todo cuelga de .is-menu-open (o de html.has-modal-open, que el
   núcleo pone al abrir): con el menú cerrado y en línea (desde 1200 px) no cambia nada. La cabecera se queda arriba (sticky mientras el
   menú está abierto) y la capa empieza debajo: 64 px en móvil, 72 desde 768. La ✕ del núcleo se pone exactamente sobre el ☰ ====== */
html.has-modal-open body header.mq-cabecera{position:sticky;top:0;z-index:100001}
:root.has-modal-open{scrollbar-gutter:stable}   /* sin el salto de 7 px de la cabecera con barra de desplazamiento clásica (revisión, C-03) */
.mq-menu-extra{display:none}

/* la capa: a pantalla completa bajo la cabecera en móvil, tableta y de 992 a 1199 px (sin cajón ni velo: revisión, C-01 y C-02) */
:root body nav.mq-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{--mqm-cab:64px;--mqm-lado:var(--wp--style--root--padding-left,15px);top:var(--mqm-cab);padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background-color:#112219;background-image:none;color:#F3EFE4;animation:mqm-velo .2s ease-out both}
@media (min-width:768px){:root body nav.mq-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{--mqm-cab:72px}}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close{position:relative;display:flex;flex-direction:column;flex:1 0 auto;width:100%;max-width:none;margin:0;background-color:#112219;background-image:linear-gradient(180deg,#112219 19.72%,#15442C 78.01%);animation:mqm-entra .3s ease-out both}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-dialog{display:flex;flex-direction:column;flex:1 0 auto;margin:0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content{display:flex;flex-direction:column;align-items:stretch;flex:1 0 auto;gap:0;padding:0}
@keyframes mqm-velo{from{opacity:0}to{opacity:1}}
@keyframes mqm-entra{from{left:-100%}to{left:0}}
@media (prefers-reduced-motion:reduce){:root body nav.mq-menu.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close{animation:none}}

/* la ✕ (botón de cerrar del núcleo): en el sitio del ☰ (mismo hueco de 44 × 44, mismo fondo de la cabecera), así la barra no se mueve */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close{position:fixed;top:calc((var(--mqm-cab) - 44px) / 2);left:var(--wp--style--root--padding-left,15px);right:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:#0A1C13;color:#F3EFE4;cursor:pointer;z-index:3}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close:hover{color:#FFE783}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close svg{width:24px;height:24px;fill:currentColor}

/* el núcleo enfoca el primer enlace al abrir: con ratón o dedo, sin el anillo de :focus de TT5; con teclado, el dorado del tema */
:root body nav.mq-menu.wp-block-navigation .is-menu-open :focus:not(:focus-visible){outline:none}

/* las secciones del plugin solo dentro del menú abierto */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-extra{display:block;padding-left:var(--mqm-lado);padding-right:var(--mqm-lado)}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-extra ul{list-style:none;margin:0;padding:0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-extra li{margin:0}

:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-pestanas a[aria-current="page"]{border-bottom-color:#D4AF36;color:#FFE783}   /* la página actual (revisión, C-05) */
/* arriba: Inicio y Actualidad Tuzoca con el aspecto del menú en línea (mayúsculas 13 px y subrayado dorado), y el buscador grande */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-arriba{padding-top:8px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-pestanas{display:flex;flex-wrap:wrap;gap:0 24px;border-bottom:1px solid rgba(173,168,75,.25)}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-pestanas a{display:inline-flex;align-items:center;min-width:44px;min-height:48px;border-bottom:2px solid transparent;margin-bottom:-1px;color:#F3EFE4;font:500 13px/16px Poppins,sans-serif;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-pestanas a:hover{border-bottom-color:#D4AF36;color:#F3EFE4}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador{margin:20px 0 0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador .wp-block-search__inside-wrapper{position:relative;gap:8px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador .wp-block-search__inside-wrapper::before{content:"";position:absolute;left:14px;top:15px;width:22px;height:22px;background-color:#A7B4AC;-webkit-mask:var(--mqm-i) center/contain no-repeat;mask:var(--mqm-i) center/contain no-repeat;pointer-events:none}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador .wp-block-search__input{height:52px;padding:0 14px 0 46px;font-size:16px;border-radius:4px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador .wp-block-search__button{min-height:52px;padding:0 20px;background-color:#D4AF36;font-size:15px;letter-spacing:normal;text-transform:none}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador .wp-block-search__input{letter-spacing:normal;text-transform:none}

/* los rótulos de sección (Categorías, Jugar): el antetítulo del tema (dorado claro, 12 px, mayúsculas) con una raya dorada translúcida */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-rotulo{display:flex;align-items:center;gap:12px;margin:28px 0 12px;color:#FFE783;font:600 12px/16px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-rotulo::after{content:"";flex:1 1 auto;height:1px;background:rgba(173,168,75,.3)}

/* las rejillas: las categorías (plugin) y los accesos del casino (la lista del núcleo); 2 columnas, 3 y 4 en tableta */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container{padding:0 var(--mqm-lado)}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li{display:block;margin:0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li.mq-menu-solo-linea,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li.mq-menu-boton{display:none}
/* la ficha (EL-16): contorno dorado de 1,5 px, radio 4, texto dorado; aquí con su icono y 56 px de alto */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content{display:flex;align-items:center;gap:10px;width:100%;height:100%;min-height:56px;padding:8px 12px 8px 14px;border:1.5px solid #D4AF36;border-radius:4px;background-color:transparent;color:#D4AF36;font:500 14px/18px Poppins,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal;overflow-wrap:normal;transition:color .15s,border-color .15s,background-color .15s}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a:hover,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content:hover{border-color:#FFE783;background-color:rgba(212,175,54,.08);color:#FFE783}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a::before,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content::before,:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja a::before{content:"";flex:none;width:22px;height:22px;background-color:currentColor;-webkit-mask:var(--mqm-i) center/contain no-repeat;mask:var(--mqm-i) center/contain no-repeat}
@media (max-width:359px){:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content{gap:8px;padding:8px 8px 8px 10px;font-size:13px}}

/* abajo: franja sobria a todo el ancho (#0A1C13, el fondo de la cabecera) con Sobre nosotros y la Línea de ayuda de Juego Responsable */
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja{margin-top:auto;padding-top:32px;padding-left:0;padding-right:0}
:root body nav.mq-menu.wp-block-navigation .is-menu-open ul.mq-menu-franja-lista{display:grid;grid-template-columns:minmax(0,1fr);padding:8px var(--mqm-lado) max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(173,168,75,.25);background:#0A1C13}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-lista li + li{border-top:1px solid rgba(255,255,255,.08)}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja a{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;min-height:52px;padding:8px 0;color:#E6EAE5;font:500 14px/20px Poppins,sans-serif;text-decoration:none}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja a::before{width:20px;height:20px;color:#D4AF36;background-color:#D4AF36}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja a:hover{color:#FFE783}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-i-telefono a{display:grid;grid-template-columns:20px minmax(0,1fr);row-gap:2px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-i-telefono a::before{grid-row:1 / span 2;align-self:start;margin-top:1px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-titulo{font-weight:600;color:#F3EFE4}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-dato{grid-column:2;color:#A7B4AC;font-size:13px;line-height:20px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-numero{display:block;color:#FFE783;font-weight:600;white-space:nowrap}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-horario{display:block}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-i-telefono a:hover .mq-menu-franja-titulo{color:#FFE783}

/* tableta y 992-1199: la misma capa a pantalla completa, más aire, categorías en 3 columnas, casino en 4 y la franja en 2 */
@media (min-width:768px) and (max-width:1199px){
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-arriba{padding-top:16px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-buscador{margin-top:24px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-rotulo{margin:36px 0 14px;font-size:13px;line-height:18px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content{flex-direction:column;justify-content:center;gap:12px;min-height:108px;padding:16px 12px;text-align:center;font-size:15px;line-height:20px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-fichas a::before,:root body nav.mq-menu.wp-block-navigation .is-menu-open .wp-block-navigation__container > li > a.wp-block-navigation-item__content::before{width:28px;height:28px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja{padding-top:48px}
:root body nav.mq-menu.wp-block-navigation .is-menu-open ul.mq-menu-franja-lista{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:32px;padding-top:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
:root body nav.mq-menu.wp-block-navigation .is-menu-open .mq-menu-franja-lista li + li{border-top:0}
}

/* iconos: SVG propios, en línea, monocromos (máscaras con el color del texto) */
.mq-i-consejos{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.3 1 2.2h5.2c0-.9.4-1.7 1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.mq-i-responsable{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8.3-7.5 9.5-4.3-1.2-7.5-4.9-7.5-9.5V6z'/%3E%3Cpath d='M8.6 12.2l2.4 2.4 4.4-4.6'/%3E%3C/svg%3E")}
.mq-i-juegos{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.2' fill='%23000'/%3E%3Ccircle cx='15.5' cy='15.5' r='1.2' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%23000'/%3E%3Ccircle cx='15.5' cy='8.5' r='1.2' fill='%23000'/%3E%3Ccircle cx='8.5' cy='15.5' r='1.2' fill='%23000'/%3E%3C/svg%3E")}
.mq-i-noticias{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h12v14H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M16 9h4v8a2 2 0 0 1-4 0M7.5 9h5M7.5 12.5h5M7.5 16h3'/%3E%3C/svg%3E")}
.mq-i-etiqueta{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.6V4.5a1 1 0 0 1 1-1h8.1l8.4 8.4a1 1 0 0 1 0 1.4l-7.7 7.7a1 1 0 0 1-1.4 0z'/%3E%3Ccircle cx='8.2' cy='8.2' r='1.4'/%3E%3C/svg%3E")}
.mq-i-tutoriales{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5h5.5A3.5 3.5 0 0 1 12 9v11a2.5 2.5 0 0 0-2.5-2.5H3zM21 5.5h-5.5A3.5 3.5 0 0 0 12 9v11a2.5 2.5 0 0 1 2.5-2.5H21z'/%3E%3C/svg%3E")}
.mq-i-casino{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3.5V9M12 15v5.5M3.5 12H9M15 12h5.5M6 6l3.9 3.9M14.1 14.1L18 18M18 6l-3.9 3.9M9.9 14.1L6 18'/%3E%3C/svg%3E")}
.mq-i-vivo{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c.6-4 3.6-6.3 7.5-6.3s6.9 2.3 7.5 6.3'/%3E%3Cpath d='M10.3 14.6L12 17l1.7-2.4'/%3E%3C/svg%3E")}
.mq-i-regalo{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4.5' rx='1'/%3E%3Cpath d='M5.5 12.5v7.5h13v-7.5M12 8v12M12 8C10.6 5 7.4 4.1 7 6s2.4 2 5 2zm0 0c1.4-3 4.6-3.9 5-2s-2.4 2-5 2z'/%3E%3C/svg%3E")}
.mq-i-estrella{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.9l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")}
.mq-i-nosotros{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5'/%3E%3Ccircle cx='12' cy='7.8' r='.6' fill='%23000'/%3E%3C/svg%3E")}
.mq-i-telefono{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 3.8h3.4l1.8 4.6-2.3 1.4a11.5 11.5 0 0 0 6.1 6.1l1.4-2.3 4.6 1.8v3.4a1.4 1.4 0 0 1-1.5 1.4A16.8 16.8 0 0 1 3.8 5.3a1.4 1.4 0 0 1 1.4-1.5z'/%3E%3C/svg%3E")}
.mq-i-lupa{--mqm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E")}