/* Vox G2 · lo que se ve en el sitio público. Todo va con prefijo «vox-» para no chocar con el tema. */

/* Portada por categoría: capas encima de la imagen destacada; la foto no se toca. */
.vox-portada{position:relative;display:block;overflow:hidden;border-radius:inherit;line-height:0;isolation:isolate}
.vox-portada img{display:block;width:100%;height:auto;object-fit:cover;object-position:var(--vox-x,50%) var(--vox-y,50%)}
.vox-portada .vox-capa{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,3.2%,40px);line-height:1.2;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;z-index:1;pointer-events:none;container-type:size}
.vox-portada .vox-capa::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,26,44,.94) 0%,rgba(22,26,44,.78) calc(var(--vox-alc,55%) * .55),rgba(22,26,44,.25) var(--vox-alc,55%),rgba(22,26,44,0) calc(var(--vox-alc,55%) + 15%))}
.vox-portada.vox-deg-suave .vox-capa::before{opacity:.82}
.vox-portada.vox-deg-fuerte .vox-capa::before{background:linear-gradient(90deg,rgba(22,26,44,.97) 0%,rgba(22,26,44,.86) calc(var(--vox-alc,55%) * .6),rgba(22,26,44,.35) var(--vox-alc,55%),rgba(22,26,44,0) calc(var(--vox-alc,55%) + 18%))}
.vox-portada.vox-alc-40{--vox-alc:40%}.vox-portada.vox-alc-55{--vox-alc:55%}.vox-portada.vox-alc-70{--vox-alc:70%}
.vox-portada.vox-puntos .vox-capa::after{content:"";position:absolute;inset:0;width:60%;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);background-size:16px 16px}
.vox-portada .vox-cab{display:flex;align-items:center;gap:12px}
.vox-portada .vox-iso{width:clamp(28px,4.6%,52px);aspect-ratio:1;border-radius:24%;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}
.vox-portada .vox-iso img{width:100%;height:100%;object-fit:contain}
.vox-portada .vox-cat{background:var(--vox-c,#3B4FE0);color:#fff;font-size:clamp(10px,1.15vw,15px);font-size:clamp(9px,1.25cqw,15px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:.62em 1.15em}
.vox-portada .vox-frase{display:block;max-width:58%;border-left:4px solid var(--vox-c,#3B4FE0);padding-left:16px;font-size:clamp(18px,3.1vw,42px);font-size:clamp(14px,4.2cqw,42px);font-weight:700;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}
.vox-portada .vox-firma{display:flex;align-items:center;gap:12px;font-size:clamp(9px,1vw,14px);font-size:clamp(8px,1.1cqw,14px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#E8EAF2}
.vox-portada .vox-firma::before{content:"";width:38px;height:2px;background:var(--vox-c,#3B4FE0)}
.vox-portada--lista .vox-capa{padding:clamp(10px,4%,22px)}
.vox-portada--lista .vox-cat{font-size:10.5px}
.vox-portada--lista .vox-firma{font-size:9.5px}
.vox-portada--lista .vox-iso{width:30px;padding:4px}
@container (max-width:640px){
	.vox-portada .vox-frase{max-width:78%;font-size:clamp(14px,5.2cqw,26px);border-left-width:3px;padding-left:10px}
	.vox-portada .vox-cat{font-size:clamp(9px,2.6cqw,12px)}
	.vox-portada .vox-firma{font-size:clamp(8px,2.2cqw,11px)}
}
@media (max-width:640px){
	.vox-portada .vox-capa::before{background:linear-gradient(90deg,rgba(22,26,44,.94) 0%,rgba(22,26,44,.8) 45%,rgba(22,26,44,.3) 75%,rgba(22,26,44,.1) 100%)}
}

/* Bajada, resumen y fuente que escribe Vox. */
.vox-bajada{font-size:1.15em;font-style:italic;opacity:.85}
.vox-resumen{font-weight:700}
.vox-fuente{font-size:.92em;border-top:1px solid rgba(0,0,0,.1);padding-top:.8em}
blockquote.vox-destacado{border-left:4px solid currentColor;margin-left:0;padding:.2em 0 .2em 1em;font-size:1.2em;font-weight:600}

/* Patrocinios: siempre con la etiqueta «Publicidad». */
.vox-publi{margin:2em 0;display:flex;flex-direction:column;align-items:center;gap:8px;clear:both}
.vox-publi .vox-publi-et{font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7A8288}
.vox-publi .vox-publi-img{display:block;width:100%;line-height:0}
.vox-publi img{display:block;width:100%;height:auto;border-radius:12px}
.vox-publi .vox-publi-cta{font:700 14px/1.2 Inter,system-ui,sans-serif;text-decoration:none}
.vox-publi-cierre{margin-top:2.4em}
/* 1.0.2 · «Presentado por»: línea discreta bajo la firma y la fecha, con logotipo pequeño. Nunca un banner. */
.vox-presenta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 13px/1.4 Inter,system-ui,sans-serif;color:#6B7480;margin:-.4em 0 1.4em}
.vox-presenta .vox-presenta-et{letter-spacing:.02em}
.vox-presenta a{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:inherit;text-decoration:none}
.vox-presenta a:hover span{text-decoration:underline}
.vox-presenta img.vox-presenta-logo{display:block;height:20px!important;width:auto!important;max-width:84px!important;margin:0!important;object-fit:contain;border-radius:0;box-shadow:none}

/* Galería en carrusel: se desliza de lado; en el teléfono, con el dedo. */
.wp-block-gallery.vox-carrusel{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.wp-block-gallery.vox-carrusel>figure.wp-block-image{flex:0 0 min(82%,640px)!important;width:auto!important;margin:0!important;scroll-snap-align:start}
.wp-block-gallery.vox-carrusel>figure.wp-block-image img{width:100%!important;height:min(56vw,420px)!important;object-fit:cover;border-radius:12px}
.wp-block-gallery.vox-carrusel>figcaption{flex:0 0 100%}