/**
 * Rap Growing Home — refinement layer.
 * Draft-only. Keeps UOL/GAM markup and callbacks untouched.
 */

/* Consent enters the document flow before the header. */
.rg-consent-slot:empty{display:none}
.rg-consent-slot:not(:empty){display:block;position:relative;z-index:1001;background:#111;color:#fff;border-bottom:4px solid var(--rg-yellow,#f1c52e)}
.rg-v3-home .rg-consent-slot #wpconsent-banner-holder,
.rg-v3-home .rg-consent-slot .wpconsent-banner-holder,
.rg-v3-home .rg-consent-slot [data-wpconsent-banner]{
 position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 width:100%!important;max-width:none!important;margin:0!important;transform:none!important;box-shadow:none!important;
}
.rg-v3-home .rg-consent-slot [class*="wpconsent"]{font-family:Arial,Helvetica,sans-serif}
.rg-v3-home .rg-consent-slot [class*="banner"]{max-width:1240px;margin:0 auto!important}
.rg-v3-home .rg-consent-slot button,
.rg-v3-home .rg-consent-slot a{min-height:40px}
.rg-v3-home .rg-consent-slot button{border-radius:0!important;font-weight:800!important}

/* Light, stable placeholders: no black flashes while below-fold media arrives. */
.rg-v3-home .rg-card-media,
.rg-v3-home .rg-feature-card{background:#ebe7df!important}
.rg-v3-home .rg-card-media,
.rg-v3-home .rg-feature-card>a{isolation:isolate}
.rg-v3-home .rg-card-media:before,
.rg-v3-home .rg-feature-card>a:before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(110deg,#ebe7df 8%,#f8f6f1 22%,#ebe7df 36%);
 background-size:220% 100%;animation:rg-placeholder 1.25s linear infinite;
}
.rg-v3-home .rg-card-media:has(img.rg-media-loaded):before,
.rg-v3-home .rg-feature-card>a:has(img.rg-media-loaded):before{animation:none;opacity:0}
.rg-v3-home .rg-card-image,
.rg-v3-home .rg-feature-image{background:#ebe7df;color:transparent}
@keyframes rg-placeholder{to{background-position-x:-220%}}

/* Real feature takeover; the adjacent UOL/GAM rail keeps its original container. */
.rg-v3-home .rg-feature-layout{content-visibility:visible;contain-intrinsic-size:auto;margin-bottom:40px}
.rg-v3-home .rg-feature-takeover{min-width:0}
.rg-v3-home .rg-feature-grid{grid-template-rows:repeat(2,minmax(275px,auto));min-height:0}
@media(min-width:768px){.rg-v3-home .rg-feature-grid>.rg-feature-card{min-height:275px}.rg-v3-home .rg-feature-grid>.rg-feature-main{min-height:564px}}
@media(max-width:767px){.rg-v3-home .rg-feature-grid{grid-template-rows:none!important}.rg-v3-home .rg-feature-grid>.rg-feature-card{min-height:0!important}}
.rg-v3-home .rg-feature-card>a{min-height:100%;}
.rg-v3-home .rg-feature-image{visibility:visible;opacity:1}
.rg-v3-home .rg-feature-card{border-radius:2px}
.rg-v3-home .rg-feature-card .rg-kicker{color:#f1c52e}
.rg-v3-home .rg-feature-card time{display:block;margin-top:10px;color:#ddd;font-size:10px;letter-spacing:.08em}
.rg-v3-home .rg-feature-image{object-position:50% 28%}

/* Three editorial rhythms instead of three identical paired grids. */
.rg-v3-home .rg-pair--culture{gap:58px}
.rg-v3-home .rg-pair--culture .rg-category--cultura-hip-hop{
 border-left:1px solid #d7d2c8;padding-left:34px;
}
.rg-v3-home .rg-pair--lifestyle{gap:24px;padding:22px;background:#f3f0e9;border-top:1px solid #d6d1c7}
.rg-v3-home .rg-pair--lifestyle>.rg-category{padding:0!important;background:transparent}
.rg-v3-home .rg-pair--lifestyle .rg-category--moda-streetwear{border-top:4px solid #111}
.rg-v3-home .rg-pair--lifestyle .rg-category--esporte{border-top:4px solid var(--rg-yellow)}
.rg-v3-home .rg-pair--lifestyle .rg-category--moda-streetwear>.rg-card:not(.rg-card-compact) .rg-card-media{
 height:410px!important;min-height:410px!important;max-height:410px!important;
}
.rg-v3-home .rg-pair--lifestyle .rg-category--moda-streetwear>.rg-card:not(.rg-card-compact)>a{grid-template-rows:410px auto!important}
.rg-v3-home .rg-pair--lifestyle .rg-category--esporte>.rg-card:not(.rg-card-compact) .rg-card-media{
 height:250px!important;min-height:250px!important;max-height:250px!important;
}
.rg-v3-home .rg-pair--lifestyle .rg-category--esporte>.rg-card:not(.rg-card-compact)>a{grid-template-rows:250px auto!important}
.rg-v3-home .rg-pair--culture .rg-category>.rg-card:not(.rg-card-compact) .rg-card-media{height:320px!important;min-height:320px!important;max-height:320px!important}
.rg-v3-home .rg-pair--culture .rg-category>.rg-card:not(.rg-card-compact)>a{grid-template-rows:320px auto!important}
.rg-v3-home .rg-pair--compact{gap:28px}
.rg-v3-home .rg-pair--compact>.rg-category{border-top:3px solid #111;padding-top:14px}
.rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact)>a{
 grid-template-columns:minmax(190px,.78fr) minmax(0,1fr)!important;grid-template-rows:230px!important;gap:22px;align-items:center;
}
.rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact) .rg-card-media{
 height:230px!important;min-height:230px!important;max-height:230px!important;
}
.rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact) .rg-card-copy{padding:0!important}
.rg-v3-home .rg-pair--compact .rg-card-compact{padding:14px 0}
.rg-v3-home .rg-pair--compact .rg-card-compact h3{font-size:18px}

/* Mobile: clear hierarchy, touch-safe horizontal navigation, no cookie/header collision. */
@media(max-width:767px){
 .rg-v3-home .rg-consent-slot:not(:empty){border-bottom-width:3px}
 .rg-v3-home .rg-consent-slot [class*="banner"]{padding:14px!important}
 .rg-v3-home .rg-consent-slot button{width:auto!important;min-height:44px}
 .rg-v3-home .rg-header-top{min-height:70px!important;padding:12px 0!important;flex-wrap:nowrap!important}
 .rg-v3-home .rg-brand-copy{display:none}
 .rg-v3-home .rg-logo img{width:154px!important;height:auto!important}
 .rg-v3-home .rg-header .rg-search{max-width:42px!important;flex:0 0 42px!important}
 .rg-v3-home .rg-search input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
 .rg-v3-home .rg-search button{width:42px;min-width:42px;height:42px}
 .rg-v3-home .rg-nav{
  width:100%!important;max-width:none!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  gap:0!important;padding:0 14px 9px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;
 }
 .rg-v3-home .rg-nav::-webkit-scrollbar{display:none}
 .rg-v3-home .rg-nav a{flex:0 0 auto;padding:12px 15px!important;border:1px solid #2c2c2c;border-right:0;font-size:12px!important;line-height:1.35!important;min-height:44px;display:inline-flex;align-items:center}
 .rg-v3-home .rg-nav a:last-child{border-right:1px solid #2c2c2c}
 .rg-v3-home .rg-cover-shell .rg-hero,
 .rg-v3-home .rg-cover-shell .rg-hero>a{min-height:410px!important;max-height:480px!important}
 .rg-v3-home .rg-cover-shell .rg-hero .rg-card-copy{padding:48px 18px 20px!important}
 .rg-v3-home .rg-cover-shell .rg-hero h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.02!important}
 .rg-v3-home .rg-feature-grid{gap:14px!important}
 .rg-v3-home .rg-feature-card,
 .rg-v3-home .rg-feature-main{background:#f4f1e9!important}
 .rg-v3-home .rg-feature-main .rg-feature-image{max-height:330px!important;object-fit:cover!important}
 .rg-v3-home .rg-feature-grid .rg-feature-card:not(.rg-feature-main)>a{
  display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;align-items:stretch!important;
 }
 .rg-v3-home .rg-feature-grid .rg-feature-card:not(.rg-feature-main) .rg-feature-image{
  height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;
 }
 .rg-v3-home .rg-feature-grid .rg-feature-card:not(.rg-feature-main) .rg-feature-copy{padding:13px!important}
 .rg-v3-home .rg-feature-grid .rg-feature-card:not(.rg-feature-main) h3{font-size:19px!important}
 .rg-v3-home .rg-pair--culture .rg-category--cultura-hip-hop{border-left:0;padding-left:0}
 .rg-v3-home .rg-pair--lifestyle{padding:14px;gap:40px}
 .rg-v3-home .rg-pair--culture .rg-category>.rg-card:not(.rg-card-compact)>a,
 .rg-v3-home .rg-pair--lifestyle .rg-category>.rg-card:not(.rg-card-compact)>a,
 .rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact)>a{
  display:block!important;
 }
 .rg-v3-home .rg-pair--culture .rg-category>.rg-card:not(.rg-card-compact) .rg-card-media,
 .rg-v3-home .rg-pair--lifestyle .rg-category>.rg-card:not(.rg-card-compact) .rg-card-media,
 .rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact) .rg-card-media{
  height:220px!important;min-height:220px!important;max-height:220px!important;
 }
 .rg-v3-home .rg-pair--compact .rg-category>.rg-card:not(.rg-card-compact) .rg-card-copy{padding-top:13px!important}
 .rg-v3-home .rg-pair--compact .rg-card-compact h3{font-size:18px}
 .rg-v3-home .rg-blog-intro h2{font-size:52px!important}
 .rg-v3-home .rg-footer-nav{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){.rg-v3-home .rg-card-media:before,.rg-v3-home .rg-feature-card>a:before{animation:none}}



/* WPConsent can re-inject the live banner as a fixed layer.
   JS measures only the visible instance; the offset returns to zero after consent. */
.rg-v3-home .rg-header{margin-top:var(--rg-consent-offset,0px)}