/*
Theme Name: Millennial Media
Theme URI: https://www.facebook.com/MillennialMediaMX/
Author: Millennial Media
Description: Tema editorial premium para revista digital, inspirado en la identidad visual negro, dorado y blanco de Millennial Media.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: millennial-media
Tags: news, magazine, blog, custom-logo, custom-menu, featured-images, two-columns, responsive-layout
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--mm-black:#080808;--mm-charcoal:#171717;--mm-gold:#c9a243;--mm-gold-dark:#a9842f;--mm-white:#fff;--mm-off:#f6f5f2;--mm-gray:#e8e6e1;--mm-mid:#777;--mm-ink:#171717;--mm-max:1280px;--mm-serif:Didot,"Bodoni MT","Times New Roman",serif;--mm-brand:"Century Gothic",CenturyGothic,AppleGothic,"URW Gothic L",Futura,"Trebuchet MS",Arial,sans-serif;--mm-sans:"Century Gothic",CenturyGothic,AppleGothic,"URW Gothic L",Futura,"Trebuchet MS",Arial,sans-serif;--mm-shadow:0 18px 50px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mm-white);color:var(--mm-ink);font-family:var(--mm-sans);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--mm-gold-dark)}img{max-width:100%;height:auto;display:block}.container{width:min(calc(100% - 36px),var(--mm-max));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.site-header{background:#fff;position:relative;z-index:50}.utility-bar{background:var(--mm-black);color:#d7d7d7;font-size:.69rem;letter-spacing:.15em;text-transform:uppercase}.utility-inner{display:flex;justify-content:space-between;align-items:center;min-height:34px}.utility-links{display:flex;gap:22px}.utility-links a{color:var(--mm-gold)}.masthead{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;min-height:190px;padding-block:24px}.brand-mark{justify-self:start;width:84px}.brand-mark .custom-logo-link{display:block}.brand-mark img,.brand-mark .custom-logo{width:84px;height:84px;object-fit:contain}.brand-copy{text-align:center}.site-title{font-family:var(--mm-brand);font-size:clamp(2.45rem,5.2vw,4.9rem);font-weight:400;letter-spacing:.12em;line-height:.95;margin:0;text-transform:uppercase}.site-description{font-family:var(--mm-brand);font-size:.72rem;font-weight:400;letter-spacing:.44em;text-transform:uppercase;color:var(--mm-gold-dark);margin:18px 0 0}.menu-toggle{display:none;justify-self:end;background:none;border:0;padding:8px;color:#111}.menu-toggle span{display:block;width:24px;height:1px;background:#111;margin:5px 0}.menu-toggle b{display:none}.main-navigation{border-top:1px solid var(--mm-gray);border-bottom:1px solid var(--mm-gray)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.main-navigation ul{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}.main-navigation li{position:relative}.main-navigation a{display:block;padding:16px 18px;font-family:var(--mm-brand);font-size:.7rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.main-navigation a:hover,.main-navigation .current-menu-item>a{background:var(--mm-black);color:var(--mm-gold)}.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--mm-gray);box-shadow:var(--mm-shadow);z-index:10}.main-navigation li:hover>ul{display:block}.main-navigation ul ul a{padding:13px 16px}.search-link{display:flex!important;align-items:center;gap:8px;color:var(--mm-gold-dark);font-size:1.1rem!important}.search-link span{font-size:.66rem;color:#333}.breaking-bar{background:var(--mm-gold);color:#080808}.breaking-inner{display:flex;align-items:center;gap:18px;padding:10px 0;font-size:.79rem}.breaking-inner strong{background:#080808;color:#fff;padding:4px 9px;text-transform:uppercase;letter-spacing:.16em;font-size:.63rem}.lead-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:36px;padding:45px 0 52px;border-bottom:1px solid var(--mm-gray)}.lead-story{position:relative}.story-image{display:block;aspect-ratio:16/9;background:var(--mm-charcoal);overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.lead-story:hover .story-image img{transform:scale(1.02)}.lead-copy{max-width:850px;padding:25px 0 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--mm-gold-dark);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.lead-copy h2{font-family:var(--mm-serif);font-size:clamp(2.3rem,4vw,4.7rem);font-weight:400;line-height:.98;margin:14px 0 12px}.lead-copy p{font-family:Georgia,serif;color:#555;font-size:1.05rem;max-width:760px}.post-meta{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#888}.side-stories{border-left:1px solid var(--mm-gray);padding-left:30px;display:flex;flex-direction:column}.side-story{display:grid;grid-template-columns:122px 1fr;gap:17px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--mm-gray)}.side-story:last-child{margin-bottom:0}.side-thumb{aspect-ratio:1.15;background:var(--mm-charcoal);overflow:hidden}.side-thumb img{width:100%;height:100%;object-fit:cover}.side-story h3{font-family:var(--mm-serif);font-weight:400;font-size:1.35rem;line-height:1.08;margin:8px 0 10px}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0d0d0d,#282828);color:var(--mm-gold);font-family:var(--mm-serif);font-size:clamp(3rem,8vw,8rem)}.latest-section{padding:55px 0}.section-title-row{display:flex;align-items:center;gap:18px;margin-bottom:30px}.section-title-row span{width:44px;height:44px;border:1px solid var(--mm-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--mm-serif);color:var(--mm-gold-dark)}.section-title-row h2{font-family:var(--mm-serif);font-size:2.4rem;font-weight:400;margin:0}.section-title-row:after{content:"";height:1px;background:var(--mm-gold);flex:1}.content-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);gap:44px}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.post-card{border-bottom:1px solid #d9d7d2;padding-bottom:24px}.post-card-thumb{aspect-ratio:16/10;background:#181818;display:block;overflow:hidden;margin-bottom:19px}.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.post-card:hover img{transform:scale(1.025)}.post-card-title{font-family:var(--mm-serif);font-size:1.85rem;font-weight:400;line-height:1.08;margin:11px 0}.post-card-excerpt{font-family:Georgia,serif;color:#666;font-size:.94rem;margin:0 0 18px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#888}.read-more{color:var(--mm-gold-dark);font-weight:800}.sidebar{border-left:1px solid var(--mm-gray);padding-left:30px}.widget{margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--mm-gray)}.widget-title{font-family:var(--mm-serif);font-size:1.55rem;font-weight:400;margin:0 0 16px}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:10px 0;border-bottom:1px solid #eee}.widget li a{font-size:.83rem}.widget-monogram{width:68px;height:68px;border:1px solid var(--mm-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--mm-serif);font-size:2rem;color:var(--mm-gold-dark);margin-bottom:17px}.about-widget p{font-family:Georgia,serif;color:#666}.site-main{padding:55px 0}.article-header{max-width:970px;margin:0 auto 38px;text-align:center}.article-title{font-family:var(--mm-serif);font-weight:400;font-size:clamp(3rem,7vw,6.8rem);line-height:.96;margin:18px 0}.article-deck{font-family:Georgia,serif;font-size:1.25rem;line-height:1.5;color:#666;max-width:780px;margin:0 auto 22px}.article-byline{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;color:#777}.featured-single{max-width:1180px;margin:0 auto 48px}.featured-single img{width:100%}.article-shell{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:60px;justify-content:center}.article-content{font-family:Georgia,serif;font-size:1.16rem;line-height:1.82}.article-content>p:first-child:first-letter{float:left;font-family:var(--mm-serif);font-size:5.2rem;line-height:.72;padding:12px 10px 0 0;color:var(--mm-gold-dark)}.article-content h2,.article-content h3{font-family:var(--mm-serif);font-weight:400;line-height:1.1}.article-content blockquote{border-left:3px solid var(--mm-gold);margin:2.2em 0;padding:4px 0 4px 26px;font-family:var(--mm-serif);font-size:1.75rem;line-height:1.25}.tag-list a{display:inline-block;border:1px solid var(--mm-gray);padding:6px 10px;margin:3px;font-size:.7rem;text-transform:uppercase}.site-footer{background:var(--mm-black);color:#ddd;border-top:5px solid var(--mm-gold);margin-top:45px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:60px;padding:62px 0}.footer-brand img{width:78px;height:78px;object-fit:contain;filter:none;background:#fff;border-radius:50%}.footer-brand h2{font-family:var(--mm-brand);letter-spacing:.1em;font-size:2.2rem;font-weight:400;color:#fff;margin:15px 0 0}.footer-brand>p{color:var(--mm-gold);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}.site-footer h3{font-family:var(--mm-serif);font-size:1.4rem;font-weight:400;color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.site-footer a:hover{color:var(--mm-gold)}.social-links{display:flex;gap:18px;margin-top:18px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.footer-small{color:#888}.footer-bottom{border-top:1px solid #262626;padding:18px 0;text-align:center;color:#777;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.pagination{margin-top:35px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{border:1px solid var(--mm-gray);padding:8px 13px}.page-numbers.current{background:var(--mm-black);color:var(--mm-gold)}.search-form{display:flex}.search-field{min-width:0;flex:1;border:1px solid #ccc;padding:12px}.search-submit,input[type=submit],.button,.wp-block-button__link{background:var(--mm-black);color:var(--mm-gold);border:0;border-radius:0;padding:12px 18px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.archive-title{font-family:var(--mm-serif);font-weight:400;font-size:3rem}.comment-list{list-style:none;padding:0}.comment-body{background:var(--mm-off);padding:22px;margin-bottom:16px}.alignwide{max-width:1180px;margin-inline:auto}.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:980px){.masthead{grid-template-columns:80px 1fr 80px;min-height:150px}.brand-mark,.brand-mark img,.brand-mark .custom-logo{width:68px;height:68px}.site-title{font-size:3.2rem}.main-navigation a{padding:14px 11px}.lead-layout{grid-template-columns:1fr}.side-stories{border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.side-story{margin:0}.content-layout,.article-shell{grid-template-columns:1fr}.sidebar{border-left:0;padding-left:0;border-top:1px solid var(--mm-gray);padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.utility-inner{justify-content:center}.utility-links span{display:none}.masthead{grid-template-columns:58px 1fr 58px;min-height:118px;padding-block:16px}.brand-mark,.brand-mark img,.brand-mark .custom-logo{width:52px;height:52px}.site-title{font-size:clamp(1.65rem,8vw,2.5rem)}.site-description{font-size:.55rem;letter-spacing:.25em;margin-top:9px}.menu-toggle{display:block}.main-navigation .nav-inner{display:block}.main-navigation ul{display:none;flex-direction:column;align-items:stretch}.main-navigation.toggled ul{display:flex}.main-navigation ul ul{position:static;display:block;box-shadow:none}.main-navigation a{border-bottom:1px solid #eee}.search-link{display:none!important}.breaking-inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-layout{padding-top:25px}.lead-copy h2{font-size:2.5rem}.side-stories{grid-template-columns:1fr}.posts-grid{grid-template-columns:1fr}.section-title-row h2{font-size:1.9rem}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.article-title{font-size:3rem}.article-content{font-size:1.06rem}.container{width:min(calc(100% - 24px),var(--mm-max))}}

/* Identidad tipográfica Millennial Media */
.brand-copy,.utility-bar,.breaking-bar,.eyebrow,.post-meta,.card-footer,.read-more,.search-submit,input[type=submit],.button,.wp-block-button__link{font-family:var(--mm-brand)}


/* Personalización avanzada y publicidad */
.masthead-brand{display:flex;align-items:center;gap:24px;grid-column:1/3}.masthead.has-header-ad{grid-template-columns:minmax(320px,1fr) minmax(300px,970px) 70px;gap:28px}.masthead.has-header-ad .masthead-brand{grid-column:auto}.masthead.has-header-ad .brand-copy{text-align:left}.masthead.has-header-ad .site-title{font-size:clamp(1.8rem,3vw,3.3rem)}.masthead.has-header-ad .site-description{letter-spacing:.28em}.mm-ad-area{position:relative;text-align:center}.mm-ad-label{display:block;color:#999;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.mm-ad-area .widget{border:0;margin:0;padding:0}.mm-ad-area img{margin-inline:auto;max-height:100%;object-fit:contain}.mm-ad-header{width:100%;min-height:90px;display:flex;flex-direction:column;justify-content:center}.header-ad-half .mm-ad-header{max-width:520px}.mm-ad-home-top,.mm-ad-home-inline,.mm-ad-footer{margin-top:28px;margin-bottom:28px;padding:12px;border:1px solid var(--mm-gray);background:var(--mm-off)}.mm-ad-sidebar{margin-bottom:28px;padding:10px;border:1px solid var(--mm-gray);background:var(--mm-off)}.mm-ad-article-inline{margin:38px 0;padding:16px;border-top:1px solid var(--mm-gray);border-bottom:1px solid var(--mm-gray)}.content-layout.without-sidebar{grid-template-columns:1fr}.mm-home-section{padding:52px 0;border-top:1px solid var(--mm-gray)}.mm-section-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.mm-section-thumb{display:block;aspect-ratio:16/10;background:var(--mm-charcoal);overflow:hidden}.mm-section-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mm-section-card:hover img{transform:scale(1.025)}.mm-section-copy{padding-top:15px}.mm-section-copy h3{font-family:var(--mm-serif);font-size:1.45rem;line-height:1.1;font-weight:400;margin:9px 0}.mm-section-featured .mm-section-posts{grid-template-columns:1.5fr 1fr 1fr}.mm-section-featured .is-first{grid-row:span 2}.mm-section-featured .is-first .mm-section-thumb{aspect-ratio:4/3}.mm-section-featured .is-first h3{font-size:2.3rem}.mm-section-dark{background:var(--mm-black);color:#fff;margin-inline:calc(50% - 50vw);padding-inline:max(18px,calc((100vw - var(--mm-max))/2))}.mm-section-dark .section-title-row h2,.mm-section-dark .mm-section-copy h3{color:#fff}.mm-section-dark .post-meta{color:#aaa}.mm-section-dark .mm-section-card{border-bottom:1px solid #2e2e2e;padding-bottom:20px}
@media(max-width:1050px){.masthead.has-header-ad{grid-template-columns:1fr 60px}.masthead.has-header-ad .masthead-brand{grid-column:1}.mm-ad-header{grid-column:1/-1;grid-row:2}.mm-section-posts{grid-template-columns:repeat(2,1fr)}.mm-section-featured .mm-section-posts{grid-template-columns:1fr 1fr}.mm-section-featured .is-first{grid-column:1/-1;grid-row:auto}}
@media(max-width:720px){.masthead-brand{grid-column:1/3;gap:12px}.masthead.has-header-ad{display:grid;grid-template-columns:1fr 52px}.masthead.has-header-ad .brand-copy{text-align:center}.masthead.has-header-ad .site-title{font-size:1.65rem}.mm-ad-header{min-height:60px}.mm-section-posts,.mm-section-featured .mm-section-posts{grid-template-columns:1fr}.mm-section-featured .is-first{grid-column:auto}.mm-home-section{padding:38px 0}}
