/*
Theme Name: Mucho POP
Author: Mucho POP
Description: Portada editorial bilingüe y blog nativo.
Version: 1.2.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mucho-pop
*/
.mpop-blog-header{padding:24px var(--gutter);display:flex;gap:30px;align-items:center;border-bottom:1px solid #4e246422}.mpop-blog-header img{width:65px;height:58px;object-fit:contain}.mpop-blog{padding:60px var(--gutter);max-width:1200px;margin:auto}.mpop-blog h1{font-size:clamp(36px,5vw,68px);margin-bottom:35px}.mpop-post{padding:35px 0;border-bottom:1px solid #4e246433}.mpop-post h2{font-size:32px;margin-bottom:18px}.mpop-content{font-size:19px;line-height:1.7;max-width:850px}.mpop-content p{margin-bottom:22px}.mpop-content img{height:auto;max-width:100%}.mpop-content ul,.mpop-content ol{padding-left:25px}.mpop-blog img.wp-post-image{height:auto;max-height:500px;object-fit:cover;margin-bottom:25px}body.admin-bar .header{top:32px}body.admin-bar .reading-progress{top:calc(var(--header) + 32px)}@media(max-width:782px){body.admin-bar .header{top:46px}body.admin-bar .reading-progress{top:calc(var(--header) + 46px)}}


/* Explicit layout dimensions protect scene artwork against WordPress image defaults. */
body.mpop-landing .service-art>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
body.mpop-landing .integration-objects .object>img,body.mpop-landing .audience-art>div>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
body.mpop-landing .audience-art>div{position:relative;width:100%;height:100%}
body.mpop-landing .integration-objects .object{min-width:0;flex-shrink:0}
body.mpop-landing .hero-art>img{max-width:none!important;max-height:none!important}
body.mpop-landing .orb>img{width:100%!important;height:100%!important;object-fit:contain!important}
body.mpop-landing .origin-mug-body,body.mpop-landing .contact-bubble img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}
body.blog-page .post-image{width:100%;height:100%;max-width:none;object-fit:cover}
body.blog-page .featured-visual>img{width:100%;height:100%;min-height:440px;object-fit:cover}
body.blog-page .article-body img{max-width:100%;height:auto}
body.blog-page .article-body>section>p,body.blog-page .article-body>p{margin-bottom:22px}
body.blog-page .article-body ul,body.blog-page .article-body ol{padding-left:24px;font-size:19px;line-height:1.7}
body.blog-page .article-body h3{font-size:26px;margin:30px 0 18px}
body.blog-page .article-body .wp-block-image{margin:30px 0}
.blog-search button{background:none;border:0;padding:0;display:flex;cursor:pointer}.blog-search input{width:100%}.blog-page .pagination{padding:20px 0 50px}.blog-page .pagination .page-numbers{padding:12px}.blog-page .pagination .current{color:var(--pink)}
@media(max-width:760px){body.blog-page .featured-visual>img{min-height:260px}}
body.mpop-landing .integration-objects .object>img,body.mpop-landing .audience-art>div>img{position:absolute!important;inset:0!important}
body.mpop-landing .audience-art{display:flex;align-items:center;justify-content:center}
body.mpop-landing .audience-art>div{width:100%!important;height:100%!important;min-width:0}
@media(min-width:783px){body.admin-bar.mpop-landing .service-stage,body.admin-bar.mpop-landing .roots-stage,body.admin-bar.mpop-landing .audience-stage{top:calc(var(--header) + 32px)}body.admin-bar.mpop-landing .service-stage,body.admin-bar.mpop-landing .roots-stage{height:calc(100svh - var(--header) - 32px)}}

/* Never let archive body classes inherit filter button rules. */
body.blog-page{font-family:'Inter Tight',Arial,sans-serif;color:#202023}
.header-navigation{min-width:0}.header #main-nav{flex-wrap:wrap;row-gap:6px}
.author-box>img{width:68px;height:68px;border-radius:50%;object-fit:contain;flex-shrink:0}
.article-body .wp-block-image img{height:auto;object-fit:contain}
.article-body .alignwide{width:100%;max-width:100%}
@media(min-width:1000px){.header #main-nav{max-width:70vw}}

@media(min-width:761px){.header #main-nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;max-width:69vw;scrollbar-width:thin}.header #main-nav a{flex-shrink:0}}
.share-buttons svg{width:20px;height:20px}