/*
Theme Name: Metaversos
Template: twentytwentyfive
Description: Tema hijo de metaversos.com (Gecko Studio). Dirección «Revista de producto».
Version: 0.2.0
Text Domain: metaversos
*/

/* --- Cabecera de revista --- */
.mv-mast { padding-top: 22px; }
.mv-mast__bar { padding-bottom: 12px; border-bottom: 3px solid var(--wp--preset--color--ink); }
.mv-dateline { padding: 8px 0; border-bottom: 1px solid var(--wp--preset--color--rule); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin-top: 0 !important; }
.mv-dateline p { margin: 0; }

/* --- Cabeza de artículo --- */
.mv-head { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--40); }
.mv-section, .mv-section a { color: var(--wp--preset--color--accent); font-weight: 700; font-size: .88rem; text-decoration: none; }
.mv-stand { font-size: var(--wp--preset--font-size--large); line-height: 1.5; max-width: 62ch; }
.mv-credit { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); border-top: 1px solid var(--wp--preset--color--ink); padding-top: 10px; max-width: 320px; }
.mv-credit b { color: var(--wp--preset--color--ink); font-weight: 600; }
.mv-article .wp-block-post-content > * + h2 { margin-top: var(--wp--preset--spacing--60); }

/* --- Encabezado de bloque con filete grueso (estilo de bloque «Con filete») --- */
.is-style-mv-filete { border-top: 3px solid var(--wp--preset--color--ink); padding-top: 10px; }
.mv-block-head { border-top: 3px solid var(--wp--preset--color--ink); padding-top: 10px; margin-top: var(--wp--preset--spacing--60) !important; }
.mv-block-head h2 { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.mv-block-head p { margin: 0; font-size: .88rem; font-weight: 600; white-space: nowrap; }

/* --- Recomendaciones de compra (patrón) --- */
.mv-picks { border-top: 3px solid var(--wp--preset--color--ink); }
.mv-pick { padding: 18px 0; border-bottom: 1px solid var(--wp--preset--color--rule); gap: 6px 24px !important; }
.mv-pick > * { margin: 0 !important; }
.mv-pick .mv-pick__for { font-weight: 700; font-size: .95rem; flex-basis: 100%; }
.mv-pick .mv-pick__model { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.05; }
.mv-pick .mv-pick__why { color: var(--wp--preset--color--muted); font-size: .95rem; flex-basis: 100%; }

/* --- Tablas --- */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th, .wp-block-table td { border: 0; border-bottom: 1px solid var(--wp--preset--color--rule); padding: 12px 12px 12px 0; text-align: left; vertical-align: baseline; }
.wp-block-table thead { border-bottom: 2px solid var(--wp--preset--color--ink); }
.wp-block-table thead th { font-weight: 700; font-size: .88rem; }
.is-style-mv-frente td:first-child { font-weight: 600; }
.is-style-mv-frente td:last-child { font-style: italic; color: var(--wp--preset--color--muted); }
.mv-status td:first-child { font-family: var(--wp--preset--font-family--display); font-size: 1.2rem; }
.mv-status td:first-child a { text-decoration: none; }
.mv-status td:last-child { text-align: right; }

/* --- Estado de un mundo --- */
.mv-state { font-size: .85rem; }
.mv-state.is-off { color: var(--wp--preset--color--muted); text-decoration: line-through; text-decoration-color: var(--wp--preset--color--accent); }

/* --- Índice A–Z --- */
.mv-az { columns: 3; column-gap: 40px; margin-top: var(--wp--preset--spacing--50); }
.mv-az__group { break-inside: avoid; padding-bottom: 18px; }
.mv-az__group b { display: block; font: 400 1.6rem/1 var(--wp--preset--font-family--display); color: var(--wp--preset--color--accent); margin-bottom: 6px; }
.mv-az__group a { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border-bottom: 1px dotted var(--wp--preset--color--rule); text-decoration: none; }
.mv-az__group a:hover span:first-child { text-decoration: underline; }

/* --- Caja de datos de la ficha --- */
.mv-datos { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); border-top: 3px solid var(--wp--preset--color--ink); margin: 0 0 var(--wp--preset--spacing--50); }
.mv-datos div { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--wp--preset--color--rule); }
.mv-datos dt { font-size: .8rem; color: var(--wp--preset--color--muted); }
.mv-datos dd { margin: 2px 0 0; font-weight: 600; }

/* --- Listados --- */
.mv-list { list-style: none; padding: 0; }
.mv-list__item { padding: 18px 0; border-top: 1px solid var(--wp--preset--color--rule); }
.mv-list__item .wp-block-post-title a { text-decoration: none; }
.mv-list__item .wp-block-post-date { white-space: nowrap; }
.mv-list__item { display: grid; grid-template-columns: 280px minmax(0, 1fr) auto; gap: 0 28px; align-items: start; }
.mv-list__item > * { margin-block-start: 0 !important; }
.mv-list__item:not(:has(.wp-block-post-featured-image)) > .wp-block-group { grid-column: 1 / 3; }
.mv-list__item .wp-block-post-featured-image img { display: block; }
.mv-list__item .wp-block-post-title { margin-top: 0; }
@media (max-width: 700px) {
	.mv-list__item { grid-template-columns: 1fr; gap: 12px; }
	.mv-list__item:not(:has(.wp-block-post-featured-image)) > .wp-block-group { grid-column: auto; }
}
.mv-empty { color: var(--wp--preset--color--muted); font-style: italic; }

/* --- Esquemas dibujados --- */
.mv-schema svg { width: 100%; height: auto; display: block; }

/* --- Pie --- */
.mv-footer { margin-top: var(--wp--preset--spacing--60); border-top: 3px solid var(--wp--preset--color--ink); padding-top: 18px; padding-bottom: var(--wp--preset--spacing--60); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.mv-footer a { color: inherit; }
.mv-aff-note { font-style: italic; }

/* --- Botón con la tienda en pequeño («Ver precio · Amazon») --- */
.wp-block-button__link small { font-weight: 400; opacity: .7; margin-left: 6px; }

@media (max-width: 860px) {
	.mv-az { columns: 1; }
	.mv-status td:last-child { text-align: left; }
}

/* --- Imagen destacada y crédito --- */
.mv-featured { margin-top: var(--wp--preset--spacing--40) !important; }
.mv-featured img { border-radius: 2px; }
.mv-img-credit { font-size: .78rem; color: var(--wp--preset--color--muted); margin-top: 6px !important; }
.wp-block-query .wp-block-post-featured-image img { border-radius: 2px; }

/* --- Banner de cookies (Complianz Free) con la identidad de la revista --- */
/* Complianz Free deja <li> con enlaces Premium ocultos: sin esto salen viñetas vacías. */
.cmplz-cookiebanner .cmplz-links li:has(> a:only-child[style*="display: none"]),
.cmplz-cookiebanner .cmplz-links li:has(> a:only-child:empty),
.cmplz-cookiebanner .cmplz-links li:has(> a.cmplz-manage-vendors),
.cmplz-cookiebanner .cmplz-links li:has(> a.cmplz-read-more-purposes) { display: none !important; }
.cmplz-cookiebanner .cmplz-links ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.cmplz-cookiebanner { font-family: var(--wp--preset--font-family--body) !important; background: var(--wp--preset--color--paper) !important; color: var(--wp--preset--color--ink) !important; border: 1px solid var(--wp--preset--color--ink) !important; border-radius: 3px !important; box-shadow: none !important; }
.cmplz-cookiebanner .cmplz-title { font-family: var(--wp--preset--font-family--display) !important; font-size: 1.35rem !important; font-weight: 400 !important; }
.cmplz-cookiebanner .cmplz-message { font-size: .9rem !important; line-height: 1.5 !important; color: var(--wp--preset--color--ink) !important; }
.cmplz-cookiebanner .cmplz-btn { border-radius: 3px !important; font-family: var(--wp--preset--font-family--body) !important; font-weight: 600 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: var(--wp--preset--color--ink) !important; border-color: var(--wp--preset--color--ink) !important; color: var(--wp--preset--color--paper) !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: var(--wp--preset--color--accent) !important; border-color: var(--wp--preset--color--accent) !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences { background: transparent !important; border: 1px solid var(--wp--preset--color--ink) !important; color: var(--wp--preset--color--ink) !important; }

/* --- Artículo con columna lateral --- */
.mv-pagina { display: grid; grid-template-columns: minmax(0, 720px) 300px; justify-content: space-between; gap: var(--wp--preset--spacing--60); align-items: start; }
.mv-pagina > * { margin-block-start: 0 !important; }
.mv-cuerpo .mv-stand { max-width: none; }
.mv-lateral { padding-top: var(--wp--preset--spacing--50); }
.mv-lateral__bloque + .mv-lateral__bloque { margin-top: var(--wp--preset--spacing--50); }
.mv-lateral__titulo { font-family: var(--wp--preset--font-family--body, inherit); font-size: .88rem; font-weight: 700; text-transform: none; letter-spacing: 0; border-top: 3px solid var(--wp--preset--color--ink); padding-top: 10px; margin: 0 0 4px; }
.mv-lateral ul { list-style: none; margin: 0; padding: 0; }
.mv-lateral li { border-bottom: 1px solid var(--wp--preset--color--rule); }
.mv-lateral__piezas a { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; padding: 12px 0; color: inherit; text-decoration: none; }
.mv-lateral__piezas a:not(:has(.mv-lateral__img)) { grid-template-columns: 1fr; }
.mv-lateral__img img { display: block; width: 72px; height: 72px; object-fit: cover; }
.mv-lateral__nombre { font-weight: 600; font-size: .95rem; line-height: 1.35; }
.mv-lateral__piezas a:hover .mv-lateral__nombre, .mv-lateral__piezas a:focus-visible .mv-lateral__nombre { text-decoration: underline; }
.mv-lateral__secciones li { display: flex; justify-content: space-between; padding: 10px 0; font-size: .95rem; }
.mv-lateral__secciones a { color: inherit; font-weight: 600; text-decoration: none; }
.mv-lateral__secciones a:hover { text-decoration: underline; }
.mv-lateral__secciones span { color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
@media (max-width: 1000px) {
	.mv-pagina { display: block; }
	.mv-pagina > .mv-lateral { margin-block-start: var(--wp--preset--spacing--60) !important; }
}

/* --- Portada: enlace y foto de la guía bajo la entradilla --- */
.mv-leer { font-weight: 700; }
.mv-leer a { color: var(--wp--preset--color--ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.mv-picks .mv-pick:has(.mv-pick__img) { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) auto; align-items: end; }
.mv-pick__img { grid-row: 1 / 4; align-self: center; }
.mv-pick__img img { display: block; width: 120px; aspect-ratio: 4 / 3; object-fit: cover; }
/* La foto de prensa de PS VR2 trae todo el kit sobre blanco: se encuadra solo el visor (Chrome/Edge; el resto ve la foto entera). */
.mv-pick__img img.wp-image-58 { object-view-box: inset(28% 2% 22% 48%); }
.mv-pick:has(.mv-pick__img) .mv-pick__for { grid-column: 2 / 4; }
.mv-pick:has(.mv-pick__img) .mv-pick__why { grid-column: 2 / 4; }
.mv-picks-credito { font-size: .8rem; color: var(--wp--preset--color--muted); margin-top: 10px !important; }
.mv-picks-credito a { color: inherit; }
@media (max-width: 600px) {
	.mv-picks .mv-pick:has(.mv-pick__img) { grid-template-columns: minmax(0, 1fr) auto; }
	.mv-pick__img { grid-row: auto; grid-column: 1 / 3; }
	.mv-pick:has(.mv-pick__img) .mv-pick__for, .mv-pick:has(.mv-pick__img) .mv-pick__why { grid-column: 1 / 3; }
}