/* CineMedios Élite · Refinamientos aprobados del home y sistema tipográfico */
:root{
	--font:"Montserrat",Arial,sans-serif;
	--title-font:"Montserrat",Arial,sans-serif;
	--ui-font:"Montserrat",Arial,sans-serif;
	--cm-plus:var(--orange);
}

/* Sistema tipográfico: Montserrat en lectura y UI editorial. */
body{font-family:var(--font);line-height:1.68}
h1,h2,h3,h4,.section-head h2,.rail-heading h2,.card h3,.archive h3,.lead-grid>.hero h2{font-family:var(--title-font);font-weight:800;letter-spacing:-.035em}
.masthead,.mast-note,.search,.search-box,.main-nav,.cm-nav-menu,.nav-extra,.mobile-menu,.mobile-panel,.eyebrow,.category-badge,.hero-deck,.deck,.meta,.text-link,.house-ad,.beyond-intro,.footer,.footer li,.footer a,.footer-brand p,.footer-bottom,.cm-article-copy,.cm-page-shell>.entry-content{font-family:var(--font)}
.cm-article-copy{font-size:1.0625rem;line-height:1.82}

.utility,.utility a{font-family:var(--font)!important}
.footer h2{font-family:"Oswald",Arial,sans-serif!important}
.utility{font-weight:500;letter-spacing:0}
.utility a{font-weight:500;letter-spacing:0}
.footer h2{font-weight:700;letter-spacing:.035em;text-transform:uppercase}

body.home .topics{display:none!important}
body.home .utility{display:block!important}
body.home .utility .wrap{justify-content:flex-end!important}
body.home .masthead,.cm-site-header-interior .masthead{min-height:118px;position:relative;justify-content:space-between}
body.home .masthead .brand{position:static;left:auto;transform:none;margin:0}
body.home .masthead .brand img,.cm-site-header-interior .brand img{width:360px;max-width:42vw;height:auto}
body.home .masthead .search{margin-left:auto}

/* Todas las páginas interiores comparten esta misma cabecera. */
.cm-site-header-interior .utility,
.cm-site-header-interior .utility a,
.cm-site-header-interior .masthead,
.cm-site-header-interior .mast-note,
.cm-site-header-interior .search,
.cm-site-header-interior .search summary,
.cm-site-header-interior .main-nav,
.cm-site-header-interior .nav-extra{font-family:var(--font)!important}
.cm-site-header-interior .utility{font-size:.72rem;font-weight:500}
.cm-site-header-interior .masthead{gap:32px}

.cm-site-header-interior .mast-note{max-width:320px;margin-right:auto;padding-left:24px;font-size:.78rem;line-height:1.45;color:var(--muted)}
.cm-site-header-interior .mast-note strong{font-weight:800;color:var(--muted)}
.cm-site-header-interior .search{margin-left:auto}
.cm-site-header-interior .search>summary{min-height:40px;font-size:.82rem;font-weight:700}

.nav-shell{background:var(--night);border-block-color:var(--night);border-bottom-color:var(--night)}
.main-nav a,.cm-nav-menu a,.nav-extra,.mobile-menu summary{color:#fff}
.main-nav a{position:relative;display:flex;align-items:center;min-height:51px;text-decoration:none!important}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);opacity:0;transition:opacity .12s ease;pointer-events:none}
.main-nav a:hover::after{opacity:1}
.main-nav a:hover{color:#fff;text-decoration:none!important}
.main-nav a[aria-current],.current-menu-item>a,.current-menu-ancestor>a{color:#fff}
.nav-extra{border-left-color:rgba(255,255,255,.22)}
.cm-nav-menu a:hover,.nav-extra:hover,.mobile-menu summary:hover{color:#fff}
.cm-nav-menu .sub-menu{background:#fff}
.cm-nav-menu .sub-menu a{color:var(--ink)}
.cm-site-header .main-nav{gap:clamp(14px,2vw,30px)}
.cm-site-header .nav-search{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 auto;margin-left:auto;padding:0 18px 0 24px}
.cm-site-header .nav-search>summary{display:grid;place-items:center;min-width:22px;min-height:51px;color:#fff}
.cm-site-header .nav-search>summary svg{display:block;width:20px;height:20px;color:#fff;fill:none}
.cm-site-header .nav-search>summary svg circle,.cm-site-header .nav-search>summary svg path{fill:none;stroke:currentColor}
.cm-site-header .nav-search .search-box{right:0;top:calc(100% + 3px)}

.lead-grid>.hero h2 a,.news-list h3 a,.card h3 a,.archive h3 a,.cm-category-lead-copy h2 a,.cm-post-grid h3 a,.cm-related-section h3 a{text-decoration:none!important;transition:color .12s ease}
.lead-grid>.hero h2 a:hover,.news-list h3 a:hover,.card h3 a:hover,.archive h3 a:hover,.cm-category-lead-copy h2 a:hover,.cm-post-grid h3 a:hover,.cm-related-section h3 a:hover{color:var(--orange)!important;text-decoration:none!important}

.category-links{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin-bottom:12px!important;position:relative;z-index:2}
.category-badge{display:inline-flex;align-items:center;width:max-content;min-height:28px;padding:5px 10px;background:var(--orange);color:#111!important;font-family:var(--font);font-size:.75rem;font-weight:800;line-height:1;letter-spacing:.02em;text-transform:none;text-decoration:none!important}
.category-badge:hover{filter:brightness(.96);text-decoration:none!important}
.category-badge:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.lead-grid>.hero .category-links{margin-bottom:13px!important}
.news-list .eyebrow{justify-content:flex-start!important}
.card .eyebrow,.archive .eyebrow{color:inherit}

.meta .author a,.date-link{color:inherit;text-decoration:none}
.meta .author a{font-weight:700}
.meta .author a:hover,.date-link:hover{text-decoration:underline;text-underline-offset:3px}
.date-link:focus-visible,.meta .author a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.meta .date-link{color:var(--muted)}

body.home .credit,.card>.credit,.card figure>.credit{display:none!important}
.card figure>a>img{object-fit:contain}
.archive-main img{object-fit:contain;aspect-ratio:1200/836}
.lead-grid>.hero figure img{object-position:center 25%}
.lead-grid>.hero:after{background:linear-gradient(180deg,transparent 0%,#090c1820 20%,#090c18bf 45%,#090c18 100%)}
.lead-grid>.hero h2 a:after{pointer-events:none}

.portada-head{display:flex;align-items:end}
.portada-head>h2{margin:0}
.lead-grid{grid-template-columns:minmax(0,2.08fr) minmax(310px,.92fr);gap:32px;align-items:stretch}
.news-rail{border-top:0!important;padding-top:0!important;display:flex;flex-direction:column;min-height:0;position:relative}
.rail-heading{display:flex;align-items:flex-end;min-height:49px;padding:0 0 10px;border-bottom:3px solid var(--ink);margin:0!important;position:absolute;left:0;right:0;top:-61px;background:#fff}
.rail-heading h2 a{display:inline-flex;align-items:center;min-height:32px}
.rail-heading h2{font-size:1.48rem;line-height:1.12}
.news-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));padding-top:0}
.news-list li{padding:7px 0!important;display:flex;align-items:center;min-height:0;overflow:hidden}
.news-list article{width:100%;min-width:0}
.news-list .eyebrow{margin-bottom:4px!important}
.news-list .category-links{gap:5px!important;margin-bottom:4px!important}
.news-list .category-badge{min-height:20px;padding:3px 6px;font-size:.61rem;line-height:1}
.news-list h3{font-size:.91rem;line-height:1.18;letter-spacing:-.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news-rail>.text-link{margin-top:6px;min-height:25px;font-size:.7rem}

.secondary-grid,.reviews-grid,.beyond-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important}
.secondary-grid .card h3,.reviews-grid .card h3,.beyond-grid .card h3{font-size:1.08rem!important;line-height:1.28!important;letter-spacing:-.035em!important}
.secondary-grid .card .deck{font-size:.82rem!important;line-height:1.52!important}
.secondary-grid .card .meta,.reviews-grid .card .meta,.beyond-grid .card .meta{font-size:.7rem!important}
.secondary-grid .category-badge,.reviews-grid .category-badge,.beyond-grid .category-badge{min-height:24px!important;padding:5px 8px!important;font-size:.68rem!important}
.secondary-grid .card figure>a,.reviews-grid .card figure>a,.beyond-grid .card figure>a{aspect-ratio:16/9!important}

.ad-wrap{padding-block:0 40px}
.ad-wrap .ad-label{display:none!important}
.cm-plus-mark{color:var(--orange)!important}

.footer{background:#f4f5f8;border-top:1px solid var(--line);color:var(--ink);padding-block:38px 18px}
.footer h2,.footer li,.footer li a{color:var(--ink)}
.footer-brand p,.footer-bottom{color:var(--muted)}
.footer-bottom{border-top-color:#d6d8e0}
.footer-bottom a{color:var(--muted);text-decoration:underline}
.footer .social-icons{display:grid;grid-template-columns:repeat(3,38px);align-items:center;gap:12px;margin:0;padding:0}
.footer .social-icons li{margin:0}
.footer .social-icons a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6d8e0;border-radius:50%;background:#fff;color:var(--ink);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.footer .social-icons a:hover{transform:translateY(-1px);border-color:#b9bdc8;background:#fff;text-decoration:none}
.footer .social-icons a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.footer .social-icons svg{width:18px;height:18px;fill:currentColor}

/* Restore the approved home breathing room below the dark navigation. */
body.home main{padding-top:30px!important}

/* One footer scale everywhere: home and interiors share the compact interior footer. */
.footer .footer-brand img{width:240px!important;max-width:100%;height:auto}
.footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.footer .footer-brand p{font-size:.875rem;max-width:300px;margin-top:16px}
.footer h2{font-size:.75rem;margin-bottom:15px}
.footer li{font-size:.8125rem;line-height:1.6;margin-block:8px}
.footer .footer-bottom{margin-top:28px;padding-top:18px;font-size:.75rem}

@media(max-width:1180px){.secondary-grid,.reviews-grid,.beyond-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(max-width:980px){
	body.home .masthead,.cm-site-header-interior .masthead{justify-content:space-between;min-height:102px}
	body.home .masthead .brand{position:static;transform:none}
	body.home .masthead .brand img,.cm-site-header-interior .brand img{width:310px;max-width:46vw}
	.mobile-panel{background:var(--night);border-color:#2c2f3a}
	.cm-mobile-menu a,.mobile-panel>a{color:#fff;border-bottom-color:#2c2f3a}
	.portada-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
	.lead-grid{grid-template-columns:1fr}
	.news-rail{display:block}
	.rail-heading{position:static;min-height:0;padding-bottom:9px;margin-top:28px!important}
	.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:0 22px}
	.news-list li{display:block;padding:12px 0!important;overflow:visible}
	.news-list h3{font-size:.95rem;line-height:1.25;-webkit-line-clamp:unset;display:block}
	.news-rail>.text-link{font-size:.75rem;margin-top:10px}
	.secondary-grid,.reviews-grid,.beyond-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px}
	.footer .footer-grid>div:last-child{grid-column:2/4}
}

@media(max-width:680px){
	body.home main{padding-top:23px!important}
	body.home .masthead,.cm-site-header-interior .masthead{min-height:92px}
	body.home .masthead .brand img,.cm-site-header-interior .brand img{width:250px;max-width:65vw}
	.category-badge{min-height:26px;padding:5px 8px;font-size:.7rem}
	.footer .social-icons{gap:10px}
	.footer .social-icons{grid-template-columns:repeat(3,36px)}
	.footer .social-icons a{width:36px;height:36px}
	.lead-grid>.hero figure img{object-position:center}
	.news-list{grid-template-columns:1fr}
	.secondary-grid,.reviews-grid,.beyond-grid{grid-template-columns:1fr!important}
	.footer .footer-grid{grid-template-columns:1fr 1fr;gap:25px 30px}
	.footer .footer-brand{grid-column:1/-1}
	.footer .footer-brand img{width:220px!important}
	.footer .footer-grid>div:last-child{grid-column:1/-1}
	.footer .footer-bottom{flex-direction:column;gap:8px}
}


/* Archive header/footer must render the same visible composition as home.
 * Some CoverNews archive rules retain the containers but suppress their contents. */
body.archive .cm-site-header-interior .masthead,
body.tag .cm-site-header-interior .masthead,
body.author .cm-site-header-interior .masthead,
body.search .cm-site-header-interior .masthead,
body.error404 .cm-site-header-interior .masthead{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
}
body.archive .cm-site-header-interior .masthead .brand,
body.tag .cm-site-header-interior .masthead .brand,
body.author .cm-site-header-interior .masthead .brand,
body.search .cm-site-header-interior .masthead .brand,
body.error404 .cm-site-header-interior .masthead .brand{
	display:block!important;
	position:static!important;
	transform:none!important;
	margin:0!important;
	visibility:visible!important;
	opacity:1!important;
}
body.archive .cm-site-header-interior .masthead .brand img,
body.tag .cm-site-header-interior .masthead .brand img,
body.author .cm-site-header-interior .masthead .brand img,
body.search .cm-site-header-interior .masthead .brand img,
body.error404 .cm-site-header-interior .masthead .brand img,
body.archive .cm-site-header-interior .masthead .search,
body.tag .cm-site-header-interior .masthead .search,
body.author .cm-site-header-interior .masthead .search,
body.search .cm-site-header-interior .masthead .search,
body.error404 .cm-site-header-interior .masthead .search{
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
}
body.archive .footer .footer-grid,
body.tag .footer .footer-grid,
body.author .footer .footer-grid,
body.search .footer .footer-grid,
body.error404 .footer .footer-grid{
	display:grid!important;
	visibility:visible!important;
	opacity:1!important;
}


/* One global chrome: homepage is the canonical header/footer for every view. */
.cm-site-header .masthead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	min-height:118px;
	position:relative;
}
.cm-site-header .masthead .brand{
	display:block;
	position:static;
	transform:none;
	margin:0;
}
.cm-site-header .masthead .brand img{width:360px;max-width:42vw;height:auto}
.cm-site-header .masthead .search{display:block;margin-left:auto}
.footer{
	background:var(--soft)!important;
	color:var(--ink);
}
.footer .footer-grid{
	display:grid;
	grid-template-columns:1.6fr 1fr 1fr 1fr;
	gap:40px;
	visibility:visible;
	opacity:1;
}
@media(max-width:980px){
	.cm-site-header .masthead{min-height:102px}
	.cm-site-header .masthead .brand img{width:310px;max-width:46vw}
	body.single .cm-site-header .main-nav{display:flex;flex-wrap:wrap;min-width:0}
	body.single .cm-site-header .nav-extra{display:none}
	.cm-site-header .mobile-menu{order:-1}
	.cm-site-header .nav-search{order:2;margin-left:auto;padding:0 0 0 12px}
	.cm-site-header .nav-search>summary{min-width:40px;min-height:50px}
	.footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px}
	.footer .footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:680px){
	.cm-site-header .masthead{min-height:92px}
	.cm-site-header .masthead .brand img{width:250px;max-width:65vw}
	body.single .cm-site-header .nav-inner{min-height:46px;position:relative;gap:16px}
	body.single .cm-site-header .main-nav{min-height:46px;gap:24px;font-size:.75rem;flex:1;flex-wrap:nowrap}
	body.single .cm-site-header .main-nav a:nth-child(n+4){display:none}
	body.single .cm-site-header .mobile-menu summary{display:flex;align-items:center;gap:7px;min-height:44px;font-size:.75rem;font-weight:700}
	body.single .cm-site-header .mobile-panel{position:absolute;top:100%;left:0;right:0;z-index:40;padding:12px 20px;background:var(--night);border:1px solid #2c2f3a;box-shadow:0 16px 25px #11122215}
	body.single .cm-site-header .mobile-panel>a{display:block;padding:11px 0;border-bottom:1px solid #2c2f3a;color:#fff;font-size:.9375rem;font-weight:700}
	body.single .cm-site-header .mobile-panel>a:last-child{border-bottom:0}
	.footer .footer-grid{grid-template-columns:1fr 1fr;gap:25px 30px}
	.footer .footer-brand{grid-column:1/-1}
	.footer .footer-grid>div:last-child{grid-column:1/-1}
}



/* Editorial spacing contract after the sidebar-width adjustment. */
@media(min-width:981px){
	/* Written articles with a sidebar regain a real gutter and comfortable
	 * interior padding. The sidebar width stays bounded so the reading column
	 * remains useful at the desktop widths used by CineMedios. */
	body.single.cm-align-content-sidebar .cm-layout-has-sidebar{
		grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important;
		column-gap:34px!important;
	}
	body.single.cm-align-content-sidebar .cm-primary-sidebar{
		padding-left:0!important;
	}
	body.single.cm-align-content-sidebar .cm-article-shell,
	body.single.cm-align-content-sidebar .cm-article-layout{
		padding-inline:32px!important;
	}
	body.single.cm-align-content-sidebar .cm-article-copy{
		width:100%!important;
		max-width:none!important;
	}
}

/* Full-width stories use the exact same effective horizontal box as the
 * native TOC. A single inset keeps evergreen, affiliate and review masters
 * aligned even when their authored wrappers differ. */
body.single.cm-align-full-width-content{
	--cm-full-content-inset:15px;
}
body.single.cm-align-full-width-content .cm-toc-shell{
	padding-inline:var(--cm-full-content-inset)!important;
	margin-bottom:28px!important;
}
body.single.cm-align-full-width-content .cm-article-layout,
body.single.cm-align-full-width-content .cm-article-layout-canvas{
	padding-inline:var(--cm-full-content-inset)!important;
}
body.single.cm-align-full-width-content .cm-article-copy,
body.single.cm-align-full-width-content .cm-article-copy-canvas{
	width:100%!important;
	max-width:none!important;
}
body.single.cm-align-full-width-content .cm-article-copy > :where(
	.cm-evergreen-reference,
	.cm-evergreen-full,
	.cm-affiliate-full,
	.cm-film-review-full,
	.cm-game-review-full,
	.cm-gadget-full,
	.cm-sport-analysis-full,
	.cm-top,
	[class*="cm-review-"],
	[class*="cm-data-"],
	[class*="cm-special-"],
	[class*="cmfc-"]
){
	width:100%!important;
	max-width:none!important;
	margin-inline:0!important;
}
body.single.cm-align-full-width-content .cm-article-copy > :where(
	.cm-evergreen-reference,
	.cm-evergreen-full,
	.cm-affiliate-full,
	.cm-film-review-full,
	.cm-game-review-full,
	.cm-gadget-full,
	.cm-sport-analysis-full,
	.cm-top,
	[class*="cm-review-"],
	[class*="cm-data-"],
	[class*="cm-special-"],
	[class*="cmfc-"]
) > :where(.cm-hero,.hero){
	width:100%!important;
	max-width:none!important;
	margin-inline:0!important;
}

/* Search controls are form elements, so make the font explicit instead of
 * relying on browser inheritance. */
.search-box,
.search-box *,
.cm-search-form,
.cm-search-form *{
	font-family:var(--font)!important;
}

@media(max-width:980px){
	body.single.cm-align-full-width-content{
		--cm-full-content-inset:var(--cm-interior-pad);
	}
}



/* Related keeps one visual column per card: text wraps inside the exact
 * effective width of its own image, never beyond it. */
.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{
	min-width:0;
}
.jp-relatedposts .jp-relatedposts-post-img,
.jp-relatedposts .jp-relatedposts-post-title,
.jp-relatedposts .jp-relatedposts-post-title a{
	display:block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
.jp-relatedposts .jp-relatedposts-post-title,
.jp-relatedposts .jp-relatedposts-post-title a{
	overflow-wrap:anywhere;
	word-break:normal;
}


/* Editorial images: the source defines the frame, at every viewport width.
 * Important overrides retire legacy fixed-height and inline section crops. */
body.home .hero,
body.cm-music .hero,
body.cm-vg .vg-cover .hero{display:block!important;min-height:0!important;height:auto!important}
body.home .hero figure,
body.home .hero .hero-media-link,
body.cm-vg .hero-media,
body.cm-vg .card-img,
body.cm-vg .platform-media,
body.home .card figure>a,
body.home .archive-main figure>a,
.cm-category-lead figure>a,
.cm-post-grid .card figure>a,
body.cm-cine #contenido figure,
body.cm-cine .live-image,
body.cm-music #contenido figure,
body.cm-music .live-image,
body.cm-sports #contenido figure,
.cm-f1-hub .f1-hero-media,
.cm-f1-hub .f1-story-img,
.cm-f1-hub .f1-cross-img{position:relative!important;inset:auto!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;align-self:start}
body.home .hero img,
body.home .card figure img,
body.home .archive-main img,
.cm-category-lead figure img,
.cm-post-grid .card figure img,
body.cm-cine #contenido figure img,
body.cm-cine .hero>img,
body.cm-music #contenido figure img,
body.cm-music .hero>img,
body.cm-sports #contenido figure img,
body.cm-vg .hero>img,
body.cm-vg .hero-media img,
body.cm-vg .card-img img,
body.cm-vg .platform-media img,
body.cm-vg .feature-main>img,
body.cm-vg .mini-feature>img,
.cm-f1-hub .f1-hero-media img,
.cm-f1-hub .f1-story-img img,
.cm-f1-hub .f1-cross-img img,
.cm-f1-hub .f1-analysis-main>img{position:static!important;display:block!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto var(--cm-image-ratio, 16/9)!important;contain-intrinsic-size:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}
body.home .hero:after,
body.cm-music .hero:after,
body.cm-vg .vg-cover .hero:after,
body.cm-vg .feature-main:after,
.cm-f1-hub .f1-analysis-main:after{display:none!important}
body.home .hero-content,
body.cm-music .hero-copy,
body.cm-vg .vg-cover .hero-text,
body.cm-vg .feature-copy,
.cm-f1-hub .f1-analysis-copy{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box;background:#10121d;color:#fff;padding:clamp(20px,3vw,34px)}
body.cm-vg .feature-main,
.cm-f1-hub .f1-analysis-main{display:block;min-height:0!important;height:auto!important}
/* Leave the image row at its intrinsic height even when a rail is taller. */
.cm-f1-hub .f1-hero-media{align-self:start}
body.cm-vg .mini-feature{align-items:start}


/* Presentation window removes only measured solid upload padding. */
body .cm-editorial-media{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:var(--cm-window-ratio)!important;overflow:hidden!important;min-height:0!important;line-height:0}
body #contenido .cm-editorial-media>img{display:block!important;position:static!important;inset:auto!important;width:var(--cm-window-width)!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--cm-image-ratio, auto)!important;contain-intrinsic-size:none!important;margin:var(--cm-window-top) 0 0 var(--cm-window-left)!important;object-fit:contain!important;transform:none!important}
body .card figure:has(.cm-editorial-media),body .card figure>a:has(.cm-editorial-media){aspect-ratio:auto!important;height:auto!important}
/* Weekly article canvases: full image followed by the existing copy. */
body.single #contenido .cm-uncropped-legacy-hero{display:block!important;min-height:0!important;height:auto!important;padding:0!important;background-image:none!important;background-color:#10121d!important;overflow:hidden}
body.single #contenido .cm-uncropped-legacy-hero:before,body.single #contenido .cm-uncropped-legacy-hero:after{display:none!important}
body.single #contenido .cm-uncropped-legacy-hero>img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:var(--cm-image-ratio, auto)!important;object-fit:contain!important;contain-intrinsic-size:none!important}
body.single #contenido .cm-uncropped-legacy-hero>.hc{position:relative!important;inset:auto!important;padding:clamp(20px,3vw,32px)!important;width:100%!important;min-height:0!important}
/* The WordPress archive body class must not inherit the dark home module. */
body.archive #contenido .cm-post-grid .card .deck{color:#5d616f!important}
body.archive #contenido .cm-post-grid .card .meta,body.archive #contenido .cm-post-grid .card .meta a{color:#5d616f!important}

/* Integrated heroes: one image surface behind the copy on every viewport. */
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main){position:relative!important;display:flex!important;flex-direction:column;justify-content:flex-end;min-height:clamp(520px,43vw,680px)!important;height:auto!important;isolation:isolate;overflow:hidden;background:#10121d!important;color:#fff!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main)>:is(figure,.hero-media,.f1-hero-media,.cm-editorial-media){position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;min-height:0!important;margin:0!important;border:0!important;align-self:stretch}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main)>figure>a{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:var(--cm-hero-focus,50% 40%)!important;transform:none!important;margin:0!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) .cm-editorial-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;container-type:size;overflow:hidden!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) .cm-editorial-media>img{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;width:max(calc(100cqw * var(--cm-cover-x,1)),calc(100cqh * var(--cm-cover-y,1.777778)))!important;height:auto!important;max-width:none!important;aspect-ratio:var(--cm-image-ratio,16/9)!important;object-fit:cover!important;transform:translate(-50%,-50%)!important;margin:0!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main):after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;background:linear-gradient(180deg,rgba(6,9,16,.04) 0%,rgba(6,9,16,.14) 25%,rgba(6,9,16,.7) 58%,rgba(6,9,16,.96) 100%)!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main)>:is(.hero-content,.hero-copy,.hero-text,.f1-hero-copy,.hc,.feature-copy,.f1-analysis-copy){position:relative!important;inset:auto!important;z-index:2!important;width:100%!important;max-width:none!important;box-sizing:border-box;padding:clamp(22px,3vw,36px)!important;margin:0!important;background:transparent!important;color:#fff!important}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) :is(h2,.hero-title){color:#fff!important;text-shadow:0 2px 12px #0005}
body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) :is(.hero-deck,.deck,.meta,.credit,.hero-copy>p,.hero-text>p,.f1-hero-copy>p){color:#f1f2f6!important}
@media(max-width:760px){body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main){min-height:clamp(540px,82svh,760px)!important} body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main) :is(h2,.hero-title){font-size:clamp(30px,8.5vw,44px)!important;line-height:1.08!important} body #contenido :is(body.home .hero,body.cm-cine .hero,body.cm-music .hero,body.cm-vg .vg-cover .hero,body.cm-sports .hero,.cm-f1-hub .f1-hero,body.single .cm-uncropped-legacy-hero,body.cm-vg .feature-main,.cm-f1-hub .f1-analysis-main)>:is(.hero-content,.hero-copy,.hero-text,.f1-hero-copy,.hc,.feature-copy,.f1-analysis-copy){padding:24px 20px!important}}

/* Editorial cards and the Archivo CM lead share a fixed 16:9 media frame. */
body #contenido :is(.card figure>a,.card>figure,.card>.card-img,.archive-main figure>a,.archive-main>figure){position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important}
body #contenido :is(.card figure>a,.card>figure,.card>.card-img,.archive-main figure>a,.archive-main>figure)>img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;margin:0!important;transform:none!important}
body #contenido :is(.card figure>a,.card>figure,.card>.card-img,.archive-main figure>a,.archive-main>figure)>.cm-editorial-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;container-type:size}
body #contenido :is(.card figure>a,.card>figure,.card>.card-img,.archive-main figure>a,.archive-main>figure)>.cm-editorial-media>img{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;width:max(calc(100cqw * var(--cm-cover-x,1)),calc(100cqh * var(--cm-cover-y,1.777778)))!important;height:auto!important;aspect-ratio:var(--cm-image-ratio,16/9)!important;max-width:none!important;margin:0!important;transform:translate(-50%,-50%)!important}
body #contenido :is(.card figure>a,.card>figure,.card>.card-img,.archive-main figure>a,.archive-main>figure)>.cm-media-fallback{width:100%;height:100%;min-height:0;aspect-ratio:16/9}