/*
Theme Name: Podio
Theme URI: https://autosdelpodio.com/autos/
Author: Autos del Podio
Description: Tema de bloques para Autos del Podio. La portada se arma sola con las categorías: solo hay que escribir la nota, elegir la categoría y la imagen destacada. Sin Elementor ni shortcodes.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.4.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: podio
*/

/* ---------- Base ---------- */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #fff; clip: auto !important; clip-path: none; color: #000; display: block; height: auto; left: 5px; padding: 1rem; top: 5px; width: auto; z-index: 100000; }
img { height: auto; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
::selection { background: var(--wp--preset--color--accent); color: #fff; }

/* ---------- Barra "Lo último" ---------- */
.podio-ticker {
	display: flex; align-items: center; gap: 0;
	overflow: hidden; white-space: nowrap;
}
.podio-ticker__label {
	flex: none; margin: 0 !important;
	background: var(--wp--preset--color--accent); color: #fff;
	font-family: var(--wp--preset--font-family--display); font-weight: 800;
	text-transform: uppercase; letter-spacing: .06em; font-size: .85rem;
	padding: .35rem .8rem; position: relative; z-index: 2;
	clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
	padding-right: 1.3rem;
}
.podio-ticker .wp-block-query { flex: 1; overflow: hidden; min-width: 0; margin: 0 !important; }
.podio-ticker .wp-block-post-template {
	display: flex !important; flex-wrap: nowrap; gap: 2.5rem;
	margin: 0; padding: 0 0 0 1.5rem; width: max-content;
	animation: podio-ticker 45s linear infinite;
}
.podio-ticker:hover .wp-block-post-template { animation-play-state: paused; }
.podio-ticker .wp-block-post-template > li { margin: 0 !important; }
.podio-ticker .wp-block-post-title { font-family: var(--wp--preset--font-family--body); font-size: .8rem; font-weight: 600; letter-spacing: 0; }
.podio-ticker .wp-block-post-title a { color: #e9e9ea; }
.podio-ticker .wp-block-post-title a:hover { color: #fff; text-decoration: underline; }
.podio-ticker .wp-block-post-template > li::before { content: "▸"; color: var(--wp--preset--color--accent); margin-right: .5rem; font-size: .8rem; }
.podio-ticker .wp-block-post-template > li { display: flex; align-items: center; }
@keyframes podio-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.podio-ticker .wp-block-post-template { animation: none; }
	.podio-ticker .wp-block-query { overflow-x: auto; }
}

/* ---------- Encabezado ---------- */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; position: relative; } }
.has-asphalt-background-color .wp-block-post-date { color: #a9abb1; }
.wp-block-site-title a { color: inherit; text-decoration: none; }
.wp-block-site-title { font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase; letter-spacing: .01em; }
.podio-nav-bar { border-bottom: 3px solid var(--wp--preset--color--accent); }
.podio-nav-bar .wp-block-navigation a { text-decoration: none; }
.podio-nav-bar .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent); }
.podio-nav-bar .wp-block-navigation__submenu-container {
	border: 0 !important; border-top: 3px solid var(--wp--preset--color--accent) !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.18); min-width: 230px !important;
	text-transform: none; font-family: var(--wp--preset--font-family--body); font-size: .95rem; letter-spacing: 0; font-weight: 500;
}
.podio-nav-bar .wp-block-navigation__submenu-container a { padding: .55rem 1rem !important; }

/* ---------- Títulos de sección ---------- */
.podio-section-title {
	display: flex; align-items: center; gap: .75rem;
	border-bottom: 2px solid var(--wp--preset--color--contrast);
	padding-bottom: .4rem; margin-bottom: 1.25rem !important;
}
.podio-section-title h2 {
	margin: 0; font-size: 1.1rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em;
	display: flex; align-items: center; gap: .6rem;
}
.podio-section-title h2::before {
	content: ""; display: inline-block; width: 10px; height: 1.1em;
	background: var(--wp--preset--color--accent); transform: skewX(-14deg);
}
.podio-section-title h2 a { color: inherit; text-decoration: none; }
.podio-section-title .podio-more { margin-left: auto; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.podio-section-title .podio-more a { text-decoration: none; }
.has-asphalt-background-color .podio-section-title { border-color: rgba(255,255,255,.85); }
.has-asphalt-background-color .podio-section-title h2,
.has-asphalt-background-color .podio-section-title h2 a { color: #fff; }

/* ---------- Etiqueta de categoría ---------- */
.podio-kicker { margin: 0 !important; }
.podio-kicker a {
	display: inline-block; text-decoration: none;
	color: var(--wp--preset--color--accent);
}
.podio-kicker .wp-block-post-terms__separator { display: none; }
.podio-kicker a + .wp-block-post-terms__separator + a { margin-left: .6rem; }
/* "Destacado" y "Últimas noticias" son categorías de uso interno: no se muestran como etiqueta */
.podio-kicker a[href*="/newsflash/"], .podio-kicker a[href*="/latest-news/"] { display: none !important; }
.podio-kicker--pill a { background: var(--wp--preset--color--accent); color: #fff; padding: .2rem .55rem; border-radius: 3px; }
.podio-kicker--pill a:hover { background: var(--wp--preset--color--accent-dark); color: #fff; }

/* ---------- Tarjetas ---------- */
.podio-card { height: 100%; }
.podio-card .wp-block-post-featured-image { overflow: hidden; margin-bottom: .75rem; }
.podio-card .wp-block-post-featured-image img { transition: transform .5s ease; aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.podio-card:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.podio-card .wp-block-post-title { margin-top: .3rem !important; }
.podio-card .wp-block-post-title a { text-decoration: none; }
.podio-card--row { display: grid !important; grid-template-columns: 112px 1fr; gap: .9rem; align-items: start; }
.podio-card--row .wp-block-post-featured-image { margin: 0 !important; }
.podio-card--row .wp-block-post-featured-image img { aspect-ratio: 1/1; }
.podio-card--row > .wp-block-group { margin: 0 !important; }

/* Sin imagen destacada: se ve un bloque con la marca en lugar de un hueco */
.podio-card .wp-block-post-featured-image:empty,
.podio-hero .wp-block-post-featured-image:empty { display: none; }

/* ---------- Portada: nota principal ---------- */
.podio-hero-grid { display: grid; grid-template-columns: 1.65fr 1fr; gap: 1.25rem; }
@media (max-width: 900px) { .podio-hero-grid { grid-template-columns: 1fr; } }
.podio-hero .wp-block-post-template { margin: 0; padding: 0; }
.podio-hero-main { position: relative; border-radius: 8px; overflow: hidden; background: var(--wp--preset--color--asphalt); min-height: 440px; display: flex; flex-direction: column; justify-content: flex-end; }
.podio-hero-main .wp-block-post-featured-image { position: absolute !important; inset: 0; margin: 0 !important; border-radius: 0 !important; }
.podio-hero-main .wp-block-post-featured-image a, .podio-hero-main .wp-block-post-featured-image img { height: 100% !important; width: 100%; object-fit: cover; border-radius: 0 !important; }
.podio-hero-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,12,0) 30%, rgba(10,10,12,.92) 100%); pointer-events: none; }
.podio-hero-main .podio-hero-text { position: relative; z-index: 2; padding: clamp(1.25rem, 3vw, 2.25rem); }
.podio-hero-main .wp-block-post-title { color: #fff; font-size: clamp(1.5rem, 2.8vw, 2.3rem); font-weight: 800; letter-spacing: -0.015em; margin: .5rem 0 !important; }
.podio-hero-main .wp-block-post-title a { color: #fff; text-decoration: none; }
.podio-hero-main .wp-block-post-excerpt { color: #d6d6d8; max-width: 60ch; }
.podio-hero-main .wp-block-post-date { color: #b8b9bd; }
@media (max-width: 600px) { .podio-hero-main { min-height: 360px; } .podio-hero-main .wp-block-post-excerpt { display: none; } }

.podio-hero-side .wp-block-post-template { display: grid; gap: 1rem; }
.podio-hero-side .wp-block-post-template > li { background: var(--wp--preset--color--surface); border-radius: 8px; padding: .75rem; }

/* ---------- Opinión ---------- */
.podio-opinion .wp-block-post-template > li { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1rem; }
.podio-opinion .wp-block-post-title { font-style: italic; }

/* ---------- Lista numerada (lateral) ---------- */
.podio-numbered .wp-block-post-template { counter-reset: podio; }
.podio-numbered .wp-block-post-template > li { counter-increment: podio; display: grid; grid-template-columns: 2.2rem 1fr; gap: .5rem; border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: .8rem; }
.podio-numbered .wp-block-post-template > li::before { content: counter(podio, decimal-leading-zero); font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.35rem; line-height: 1.1; color: var(--wp--preset--color--accent); }

/* ---------- Nota (single) ---------- */
.podio-article .wp-block-post-content > p:first-of-type { font-size: 1.125rem; line-height: 1.65; }
.podio-article .wp-block-post-content { font-size: 1.0625rem; }
.podio-article .wp-block-post-content a { text-decoration-thickness: 1px; text-underline-offset: 2px; }
.podio-article .wp-block-post-content figure { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.podio-article .wp-block-post-content iframe { width: 100%; aspect-ratio: 16/9; height: auto; border-radius: 6px; }
.podio-sidebar { position: sticky; top: 90px; }
@media (max-width: 781px) { .podio-sidebar { position: static; } }

/* Tablas viejas (pegadas en notas anteriores) se ven prolijas igual */
.wp-block-post-content table { width: 100%; border-collapse: collapse; font-size: .95rem; background: var(--wp--preset--color--surface); }
.wp-block-post-content table td, .wp-block-post-content table th { border: 0; border-bottom: 1px solid var(--wp--preset--color--line); padding: .55rem .7rem; text-align: left; }
.wp-block-post-content .wp-block-table { overflow-x: auto; }

/* Estilo de tabla "Resultados de carrera" */
.wp-block-table.is-style-resultados table { border: 0; font-variant-numeric: tabular-nums; }
.wp-block-table.is-style-resultados thead th, .wp-block-table.is-style-resultados thead td {
	background: var(--wp--preset--color--asphalt); color: #fff; border: 0;
	font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; font-size: .75rem;
}
.wp-block-table.is-style-resultados tbody td:first-child { width: 3rem; text-align: center; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1rem; }
.wp-block-table.is-style-resultados tbody tr:nth-child(1) td:first-child { background: var(--wp--preset--color--gold); color: #fff; }
.wp-block-table.is-style-resultados tbody tr:nth-child(2) td:first-child { background: var(--wp--preset--color--silver); color: #fff; }
.wp-block-table.is-style-resultados tbody tr:nth-child(3) td:first-child { background: var(--wp--preset--color--bronze); color: #fff; }
.wp-block-table.is-style-resultados tbody tr:nth-child(-n+3) td:nth-child(2) { font-weight: 700; }
.wp-block-table.is-style-resultados tbody tr:hover td { background-color: var(--wp--preset--color--base); }
.wp-block-table.is-style-resultados tbody tr:nth-child(-n+3):hover td:first-child { filter: brightness(1.05); }
.wp-block-table.is-style-resultados figcaption { font-size: .8rem; color: var(--wp--preset--color--muted); text-align: left; }

/* Estilo de tabla "Ficha técnica" */
.wp-block-table.is-style-ficha table { border: 1px solid var(--wp--preset--color--line); border-radius: 6px; overflow: hidden; }
.wp-block-table.is-style-ficha td:first-child { width: 38%; font-weight: 700; text-transform: uppercase; font-size: .8rem; letter-spacing: .05em; color: var(--wp--preset--color--muted); background: var(--wp--preset--color--base); }

/* Caja de aporte */
.podio-apoyo { border-left: 5px solid var(--wp--preset--color--accent); }
.podio-apoyo code, .podio-alias {
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.05rem; letter-spacing: .04em;
	background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); padding: .15rem .6rem; border-radius: 4px; border: 2px dashed var(--wp--preset--color--accent);
}

/* Espacio publicitario: si está vacío no ocupa lugar */
.podio-ad:not(:has(img, iframe, ins, script, a)) { display: none; }
.podio-ad img { display: block; margin-inline: auto; }

/* ---------- Paginación ---------- */
.wp-block-query-pagination { font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { text-decoration: none; padding: .3rem .7rem; border-radius: 4px; }
.wp-block-query-pagination .page-numbers.current { background: var(--wp--preset--color--accent); color: #fff; }

/* ---------- Pie ---------- */
.podio-footer a { color: #e9e9ea; text-decoration: none; }
.podio-footer a:hover { color: #fff; text-decoration: underline; }
.podio-footer .wp-block-navigation { font-family: var(--wp--preset--font-family--body); text-transform: none; letter-spacing: 0; font-weight: 400; font-size: .95rem; }
.podio-awards p { margin: .25rem 0; }

/* ---------- Comentarios ---------- */
.wp-block-comments input:not([type=submit]):not([type=checkbox]), .wp-block-comments textarea {
	border: 1px solid var(--wp--preset--color--line); border-radius: 6px; padding: .6rem .75rem; background: var(--wp--preset--color--surface); color: inherit; font: inherit; width: 100%;
}
.podio-footer .wp-block-categories { list-style: none; padding: 0; columns: 2; column-gap: 1.5rem; }
.podio-footer .wp-block-categories li { margin-bottom: .35rem; break-inside: avoid; }
.podio-footer .wp-block-categories .children { display: none; }

/* Títulos claros sobre la franja oscura */
.has-asphalt-background-color .wp-block-post-title a { color: #fff; }
.has-asphalt-background-color .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }

/* Celular: las grillas pasan a dos columnas para no hacer la portada eterna */
@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; }
	.wp-block-post-template.is-layout-grid .wp-block-post-title { font-size: .92rem !important; }
	.podio-opinion .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; }
	.podio-ticker + .wp-block-social-links { display: none; }
}
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* ---------- Cabecera: escudo + nombre + slogan ---------- */
.podio-mast { position: relative; overflow: hidden; isolation: isolate; }
/* Fotos de automovilismo argentino (se cambian desde el editor: clic en la foto > Reemplazar) */
.podio-mast-fotos { position: absolute !important; inset: 0 0 0 auto; width: min(62%, 860px); margin: 0 !important; display: flex; gap: 6px; z-index: -1; padding-left: 40px;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
.podio-mast-foto { flex: 1 1 0; margin: 0 !important; height: 100%; overflow: hidden; transform: skewX(-14deg); border-radius: 0 !important; position: relative; }
.podio-mast-foto:first-child { margin-left: -40px !important; }
.podio-mast-foto:last-child { margin-right: -40px !important; }
.podio-mast-foto img { width: calc(100% + 60px) !important; max-width: none !important; height: 100% !important; object-fit: cover; margin-left: -30px; transform: skewX(14deg); border-radius: 0 !important; filter: saturate(1.1); }
.podio-mast-foto::after { content: ""; position: absolute; inset: 0; box-shadow: inset 4px 0 0 var(--wp--preset--color--accent); background: linear-gradient(90deg, rgba(255,255,255,.12), transparent 40%); pointer-events: none; }
.podio-mast-foto:nth-child(2)::after { box-shadow: inset 4px 0 0 var(--wp--preset--color--celeste); }
/* Franja blanca diagonal detrás del nombre para que se lea bien */
.podio-mast::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 52%; z-index: -1; background: linear-gradient(90deg, var(--wp--preset--color--surface) 70%, transparent); pointer-events: none; }
.podio-brand { align-items: center !important; min-height: 118px; }
/* El escudo sale del tema (assets/logo-autos-del-podio.jpg) */
.podio-escudo { margin: 0 !important; flex: none; width: 111px; height: 118px; background: url(assets/logo-autos-del-podio.jpg) center / contain no-repeat; }
.podio-escudo a { display: block; width: 100%; height: 100%; font-size: 0; color: transparent; overflow: hidden; }
.podio-brand-text .wp-block-site-title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: clamp(1.5rem, 2.9vw, 2.35rem); line-height: 1; text-transform: uppercase; letter-spacing: -0.01em; margin: 0; }
.podio-brand-text .wp-block-site-title a { color: var(--wp--preset--color--contrast); }
.podio-slogan {
	margin: 0 !important; display: inline-block;
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-style: italic;
	text-transform: uppercase; letter-spacing: .03em; font-size: clamp(.85rem, 1.45vw, 1.1rem); line-height: 1.15;
	color: #fff; background: var(--wp--preset--color--accent); padding: .3rem 1rem .3rem .65rem;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	box-shadow: inset -6px 0 0 var(--wp--preset--color--celeste);
}
.podio-slogan-sub { margin: .1rem 0 0 !important; font-size: .78rem; color: var(--wp--preset--color--muted); letter-spacing: .02em; }
@media (max-width: 781px) {
	.podio-mast-fotos { width: 46%; padding-left: 0; opacity: .5; }
	.podio-mast-foto:not(:last-child) { display: none; }
	.podio-mast::before { width: 75%; }
	.podio-brand { min-height: 0; gap: .8rem !important; }
	.podio-escudo { width: 66px; height: 70px; }
	.podio-slogan-sub { display: none; }
}
@media (max-width: 420px) { .podio-brand-text .wp-block-site-title { font-size: 1.3rem; } .podio-slogan { font-size: .74rem; } }

/* Pie: escudo sobre recuadro blanco */
.podio-escudo--footer { width: 118px; height: 124px; background-color: #fff; background-origin: content-box; padding: .5rem; border-radius: 12px; margin-bottom: 1.25rem !important; box-sizing: border-box; }
.podio-footer .wp-block-site-title { display: none; }

/* Doble filete rojo + celeste, como los anillos del escudo */
.podio-nav-bar { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 3px solid var(--wp--preset--color--accent); box-shadow: 0 3px 0 #fff, 0 6px 0 var(--wp--preset--color--celeste); }
.podio-footer { box-shadow: inset 0 4px 0 var(--wp--preset--color--accent), inset 0 7px 0 #fff, inset 0 10px 0 var(--wp--preset--color--celeste); border-top: 0 !important; }
.podio-section-title h2::before { box-shadow: 4px 0 0 var(--wp--preset--color--celeste); }

/* Barra del menú: el escudo chico aparece recién cuando se baja por la página */
.podio-escudo--mini { width: 0 !important; height: 40px; opacity: 0; transition: width .25s ease, opacity .25s ease; }
.podio-stuck .podio-escudo--mini { width: 38px !important; opacity: 1; }

/* ---------- Compartir ---------- */
.podio-share { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 2rem 0 1.5rem; padding: .9rem 0; border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.podio-share__label { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--muted); margin-right: .25rem; }
.podio-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; height: 38px; min-width: 38px; padding: 0 .7rem; border-radius: 999px; border: 0; cursor: pointer; color: #fff; text-decoration: none; font: 600 .8rem/1 var(--wp--preset--font-family--body); transition: transform .15s ease, filter .15s ease; }
.podio-share__btn:hover { transform: translateY(-1px); filter: brightness(1.08); color: #fff; }
.podio-share__btn--whatsapp { background: #25D366; }
.podio-share__btn--facebook { background: #1877F2; }
.podio-share__btn--x { background: #111; }
.podio-share__btn--copy { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--line); }
.podio-share__btn--copy:hover { color: var(--wp--preset--color--contrast); }
.podio-share__btn--copy.is-done { border-color: #25D366; color: #128C4B; }

/* ---------- Barra de progreso de lectura ---------- */
.podio-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 9999; pointer-events: none; }
.admin-bar .podio-progress { top: 32px; }
@media (max-width: 782px) { .admin-bar .podio-progress { top: 46px; } }
.podio-progress span { display: block; height: 100%; background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--celeste)); transform-origin: 0 50%; transform: scaleX(0); }

/* ---------- Videos ---------- */
.podio-videos { margin-top: 2rem !important; }
.podio-videos .wp-block-embed:not(:has(iframe)) { display: none; }
.podio-videos .wp-block-embed iframe { border-radius: 8px; }
.podio-yt .wp-block-button__link { background: #FF0000; font-size: .8rem; }
.podio-yt .wp-block-button__link:hover { background: #cc0000; }

/* ---------- Detalles generales ---------- */
.podio-card .wp-block-post-title a { transition: color .15s ease; }
.podio-card:hover .wp-block-post-title a { color: var(--wp--preset--color--accent); }
.podio-hero-side .wp-block-post-template > li { box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .2s ease, transform .2s ease; }
.podio-hero-side .wp-block-post-template > li:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.wp-block-post-title a:hover { text-decoration: none; }

/* ---------- Portada: las 3 notas del costado miden lo mismo que la principal ---------- */
.podio-hero-grid { align-items: stretch; }
.podio-hero-grid > * { margin: 0 !important; }
.podio-hero, .podio-hero > .wp-block-post-template, .podio-hero > .wp-block-post-template > li, .podio-hero-main { height: 100%; }
.podio-hero-side { display: flex; flex-direction: column; }
.podio-hero-side > .wp-block-post-template { flex: 1; display: grid !important; grid-template-rows: repeat(3, 1fr); gap: 1rem; margin: 0; }
.podio-hero-side .wp-block-post-template > li { margin: 0 !important; display: flex; align-items: stretch; padding: 0 !important; overflow: hidden; }
.podio-hero-side .podio-card--row { grid-template-columns: 42% 1fr; gap: 1rem; width: 100%; align-items: center; padding-right: 1rem; }
.podio-hero-side .podio-card--row .wp-block-post-featured-image,
.podio-hero-side .podio-card--row .wp-block-post-featured-image a { height: 100% !important; width: 100% !important; }
.podio-hero-side .podio-card--row .wp-block-post-featured-image img { height: 100% !important; width: 100% !important; aspect-ratio: auto; border-radius: 8px 0 0 8px !important; }
.podio-hero-side .podio-card--row .wp-block-post-featured-image { align-self: stretch; border-radius: 8px 0 0 8px !important; }
.podio-hero-side .wp-block-post-title { font-size: 1.02rem !important; }
@media (max-width: 900px) {
	.podio-hero-side > .wp-block-post-template { grid-template-rows: none; }
	.podio-hero-side .wp-block-post-template > li { min-height: 110px; }
}

/* ---------- Últimos videos (YouTube) ---------- */
.podio-yt-list { display: grid; gap: .9rem; }
.podio-yt-main { margin: 0; }
.podio-yt-main button, .podio-yt-main iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; padding: 0; border-radius: 8px; overflow: hidden; position: relative; cursor: pointer; background: #000; }
.podio-yt-main img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease, filter .3s ease; }
.podio-yt-main button:hover img { transform: scale(1.04); filter: brightness(.85); }
.podio-yt-main figcaption { margin-top: .5rem; display: grid; gap: .15rem; }
.podio-yt-main figcaption a { font-weight: 700; color: var(--wp--preset--color--contrast); text-decoration: none; line-height: 1.3; }
.podio-yt-main figcaption a:hover { color: var(--wp--preset--color--accent); }
.podio-yt-main figcaption span, .podio-yt-text span { font-size: .75rem; color: var(--wp--preset--color--muted); }
.podio-yt-icon { position: absolute; left: 50%; top: 50%; width: 64px; height: 44px; margin: -22px 0 0 -32px; background: #FF0000; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.podio-yt-icon::after { content: ""; position: absolute; left: 26px; top: 13px; border-left: 16px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.podio-yt-icon--sm { width: 34px; height: 24px; margin: -12px 0 0 -17px; border-radius: 7px; }
.podio-yt-icon--sm::after { left: 13px; top: 6px; border-left-width: 10px; border-top-width: 6px; border-bottom-width: 6px; }
.podio-yt-item { display: grid; grid-template-columns: 128px 1fr; gap: .75rem; align-items: center; text-decoration: none; color: var(--wp--preset--color--contrast); }
.podio-yt-thumb { position: relative; display: block; border-radius: 6px; overflow: hidden; aspect-ratio: 16/9; background: #000; }
.podio-yt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.podio-yt-text { display: grid; gap: .15rem; }
.podio-yt-text strong { font-size: .875rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.podio-yt-item:hover strong { color: var(--wp--preset--color--accent); }
.podio-yt-feed { font-size: .8rem; color: var(--wp--preset--color--muted); }