/*
Theme Name: Inquietta Tienda
Template: twentytwentyfive
Description: Tienda de Inquietta Export SL: rol, miniaturas, pinturas y accesorios, con Inquietta TV.
Version: 0.2
Text Domain: inquietta
*/

/* Fondo blanco en toda la tienda: el producto "flota" (sin modo oscuro, que obliga a recuadrar las fotos). */
body { -webkit-font-smoothing: antialiased; }
img { height: auto; }

/* ---------- Barra de ventajas y cabecera ---------- */
.inq-barra { font-size: .875rem; letter-spacing: .01em; }
.inq-barra p { margin: 0; }
.inq-barra a { color: var(--wp--preset--color--accent-2); font-weight: 700; text-decoration: none; }
.inq-cabecera { position: sticky; top: 0; z-index: 60; background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
  backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--wp--preset--color--accent-5); }
.inq-cabecera .wp-block-site-title a { font-family: var(--wp--preset--font-family--titulos); font-weight: 900; letter-spacing: .04em; text-decoration: none; color: var(--wp--preset--color--contrast); }
.inq-cabecera .wp-block-search { flex: 1 1 360px; max-width: 560px; }
.inq-cabecera .wp-block-search__input { border-radius: 999px; border: 1px solid var(--wp--preset--color--accent-5); background: var(--wp--preset--color--accent-3); padding: .7em 1.1em; color: var(--wp--preset--color--contrast); }
.inq-cabecera .wp-block-search__button { border-radius: 999px; }
.inq-menu a { font-weight: 600; text-decoration: none; color: var(--wp--preset--color--contrast); }
.inq-menu a:hover { color: var(--wp--preset--color--accent-1); }
.inq-menu .inq-tv a { color: var(--wp--preset--color--accent-1); }

/* ---------- Portada: bento ---------- */
.inq-bento { display: grid; gap: 16px; grid-template-columns: 2fr 1fr; grid-template-rows: auto auto; }
.inq-bento > * { margin: 0 !important; border-radius: 24px; overflow: hidden; }
.inq-bento .inq-principal { grid-row: span 2; min-height: 520px; }
.inq-bento h1 { font-size: clamp(2.2rem, 4.6vw, 4.2rem); }
@media (max-width: 860px) { .inq-bento { grid-template-columns: 1fr; } .inq-bento .inq-principal { grid-row: auto; min-height: 420px; } }

.inq-tarjeta { background: var(--wp--preset--color--accent-3); border: 1px solid var(--wp--preset--color--accent-5); border-radius: 20px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; height: 100%; }
.inq-tarjeta:hover { transform: translateY(-3px); box-shadow: 0 14px 32px -18px rgba(0,0,0,.35); border-color: var(--wp--preset--color--accent-2); }
.inq-tarjeta a { text-decoration: none; color: inherit; }
.inq-cats { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 860px) { .inq-cats { grid-template-columns: repeat(2, 1fr); } }
.inq-cats .inq-tarjeta { padding: 22px; }
.inq-cats h3 { font-size: 1.15rem; margin: .3em 0 .2em; }
.inq-cats p { margin: 0; font-size: .9rem; color: var(--wp--preset--color--accent-4); }
.inq-icono { font-size: 1.8rem; line-height: 1; }

/* ---------- Inquietta TV ---------- */
.inq-tv-franja { border-radius: 28px; }
.inq-videos { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 860px) { .inq-videos { grid-template-columns: 1fr; } }
.inq-video { position: relative; aspect-ratio: 16/9; border-radius: 18px; overflow: hidden; display: flex; align-items: flex-end;
  background: radial-gradient(circle at 70% 20%, rgba(200,69,47,.55), transparent 55%), linear-gradient(135deg, #2a2c36, #0c0d11); color: #fff; }
.inq-video::before { content: "▶"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.4rem; opacity: .9; }
.inq-video .inq-video-info { position: relative; padding: 16px 18px; width: 100%; background: linear-gradient(transparent, rgba(0,0,0,.7)); }
.inq-video .inq-etiqueta { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--wp--preset--color--accent-2); color: #16171c; padding: 2px 10px; border-radius: 999px; }
.inq-video h4 { color: #fff; margin: .4em 0 0; font-size: 1.05rem; }

/* ---------- Rejilla de productos (clásica: shortcodes de la portada) ---------- */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0 0 32px !important; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }
@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .woocommerce ul.products li.product { padding: 8px !important; } }

/* ---------- Rejilla de productos (bloques: catálogo, categorías, búsqueda) ---------- */
.wc-block-product-template { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }
@media (max-width: 1024px) { .wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 640px)  { .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }
.wc-block-product-template > li, .wc-block-product { width: auto !important; margin: 0 !important; background: #fff; border: 1px solid transparent; border-radius: 18px;
  padding: 14px; display: flex; flex-direction: column; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
/* Relacionados: una sola fila de 4 */
.wp-block-woocommerce-related-products .wc-block-product-template > li:nth-child(n+5), .related.products ul.products li:nth-child(n+5) { display: none !important; }
/* Botón siempre al pie y del mismo ancho, tenga o no etiquetas la tarjeta */
.wc-block-product .wc-block-components-product-button, .wc-block-product .wp-block-button { margin-top: auto !important; align-self: stretch; }
.wc-block-product .wc-block-components-product-button .wp-block-button__link,
.wc-block-product .wc-block-components-product-button button { width: 100%; }
.wc-block-product:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(0,0,0,.28); border-color: var(--wp--preset--color--accent-5); }
.wc-block-product .wc-block-components-product-image img, .wc-block-product img { aspect-ratio: 1; object-fit: contain; width: 100%; background: #fff; mix-blend-mode: multiply; }
.wc-block-product .wp-block-post-title, .wc-block-product .wp-block-post-title a { font-family: var(--wp--preset--font-family--texto) !important;
  font-size: .98rem !important; font-weight: 600 !important; line-height: 1.35; color: var(--wp--preset--color--contrast) !important; text-decoration: none; text-align: left; letter-spacing: 0; }
.wc-block-product .wc-block-components-product-price, .wc-block-product .wp-block-woocommerce-product-price { font-weight: 800; font-size: 1.15rem; color: var(--wp--preset--color--contrast); text-align: left; margin-top: auto; }
.wc-block-product .wp-block-button, .wc-block-product .wc-block-components-product-button { width: 100%; margin-top: 10px; }
.wc-block-product .wp-block-button__link, .wc-block-product .wc-block-components-product-button__button { width: 100%; }

/* Ficha: la foto nunca se sale de su columna */
.woocommerce div.product .woocommerce-product-gallery, .wp-block-woocommerce-product-image-gallery { max-width: 100%; overflow: hidden; }
.woocommerce div.product .woocommerce-product-gallery img, .wp-block-woocommerce-product-image-gallery img { max-width: 100%; height: auto; object-fit: contain; }

.woocommerce ul.products { gap: 18px; }
.woocommerce ul.products li.product { background: #fff; border: 1px solid transparent;
  border-radius: 18px; padding: 14px !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; display: flex; flex-direction: column; }
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(0,0,0,.28); border-color: var(--wp--preset--color--accent-5); }
.woocommerce ul.products li.product img { aspect-ratio: 1; object-fit: contain; background: #fff; mix-blend-mode: multiply; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--wp--preset--font-family--texto); font-size: .98rem !important;
  font-weight: 600; line-height: 1.35; color: var(--wp--preset--color--contrast); min-height: 2.7em; }
.woocommerce ul.products li.product .price { color: var(--wp--preset--color--contrast) !important; font-weight: 800; font-size: 1.15rem !important; margin-top: auto; }
.woocommerce ul.products li.product .button { width: 100%; text-align: center; margin-top: 10px; }
.woocommerce span.onsale { background: var(--wp--preset--color--accent-1); border-radius: 999px; }

/* ---------- Ficha de producto: confianza junto al botón ---------- */
.inq-confianza { margin: 18px 0; padding: 14px 16px; border: 1px solid var(--wp--preset--color--accent-5); border-radius: 14px;
  background: var(--wp--preset--color--accent-3); display: grid; gap: 6px; font-size: .92rem; }
.inq-confianza strong { color: var(--wp--preset--color--contrast); }
.woocommerce div.product .product_title { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.woocommerce div.product p.price { font-size: 1.8rem; font-weight: 800; color: var(--wp--preset--color--contrast); }
.woocommerce div.product .woocommerce-product-gallery img { border-radius: 16px; background: #fff; }

/* ================= v0.3: identidad e impacto ================= */
/* Logotipo: dado de 20 caras junto al nombre */
.inq-cabecera .wp-block-site-title a, .inq-pie .wp-block-site-title a { display: inline-flex; align-items: center; gap: 10px; }
.inq-cabecera .wp-block-site-title a::before, .inq-pie .wp-block-site-title a::before {
  content: ""; width: 38px; height: 38px; flex: none; background: url(assets/logo.svg) center/contain no-repeat; }
.inq-cabecera .wp-block-site-title a { font-size: 1.55rem; letter-spacing: .12em; }

/* Secciones y franjas */
.inq-seccion { margin-top: 64px !important; }
.inq-seccion h2, .inq-franja h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.inq-franja { padding: 56px 0 !important; margin-top: 64px !important; }
.inq-marfil { background: #faf6ee; }
.inq-kicker { font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); margin: 0; }

/* Lanzamiento destacado: portada del juego a sangre sobre su propio color desenfocado */
.inq-destacado { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 48px; max-width: 1320px; margin: 0 auto;
  padding: 56px 56px; border-radius: 32px; overflow: hidden; isolation: isolate; color: #fff; min-height: 520px; }
.inq-destacado::before { content: ""; position: absolute; inset: -60px; background: var(--fondo) center/cover; filter: blur(48px) saturate(1.4) brightness(.55); transform: scale(1.2); z-index: -2; }
.inq-destacado::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,14,.88) 0%, rgba(10,10,14,.55) 60%, rgba(10,10,14,.45) 100%); z-index: -1; }
.inq-destacado h1 { color: #fff; font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: 1.02; margin: .2em 0 .3em; }
.inq-destacado p { color: #e9e6df; font-size: 1.15rem; max-width: 34em; }
.inq-destacado .inq-kicker { color: var(--wp--preset--color--accent-2); }
.inq-destacado-precio { font-size: 1.6rem !important; font-weight: 800; color: #fff !important; }
.inq-destacado .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.inq-destacado .wp-block-button__link { display: inline-block; padding: 14px 26px; border-radius: 999px; font-weight: 700; text-decoration: none;
  background: var(--wp--preset--color--accent-1); color: #fff; border: 2px solid var(--wp--preset--color--accent-1); line-height: 1.2; }
.inq-destacado .is-style-outline .wp-block-button__link { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.inq-destacado .wp-block-button__link:hover { filter: brightness(1.1); }
.inq-destacado-img { justify-self: center; perspective: 1200px; }
.inq-destacado-img img { width: min(420px, 100%); height: auto; border-radius: 10px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.08);
  transform: rotateY(-12deg) rotateX(3deg); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.inq-destacado-img:hover img { transform: rotateY(0) rotateX(0) scale(1.03); }
@media (max-width: 860px) { .inq-destacado { grid-template-columns: 1fr; padding: 32px 22px; gap: 24px; border-radius: 0; }
  .inq-destacado-img { order: -1; } .inq-destacado-img img { width: 62%; transform: none; } }

/* Puertas de entrada con imagen */
.inq-puertas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 860px) { .inq-puertas { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.inq-puerta { position: relative; aspect-ratio: 4/5; border-radius: 22px; overflow: hidden; background: var(--c); display: flex; align-items: flex-end; text-decoration: none; isolation: isolate; }
.inq-puerta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transform: scale(1.08); transition: transform .6s cubic-bezier(.2,.8,.2,1); filter: saturate(1.1); }
.inq-puerta:hover img { transform: scale(1.18); }
.inq-puerta-velo { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 25%, color-mix(in srgb, var(--c) 92%, black) 88%); }
.inq-puerta-txt { padding: 18px 18px 20px; color: #fff; }
.inq-puerta-txt strong { display: block; font-family: var(--wp--preset--font-family--titulos); font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.05; }
.inq-puerta-txt em { display: block; font-style: normal; font-size: .88rem; opacity: .88; margin-top: 4px; }

/* Recomendados por Inquietta */
.inq-recomendados { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 860px) { .inq-recomendados { grid-template-columns: 1fr; } }
.inq-reco { display: grid; grid-template-rows: auto 1fr; background: #fff; border-radius: 20px; overflow: hidden; text-decoration: none; color: inherit;
  box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 18px 36px -24px rgba(0,0,0,.25); transition: transform .2s ease; }
.inq-reco:hover { transform: translateY(-4px); }
.inq-reco img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; padding: 16px; }
.inq-reco-texto { padding: 0 18px 18px; display: flex; flex-direction: column; }
.inq-reco-titulo { display: block; font-family: var(--wp--preset--font-family--fraunces, serif); font-size: 1.1rem; margin: 0 0 6px; color: var(--wp--preset--color--contrast); }
.inq-reco em { display: block; margin: 0 0 10px; font-size: .92rem; color: var(--wp--preset--color--accent-4); }
.inq-reco-precio { margin-top: auto; font-weight: 800; color: var(--wp--preset--color--contrast); }

/* Guía para empezar */
.inq-guia { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 860px) { .inq-guia { grid-template-columns: 1fr; } }
.inq-guia a { position: relative; padding: 26px 24px 24px 76px; border: 1px solid var(--wp--preset--color--accent-5); border-radius: 20px; text-decoration: none; color: inherit; transition: border-color .2s; }
.inq-guia a:hover { border-color: var(--wp--preset--color--accent-1); }
.inq-guia b { position: absolute; left: 22px; top: 22px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  background: var(--wp--preset--color--accent-1); color: #fff; font-family: var(--wp--preset--font-family--titulos); font-size: 1.2rem; }
.inq-guia strong { display: block; font-size: 1.1rem; margin-bottom: 4px; }
.inq-guia em { font-style: normal; color: var(--wp--preset--color--accent-4); font-size: .95rem; }

/* Sistemas de juego */
.inq-sistemas { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.inq-sistemas a { display: flex; flex-direction: column; padding: 18px 20px; border-radius: 16px; text-decoration: none; background: #16171c; color: #fff;
  background-image: radial-gradient(circle at 100% 0, rgba(217,164,65,.35), transparent 60%); transition: transform .2s; }
.inq-sistemas a:hover { transform: translateY(-3px); }
.inq-sistemas strong { font-family: var(--wp--preset--font-family--titulos); font-size: 1.1rem; }
.inq-sistemas span { font-size: .82rem; opacity: .7; margin-top: 4px; }

/* Cifras */
.inq-cifras { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; text-align: center; padding: 28px; border-radius: 24px; background: #faf6ee; }
@media (max-width: 860px) { .inq-cifras { grid-template-columns: repeat(2, 1fr); } }
.inq-cifras strong { display: block; font-family: var(--wp--preset--font-family--titulos); font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--wp--preset--color--accent-1); }
.inq-cifras span { color: var(--wp--preset--color--accent-4); font-size: .9rem; }

/* Chips de tarjeta y ficha rápida */
.inq-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 4px; }
.inq-chips span { font-size: .72rem; font-weight: 700; padding: 2px 9px; border-radius: 999px; background: #f2eee6; color: #4a4c58; }
.inq-ficha-rapida { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0; }
.inq-ficha-rapida > div { background: #faf6ee; border-radius: 14px; padding: 10px 14px; }
.inq-ficha-rapida .inq-ancho { grid-column: 1 / -1; }
.inq-ficha-rapida dt { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--wp--preset--color--accent-4); }
.inq-ficha-rapida dd { margin: 2px 0 0; font-weight: 700; }

/* Aparición suave al hacer scroll (navegadores con scroll-timeline) */
@supports (animation-timeline: view()) {
  /* Nunca del todo invisible: si la animación no corre (capturas, impresión), el contenido se ve igual. */
  .inq-seccion, .inq-franja, .inq-tv-franja { animation: inq-entra linear backwards; animation-timeline: view(); animation-range: entry 0% cover 20%; }
  @keyframes inq-entra { from { opacity: .35; transform: translateY(24px); } to { opacity: 1; transform: none; } }
}

/* ---------- Noticias y críticas en la ficha ---------- */
.inq-aviso-noticias a { display: inline-block; font-weight: 700; text-decoration: none; background: #fff6e6;
  border: 1px solid var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); padding: 6px 12px; border-radius: 999px; }
.inq-noticias-producto { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.inq-noticia { border: 1px solid var(--wp--preset--color--accent-5); border-radius: 16px; padding: 18px; }
.inq-noticia h3 { font-size: 1.1rem; margin: .5em 0 .2em; }
.inq-noticia h3 a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.inq-noticia .inq-fecha { font-size: .82rem; color: var(--wp--preset--color--accent-4); margin: 0 0 .5em; }
.inq-noticia .inq-etiqueta, .inq-noticias-producto .inq-etiqueta { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; background: var(--wp--preset--color--accent-2); color: #16171c; padding: 2px 10px; border-radius: 999px; }
.inq-productos-noticia { margin-top: 2.5em; }

.inq-ocupado { opacity: .65; cursor: progress; }

/* ---------- Buscador de regalos ---------- */
.inq-regalos { display: grid; gap: 18px; padding: 24px; border-radius: 20px; background: #fbfaf7; border: 1px solid var(--wp--preset--color--accent-5); }
.inq-r-fila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.inq-regalos label { display: grid; gap: 6px; font-weight: 600; font-size: .92rem; }
.inq-regalos label small, .inq-regalos legend small { font-weight: 400; color: var(--wp--preset--color--accent-4); }
.inq-regalos input[type=text], .inq-regalos input[type=number], .inq-regalos select { font: inherit; font-weight: 400; padding: 10px 12px; border-radius: 10px;
  border: 1px solid #d9d5cf; background: #fff; width: 100%; box-sizing: border-box; }
.inq-regalos fieldset { border: 0; margin: 0; padding: 0; }
.inq-regalos legend { font-weight: 700; margin-bottom: 8px; }
.inq-r-exp { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.inq-r-exp label { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.inq-r-gustos { display: flex; flex-wrap: wrap; gap: 8px; }
.inq-r-gustos label { display: block; }
.inq-r-gustos input { position: absolute; opacity: 0; pointer-events: none; }
.inq-r-gustos span { display: inline-block; padding: 8px 14px; border-radius: 999px; border: 1px solid #d9d5cf; background: #fff; font-weight: 500; cursor: pointer; transition: all .15s; }
.inq-r-gustos input:checked + span { background: var(--wp--preset--color--accent-1); border-color: var(--wp--preset--color--accent-1); color: #fff; }
.inq-r-gustos input:focus-visible + span { outline: 2px solid var(--wp--preset--color--accent-2); outline-offset: 2px; }
.inq-r-boton { justify-self: start; padding: 14px 28px !important; font-size: 1rem !important; }
.inq-r-resultados h2 { margin-top: 1.6em; }
.inq-r-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 16px; }
.inq-r-item { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 14px; border-radius: 16px; background: #fff; border: 1px solid var(--wp--preset--color--accent-5); }
.inq-r-img img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.inq-r-item h3 { font-size: 1rem; margin: 0 0 6px; line-height: 1.3; }
.inq-r-item h3 a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.inq-r-por { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.inq-r-por span { font-size: .72rem; padding: 2px 8px; border-radius: 999px; background: #fff6e6; border: 1px solid #ecd9a9; }
.inq-r-aviso { font-size: .8rem; background: #fdecea; padding: 6px 8px; border-radius: 8px; margin: 4px 0; }
.inq-r-precio { font-weight: 800; margin: 4px 0 8px; }
.inq-r-item .wp-element-button { padding: 8px 16px; font-size: .88rem; }
.inq-r-nota { margin-top: 18px; color: var(--wp--preset--color--accent-4); font-size: .9rem; }
.inq-nav-regalos a { color: var(--wp--preset--color--accent-1) !important; font-weight: 700; }
@media (max-width: 640px) { .inq-r-fila { grid-template-columns: 1fr; } .inq-regalos { padding: 16px; } .inq-r-item { grid-template-columns: 88px minmax(0, 1fr); } }

/* ---------- Lista de deseos ---------- */
.inq-deseo { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 0 10px; padding: 8px 14px; border-radius: 999px; border: 1px solid #d9d5cf;
  background: #fff; color: var(--wp--preset--color--contrast); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; text-decoration: none; }
.inq-deseo:hover { border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-1); }
.inq-deseo.activo { background: #fdecea; border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-1); }
.woocommerce ul.products li.product .inq-deseo, .wc-block-product .inq-deseo { margin: 8px 0 0; justify-content: center; font-size: .78rem; padding: 6px 10px; }
.wc-block-product .inq-deseo span, .woocommerce ul.products li.product .inq-deseo span { display: none; }
.wc-block-product .inq-deseo, .woocommerce ul.products li.product .inq-deseo { align-self: center; }
.inq-deseos-compartir { padding: 16px; border-radius: 14px; background: #fbfaf7; border: 1px solid var(--wp--preset--color--accent-5); margin-bottom: 20px; }
.inq-deseos-ocasion div, .inq-deseos-enlace { display: flex; gap: 8px; margin: 6px 0 10px; }
.inq-deseos-ocasion input, .inq-deseos-enlace input { flex: 1; min-width: 0; padding: 8px 10px; border-radius: 8px; border: 1px solid #d9d5cf; font: inherit; }
.inq-deseos-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.inq-deseos-lista li { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--wp--preset--color--accent-5); border-radius: 12px; }
.inq-deseos-lista li > a { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 200px; color: inherit; text-decoration: none; font-weight: 600; }
.inq-deseos-lista img { width: 56px; height: 56px; object-fit: contain; }
.inq-deseos-precio { font-weight: 700; }
.inq-lista-cab { margin-bottom: 18px; }
.inq-lista-cab h2 { margin: .2em 0; }
.inq-lista-ocasion { font-size: 1.1rem; font-weight: 600; }
.inq-lista-yo { background: #fff6e6; padding: 8px 12px; border-radius: 10px; display: inline-block; }
.inq-lista-ya { display: inline-block; padding: 8px 12px; border-radius: 999px; background: #e7f4ec; color: #1e6b43; font-weight: 700; font-size: .85rem; }
.inq-lista-hecho { opacity: .7; }

/* ---------- Etiquetas sobre la foto ---------- */
.woocommerce ul.products li.product, .wc-block-components-product-image, .wp-block-woocommerce-product-image-gallery, .inq-cal-img { position: relative; }
.inq-etiquetas { position: absolute; top: 8px; left: 8px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.woocommerce ul.products li.product .inq-etiquetas { top: 20px; left: 20px; }
.inq-et { font: 700 .68rem/1.2 var(--wp--preset--font-family--texto, sans-serif); letter-spacing: .05em; text-transform: uppercase; padding: 4px 8px;
  border-radius: 6px; color: #fff; background: var(--wp--preset--color--contrast); box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.inq-et-preventa { background: #6b3fa0; }
.inq-et-novedad { background: var(--wp--preset--color--accent-1); }
.inq-et-oferta { background: #1e7a4c; }
.inq-et-empezar { background: #2b5fa8; }
.inq-et-expansion { background: #8a6a1f; }
.inq-et-envio { background: #fff; color: var(--wp--preset--color--contrast); border: 1px solid #e6e3de; }
.wp-block-woocommerce-product-image-gallery .inq-etiquetas { top: 14px; left: 14px; }
.wp-block-woocommerce-product-image-gallery .inq-et { font-size: .78rem; padding: 6px 10px; }
/* Nuestras etiquetas sustituyen a la "Oferta" redonda de WooCommerce */
.onsale, .wc-block-components-product-sale-badge { display: none !important; }
.inq-preventa { background: #f1eaf8; border: 1px solid #d8c6ec; padding: 8px 12px; border-radius: 10px; }
.inq-preventa a { color: #6b3fa0; font-weight: 700; }

/* ---------- Calendario de lanzamientos ---------- */
.inq-cal-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.inq-cal-filtro { padding: 8px 16px; border-radius: 999px; border: 1px solid #d9d5cf; text-decoration: none; color: var(--wp--preset--color--contrast); font-weight: 600; }
.inq-cal-filtro.activo { background: var(--wp--preset--color--contrast); color: #fff; border-color: var(--wp--preset--color--contrast); }
.inq-cal-mes h2 { margin: 1.6em 0 .6em; text-transform: none; }
.inq-cal-mes h2 small { font-family: var(--wp--preset--font-family--texto, sans-serif); font-size: .9rem; font-weight: 500; color: var(--wp--preset--color--accent-4); }
.inq-cal-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); gap: 16px; }
.inq-cal-item { display: flex; flex-direction: column; padding: 12px; border-radius: 16px; background: #fff; border: 1px solid var(--wp--preset--color--accent-5); }
.inq-cal-img img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.inq-cal-item h3 { font-size: .98rem; line-height: 1.3; margin: 8px 0 4px; }
.inq-cal-item h3 a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.inq-cal-datos { font-size: .8rem; color: var(--wp--preset--color--accent-4); margin: 0 0 4px; }
.inq-cal-precio { font-weight: 800; margin: 0 0 8px; }
.inq-cal-item .wp-element-button { margin-top: auto; text-align: center; padding: 10px; font-size: .88rem; }
.inq-cal-fuente { margin-top: 24px; font-size: .85rem; color: var(--wp--preset--color--accent-4); }
@media (max-width: 640px) { .inq-cal-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }

/* ---------- Club Inquietta ---------- */
.inq-club-aviso { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; margin: 0 0 18px; padding: 14px 16px; border-radius: 14px;
  background: #fff6e6; border: 1px solid var(--wp--preset--color--accent-2); font-size: .95rem; }
.inq-club-aviso a { color: var(--wp--preset--color--accent-1); font-weight: 700; }
.inq-club-consentimiento { font-size: .9rem; }

/* ---------- Ficha del juego (iconos) ---------- */
.inq-ficha-juego { border: 1px solid var(--wp--preset--color--accent-5); border-radius: 16px; padding: 16px 18px; margin: 14px 0; background: #fbfaf7; }
.inq-requiere { margin: 0 0 12px; padding: 8px 12px; border-radius: 10px; background: #fdecea; font-weight: 600; }
.inq-requiere a { color: var(--wp--preset--color--accent-1); }
.inq-iconos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; }
.inq-iconos li { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 6px; border-radius: 12px; background: #fff;
  border: 1px solid var(--wp--preset--color--accent-5); }
.inq-iconos span { font-size: 1.4rem; line-height: 1; }
.inq-iconos strong { font-size: 1.15rem; margin-top: 4px; }
.inq-iconos small { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--accent-4); }
.inq-ficha-extra { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; margin: 12px 0 0; font-size: .9rem; }
.inq-ficha-extra dt { font-weight: 700; }
.inq-ficha-extra dd { margin: 0; }
.inq-mecanicas { margin-top: 10px; }
.inq-fuente { font-size: .72rem; color: var(--wp--preset--color--accent-4); margin: 10px 0 0; }

/* ---------- Vídeos de reseña (fachada, carga al pulsar) ---------- */
.inq-videos { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.inq-video { margin: 0; }
.inq-video-play, .inq-video iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0;
  border-radius: 14px; overflow: hidden; background: #000; cursor: pointer; }
.inq-video-play img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s, opacity .3s; opacity: .9; }
.inq-video-play:hover img { transform: scale(1.04); opacity: 1; }
.inq-video-boton { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 64px; height: 64px;
  border-radius: 50%; background: var(--wp--preset--color--accent-1); color: #fff; font-size: 1.5rem; display: grid; place-items: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.inq-video-dur { position: absolute; right: 8px; bottom: 8px; background: rgba(0,0,0,.75); color: #fff; font-size: .75rem; padding: 2px 6px; border-radius: 6px; }
.inq-video figcaption { margin-top: 8px; font-size: .9rem; line-height: 1.35; }
.inq-video figcaption span { display: block; color: var(--wp--preset--color--accent-4); font-size: .8rem; margin-top: 2px; }
.inq-video-oficial { font-style: normal; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  background: var(--wp--preset--color--accent-2); color: #16171c; padding: 1px 7px; border-radius: 999px; }
.inq-videos-nota { font-size: .78rem; color: var(--wp--preset--color--accent-4); margin-top: 14px; }

/* ---------- Pie ---------- */
.inq-pie p, .inq-pie li { color: #b9b8c2; font-size: .95rem; line-height: 1.9; }
.inq-pie a { color: #e8e6df; text-decoration: none; }
.inq-pie a:hover { color: var(--wp--preset--color--accent-2); }
.inq-pie .wp-block-site-title a { color: #fff; font-family: var(--wp--preset--font-family--titulos); font-weight: 900; letter-spacing: .04em; }

/* Código de prueba (SKU) fuera de la ficha pública */
.sku_wrapper, .wp-block-woocommerce-product-sku { display: none !important; }
.inq-videos { grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.inq-video { display: block; min-width: 0; }

/* Rejilla clásica (portada, relacionados): botón siempre al pie y dentro de la tarjeta */
.woocommerce ul.products li.product { display: flex; flex-direction: column; }
.woocommerce ul.products li.product .button { margin-top: auto; }
.woocommerce ul.products li.product .button, .wc-block-components-product-button__button {
  white-space: normal; line-height: 1.25; max-width: 100%; box-sizing: border-box; }

/* ================= Móvil (≤ 640 px) ================= */
@media (max-width: 640px) {
  /* Barra superior: una línea que se desliza, no tres */
  .inq-barra p { white-space: nowrap; overflow-x: auto; text-align: left !important; font-size: .74rem; scrollbar-width: none; }
  .inq-barra p::-webkit-scrollbar { display: none; }

  /* Cabecera: logo + iconos + menú en una fila; buscador a lo ancho debajo */
  .inq-cabecera { position: relative; }
  .inq-cabecera .wp-block-search__inside-wrapper { min-width: 0; display: flex; }
  .inq-cabecera .wp-block-search__input { flex: 1 1 auto; width: 0 !important; }
  .inq-cabecera > .alignwide { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; align-items: center; padding-right: 44px; }
  .inq-cabecera > .alignwide > .wp-block-search { grid-column: 1 / -1; grid-row: 2; width: auto !important; max-width: 100%; min-width: 0; }
  .inq-cabecera > .alignwide { padding-right: 0 !important; }
  .inq-cabecera > .alignwide > .wp-block-group:last-child { margin-right: 46px !important; gap: 14px; }
  .inq-cabecera .wp-block-search__inside-wrapper { width: 100% !important; }
  .inq-cabecera .wp-block-search__input { min-width: 0; }
  .inq-cabecera .wp-block-site-title, .inq-cabecera .wp-block-site-title a { font-size: 1.05rem !important; letter-spacing: .1em !important; white-space: nowrap; }
  .inq-cabecera .wp-block-site-title { min-width: 0; overflow: hidden; }
  .inq-cabecera .inq-menu, .inq-cabecera .inq-menu .wp-block-navigation__container { position: static !important; }
  .inq-menu .wp-block-navigation__responsive-container-open { position: absolute; top: 24px; right: 14px; margin: 0; }
  .inq-menu { min-height: 0; margin: 0 !important; height: 0; }

  /* Portada: sin bandas vacías alrededor del destacado */
  *:has(> .inq-destacado) { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; }
  .inq-destacado { min-height: 0; }
  .inq-destacado-img { display: block; text-align: center; justify-self: stretch; }
  .inq-destacado-img img { width: 58%; }
  .inq-destacado h1 { font-size: 2rem; }

  /* Tarjetas de producto: botón a lo ancho y con letra que cabe */
  .woocommerce ul.products li.product .button, .wc-block-components-product-button__button { width: 100%; font-size: .82rem; padding: 10px 8px; }
  .wc-block-product-template > li, .wc-block-product, .woocommerce ul.products li.product { padding: 8px; }

  /* Recomendados: tarjeta horizontal compacta */
  .inq-reco { grid-template-columns: 104px 1fr; grid-template-rows: auto; align-items: center; }
  .inq-reco img { padding: 8px; }
  .inq-reco-texto { padding: 12px 14px 12px 0; }

  /* Ficha: cuatro iconos en una fila */
  .inq-iconos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .inq-iconos li { padding: 8px 2px; }
  .inq-iconos strong { font-size: 1rem; }
  .inq-iconos small { font-size: .6rem; letter-spacing: .02em; }
  .inq-ficha-juego { padding: 12px; }
}

/* Accesibilidad: respetar a quien no quiere animaciones */
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }