:root{--bg:#f6f7fb;--surface:#fff;--ink:#151d2f;--muted:#667085;--line:#e7eaf0;--brand:#ef2b55;--brand2:#ffb347;--shadow:0 20px 48px rgba(20,28,44,.12);--soft:0 9px 24px rgba(20,28,44,.075);--radius:22px;--container:1380px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.site-container{max-width:var(--container);margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:99;border-radius:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.95);box-shadow:0 8px 30px rgba(17,24,39,.045)}.topbar{font-size:.88rem;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:88px}.brand-wrap{min-width:max-content}.brand{display:inline-flex;align-items:center;gap:6px;font-weight:950;font-size:2.15rem;letter-spacing:-.07em;line-height:1}.brand:before{content:"";display:inline-block;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#ff7a18);box-shadow:0 12px 24px rgba(239,43,85,.22)}.brand span{background:linear-gradient(135deg,var(--brand),#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{font-size:1rem;color:#1f2937;letter-spacing:-.04em;margin-left:1px}.main-nav{justify-self:center;min-width:0}.main-nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;list-style:none;margin:0;padding:0}.main-nav a,.main-nav span{display:block;padding:9px 13px;border-radius:999px;font-weight:800;color:#2f394c;font-size:.96rem;white-space:nowrap}.main-nav li.active>a,.main-nav a:hover{background:#fff0f3;color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:13px;padding:9px 12px;font-size:1.2rem}.header-search input{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 15px;box-shadow:var(--soft);max-width:200px}.hero-modules,.featured-widgets,.above-content,.below-content{margin:24px 0}.promo-strip-section{margin-top:8px}.widget-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--soft);overflow:hidden}.widget-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.widget-heading h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.widget-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:950;text-transform:uppercase;font-size:.76rem;letter-spacing:.1em}.promo-widget .custom,.promo-widget .mod-custom{display:grid;gap:12px}.promo-widget img{border-radius:18px;box-shadow:var(--soft)}.breadcrumb-wrap{margin:18px auto;color:var(--muted);font-size:.92rem}.site-main{padding:24px 0 46px}.content-layout.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.main-column{min-width:0}.sidebar-right{display:grid;gap:18px}.card,.moduletable{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--soft)}.magazine-page{display:grid;gap:28px}.page-title{font-size:clamp(2rem,5vw,4.5rem);margin:0;letter-spacing:-.07em}.lead-and-spotify{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.lead-and-spotify.no-spotify{grid-template-columns:1fr}.clean-lead{background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.lead-split{display:grid;grid-template-columns:minmax(260px,42%) 1fr;align-items:stretch}.lead-image-link{display:flex;align-items:center;justify-content:center;background:#eef2f7;padding:18px;min-height:100%}.lead-image{display:block;width:100%;height:min(40vw,460px);max-height:460px;object-fit:contain}.lead-content-panel{padding:22px clamp(18px,2.3vw,30px) 24px;background:linear-gradient(180deg,#fff,#fff9fa);display:flex;flex-direction:column;justify-content:center}.story-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;color:var(--muted);font-weight:750;font-size:.9rem;margin-bottom:10px}.story-meta span{color:var(--brand);text-transform:uppercase;font-size:.78rem;letter-spacing:.11em;font-weight:950}.lead-title{font-size:clamp(0.98rem,1.42vw,1.35rem);line-height:1.18;letter-spacing:-.04em;margin:0 0 9px}.lead-title a:hover,.news-title a:hover{color:var(--brand)}.lead-intro{max-width:920px;margin:0 0 16px;color:#3e4a5f;font-size:.94rem}.read-more-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),#ff7a18);color:#fff;font-weight:900;padding:12px 18px;border-radius:999px;box-shadow:0 10px 24px rgba(238,36,77,.22)}.home-spotify-card{background:#101828;color:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow);position:sticky;top:110px;overflow:hidden}.home-spotify-card:before{content:"";position:absolute;inset:-80px -80px auto auto;width:190px;height:190px;background:radial-gradient(circle,rgba(239,43,85,.42),transparent 68%);pointer-events:none}.compact-heading{display:block;margin-bottom:14px;position:relative}.compact-heading h2{font-size:1.35rem;margin:5px 0 4px;color:#fff;letter-spacing:-.04em}.compact-heading p{margin:0;color:#d0d5dd;font-size:.94rem}.spotify-embed-wrap{position:relative;z-index:1}.spotify-embed-wrap iframe{width:100%!important;max-width:100%;border:0;border-radius:18px!important;display:block}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.section-head span{color:var(--brand);font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.06em}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffd4dc}.news-image-link{display:block;background:#eef2f7;overflow:hidden}.news-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .32s ease}.news-card:hover .news-image{transform:scale(1.04)}.news-card-body{padding:18px}.news-title{font-size:1.22rem;line-height:1.18;margin:0 0 10px;letter-spacing:-.04em}.news-intro{margin:0 0 14px;color:var(--muted);font-size:.96rem}.text-link{font-weight:900;color:var(--brand)}.pagination-wrap{display:flex;justify-content:center;margin-top:8px}.article-view{max-width:900px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:clamp(22px,4vw,46px);box-shadow:var(--shadow)}.article-header h1{font-size:clamp(2.1rem,5vw,4.15rem);line-height:1.04;letter-spacing:-.075em;margin:0 0 24px}.article-body{font-size:1.08rem;color:#263247}.article-body img{border-radius:18px;margin:18px auto;display:block;box-shadow:var(--soft)}.article-body p{margin:0 0 1.05em}.site-footer{margin-top:30px;background:#172033;color:#e8edf6;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-brand{font-weight:950;font-size:1.4rem}.system-message-container{margin-bottom:18px}@media (max-width:1100px){.lead-and-spotify{grid-template-columns:minmax(0,1fr) 275px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.header-inner{grid-template-columns:auto auto;min-height:76px}.menu-toggle{display:inline-flex;justify-self:end}.main-nav{display:none;grid-column:1/-1;justify-self:stretch;padding-bottom:16px}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:8px;justify-content:stretch}.header-search{grid-column:1/-1}.header-search input{max-width:none;width:100%}.lead-and-spotify,.content-layout.has-sidebar{grid-template-columns:1fr}.home-spotify-card{position:relative;top:auto}.lead-split{grid-template-columns:1fr}.lead-image-link{padding:14px}.lead-image{height:min(68vw,390px);max-height:390px}}@media (max-width:640px){.site-container{padding:0 14px}.brand{font-size:1.65rem}.brand:before{width:31px;height:31px;border-radius:11px}.lead-image{height:300px;max-height:300px}.lead-content-panel{padding:18px}.lead-title{font-size:1.02rem}.news-grid{grid-template-columns:1fr}.widget-card{padding:18px}.home-spotify-card{padding:16px;border-radius:22px}.article-view{border-radius:22px;padding:18px}.footer-inner{display:grid}.section-head{display:block}.section-head h2{margin-top:4px}}


/* ElFiesta V6 Magazine layout */
.v6-magazine{gap:30px}.top-magazine-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:stretch}.lead-story-v6{background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr}.lead-v6-image-link{display:block;background:#eef2f7;overflow:hidden}.lead-v6-image{display:block;width:100%;height:430px;object-fit:cover;object-position:center;transition:transform .28s ease}.lead-story-v6:hover .lead-v6-image{transform:scale(1.018)}.lead-v6-content{padding:22px 26px 24px;background:linear-gradient(180deg,#fff,#fff9fa)}.lead-v6-title{font-size:clamp(1.35rem,2.15vw,2.25rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 10px}.lead-v6-intro{margin:0 0 16px;color:#3e4a5f;font-size:.98rem;max-width:850px}.top-side-news{display:grid;grid-template-rows:1fr 1fr;gap:18px}.side-feature-card{display:grid;grid-template-rows:auto 1fr;min-height:0}.side-feature-card .news-image{aspect-ratio:16/9}.side-feature-card .news-card-body{padding:15px}.side-feature-card .news-title{font-size:1.04rem}.side-feature-card .news-intro{display:none}.spotify-magazine-block{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch}.spotify-magazine-block.no-spotify{grid-template-columns:1fr}.spotify-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:20px}.compact-news-card .news-image{aspect-ratio:16/9}.compact-news-card .news-card-body{padding:15px}.compact-news-card .news-title{font-size:1.06rem}.compact-news-card .news-intro{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.right-v6-stack{display:grid;grid-template-rows:auto 1fr;gap:20px;min-height:100%}.spotify-v6{position:relative;top:auto;min-height:290px;display:flex;flex-direction:column}.spotify-v6 .spotify-embed-wrap{flex:1;display:flex}.spotify-v6 iframe{min-height:240px!important;height:100%!important}.artist-friend-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px;overflow:hidden;display:flex;flex-direction:column}.artist-friend-head{margin-bottom:12px}.artist-friend-head h2{margin:5px 0 0;font-size:1.2rem;line-height:1.08;letter-spacing:-.045em}.artist-friend-link{display:grid;gap:10px}.artist-friend-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;background:#eef2f7}.artist-friend-title{font-size:1.22rem;font-weight:950;line-height:1.12;letter-spacing:-.045em;color:#151d2f}.artist-friend-intro{font-size:.92rem;color:var(--muted);line-height:1.45}.artist-friend-module{font-size:.95rem;color:#344054}.artist-friend-module img{width:100%;border-radius:20px;margin-bottom:12px}.artist-friend-empty{margin:0;color:var(--muted);font-size:.95rem}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1120px){.top-magazine-layout{grid-template-columns:1fr}.top-side-news{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.spotify-magazine-block{grid-template-columns:1fr}.right-v6-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.spotify-v6{min-height:auto}.spotify-v6 iframe{height:360px!important;min-height:360px!important}}@media (max-width:760px){.lead-v6-image{height:310px}.top-side-news,.spotify-news-grid,.news-grid,.right-v6-stack{grid-template-columns:1fr}.lead-v6-title{font-size:1.35rem}.lead-v6-content{padding:18px}.spotify-v6 iframe{height:352px!important;min-height:352px!important}}


/* ElFiesta V7 refinements: modern header + fuller lead story */
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));}
.header-inner{min-height:96px;grid-template-columns:minmax(250px,auto) 1fr auto;}
.brand-modern{gap:12px;letter-spacing:0;align-items:center;}
.brand-modern:before{display:none;}
.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.05rem;font-weight:1000;letter-spacing:-.08em;background:radial-gradient(circle at 30% 22%,#ffd36a 0 19%,transparent 20%),linear-gradient(135deg,var(--brand),#ff7a18 58%,#ffbd59);box-shadow:0 16px 34px rgba(239,43,85,.25), inset 0 1px 0 rgba(255,255,255,.35);position:relative;overflow:hidden;}
.brand-mark:after{content:"";position:absolute;inset:auto -18px -20px 14px;height:38px;border-radius:999px;background:rgba(255,255,255,.22);transform:rotate(-18deg);}
.brand-text{display:grid;gap:1px;line-height:1;}
.brand-text strong{font-size:2.08rem;letter-spacing:-.075em;background:linear-gradient(135deg,var(--brand),#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent;}
.brand-text small{font-size:1rem;color:#1f2937;letter-spacing:-.045em;margin-left:2px;}
.brand-text em{font-style:normal;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:900;margin-top:3px;}
.main-nav{background:rgba(255,255,255,.62);border:1px solid rgba(231,234,240,.9);padding:6px;border-radius:999px;box-shadow:0 12px 30px rgba(17,24,39,.055);}
.main-nav ul{gap:3px;}
.main-nav a,.main-nav span{padding:10px 15px;font-size:.94rem;transition:background .18s ease,color .18s ease,transform .18s ease;}
.main-nav a:hover{transform:translateY(-1px);}
.main-nav li.active>a,.main-nav a:hover{background:linear-gradient(135deg,#fff0f3,#fff7eb);color:var(--brand);}
.header-search input{background:rgba(255,255,255,.86);}
.lead-story-v6{grid-template-rows:auto minmax(230px,1fr);}
.lead-v6-image{height:405px;}
.lead-v6-content{padding:26px 30px 28px;display:flex;flex-direction:column;}
.lead-v6-title{font-size:clamp(1.55rem,2.45vw,2.55rem);margin-bottom:14px;}
.lead-v6-intro{font-size:1.04rem;line-height:1.72;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}
.lead-v6-actions{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;}
.lead-v6-note{color:var(--muted);font-weight:850;font-size:.9rem;}
.top-side-news .news-card{border-radius:28px;}
.spotify-news-grid .news-card{border-radius:26px;}
@media (max-width:980px){.header-inner{grid-template-columns:1fr auto;min-height:82px}.main-nav{border-radius:22px;padding:10px;background:#fff}.brand-text strong{font-size:1.7rem}.brand-mark{width:44px;height:44px;border-radius:15px}.brand-text em{font-size:.68rem}.lead-story-v6{grid-template-rows:auto auto}.lead-v6-image{height:330px}.lead-v6-intro{-webkit-line-clamp:unset;display:block}}
@media (max-width:640px){.brand-text em{display:none}.brand-modern{gap:9px}.brand-mark{width:38px;height:38px;border-radius:13px;font-size:.86rem}.lead-v6-image{height:285px}.lead-v6-title{font-size:1.42rem}.lead-v6-content{padding:20px}.lead-v6-intro{font-size:.98rem;line-height:1.6}.lead-v6-note{display:none}}


/* ElFiesta V8: lead cleanup + article readability */
.lead-v6-image{height:470px;}
.lead-story-v6{grid-template-rows:auto auto;}
.lead-v6-content{padding:24px 30px 26px;}
.lead-v6-title{font-size:clamp(1.35rem,2.05vw,2.18rem);line-height:1.12;margin-bottom:12px;}
.lead-v6-intro{font-size:1rem;line-height:1.68;margin-bottom:0;-webkit-line-clamp:8;}
.article-view{max-width:1120px;}
.article-header h1{font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:20px;}
.article-body{font-size:1.04rem;line-height:1.72;max-width:930px;margin:0 auto;}
.article-header{max-width:970px;margin:0 auto;}
@media (max-width:760px){.lead-v6-image{height:330px}.lead-v6-title{font-size:1.32rem}.article-view{padding:20px}.article-header h1{font-size:1.75rem}.article-body{font-size:1rem}}


/* V10: Spotify se estira automáticamente si no hay módulo publicado en artista-amigo */
.right-v6-stack.no-artist-friend{grid-template-rows:1fr;}
.right-v6-stack.no-artist-friend .spotify-v6{min-height:100%;}
.right-v6-stack.no-artist-friend .spotify-v6 iframe{min-height:560px!important;height:100%!important;}
.right-v6-stack.has-artist-friend{grid-template-rows:minmax(260px,1fr) auto;}
.right-v6-stack.has-artist-friend .spotify-v6 iframe{min-height:260px!important;}
@media (max-width:1120px){.right-v6-stack.no-artist-friend .spotify-v6 iframe{height:420px!important;min-height:420px!important}.right-v6-stack.has-artist-friend{grid-template-columns:1fr 1fr;grid-template-rows:auto}.right-v6-stack.has-artist-friend .spotify-v6 iframe{height:360px!important;min-height:360px!important}}
@media (max-width:760px){.right-v6-stack.has-artist-friend{grid-template-columns:1fr}.right-v6-stack.no-artist-friend .spotify-v6 iframe{height:380px!important;min-height:380px!important}}


/* V11: bloques laterales limpios */
.spotify-v6-clean{background:transparent!important;color:inherit!important;border-radius:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important;position:relative;top:auto;}
.spotify-v6-clean:before{display:none!important;}
.spotify-v6-clean .spotify-embed-wrap{width:100%;height:100%;display:flex;position:relative;z-index:1;}
.spotify-v6-clean iframe{border-radius:18px!important;width:100%!important;display:block;}
.artist-friend-clean{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;}
.artist-friend-clean .artist-friend-module{font-size:1rem;color:var(--ink);}
.artist-friend-clean .artist-friend-module > *:first-child{margin-top:0;}
.artist-friend-clean .artist-friend-module > *:last-child{margin-bottom:0;}
.artist-friend-clean .artist-friend-module img{display:block;width:100%;border-radius:22px;margin:0;box-shadow:var(--soft);}
.artist-friend-clean .custom,.artist-friend-clean .mod-custom{margin:0;}
.right-v6-stack.has-artist-friend{gap:20px;}

/* V12: Spotify ocupa todo el ancho y todo el alto disponible */
.right-v6-stack{align-items:stretch;}
.right-v6-stack .spotify-v6-clean{width:100%;height:100%;min-width:0;align-self:stretch;}
.right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
.right-v6-stack .spotify-v6-clean .custom,
.right-v6-stack .spotify-v6-clean .mod-custom,
.right-v6-stack .spotify-v6-clean .moduletable,
.right-v6-stack .spotify-v6-clean p{width:100%;height:100%;margin:0!important;padding:0!important;display:flex;flex:1;border:0!important;background:transparent!important;box-shadow:none!important;}
.right-v6-stack .spotify-v6-clean iframe{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;flex:1 1 auto;border:0!important;border-radius:18px!important;display:block;}
.right-v6-stack.has-artist-friend{grid-template-rows:minmax(300px,1fr) minmax(0,auto);}
.right-v6-stack.has-artist-friend .spotify-v6-clean{min-height:300px;}
.right-v6-stack.no-artist-friend .spotify-v6-clean{min-height:560px;}
.right-v6-stack.no-artist-friend .spotify-v6-clean iframe{height:100%!important;min-height:560px!important;}
@media (max-width:1120px){
  .right-v6-stack.has-artist-friend{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .right-v6-stack.has-artist-friend .spotify-v6-clean{min-height:420px;}
  .right-v6-stack.has-artist-friend .spotify-v6-clean iframe{height:420px!important;min-height:420px!important;}
  .right-v6-stack.no-artist-friend .spotify-v6-clean iframe{height:420px!important;min-height:420px!important;}
}
@media (max-width:760px){
  .right-v6-stack.has-artist-friend{grid-template-columns:1fr;}
  .right-v6-stack.has-artist-friend .spotify-v6-clean,
  .right-v6-stack.no-artist-friend .spotify-v6-clean{min-height:380px;}
  .right-v6-stack.has-artist-friend .spotify-v6-clean iframe,
  .right-v6-stack.no-artist-friend .spotify-v6-clean iframe{height:380px!important;min-height:380px!important;}
}


/* V13: igualar altura real de Spotify al hueco disponible */
.spotify-magazine-block{align-items:stretch;}
.spotify-news-grid{align-self:stretch;}
.right-v6-stack{height:100%;align-self:stretch;}
.right-v6-stack.has-artist-friend .spotify-v6-clean{min-height:0!important;}
.right-v6-stack.has-artist-friend .spotify-v6-clean iframe{min-height:0!important;}
.right-v6-stack.has-artist-friend .artist-friend-clean{align-self:end;}


/* V14: logo real en cabecera */
.brand-wrap{display:flex;align-items:center;min-width:0;}
.brand-image{display:flex!important;align-items:center;justify-content:flex-start;gap:0;padding:0;background:transparent!important;box-shadow:none!important;}
.brand-image:before{display:none!important;}
.brand-logo-image{display:block;height:72px;width:auto;max-width:min(440px,42vw);object-fit:contain;}
@media (max-width:980px){
  .header-inner{grid-template-columns:1fr auto;}
  .brand-logo-image{height:62px;max-width:min(340px,58vw);}
}
@media (max-width:640px){
  .brand-logo-image{height:48px;max-width:68vw;}
}


/* V15: cabecera mejorada, azul y logo mejor posicionado */
.site-header{
  background:linear-gradient(180deg,#ffffff 0%, #f4f7fb 100%)!important;
  border-bottom:1px solid #dbe4f0!important;
  box-shadow:0 10px 32px rgba(22,34,58,.08)!important;
}
.header-inner{
  grid-template-columns:minmax(320px,520px) 1fr auto;
  min-height:104px!important;
  gap:28px;
}
.brand-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 0;
}
.brand-image{
  width:100%;
}
.brand-logo-image{
  display:block;
  height:84px!important;
  width:auto;
  max-width:min(520px,100%);
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 6px 14px rgba(35,63,118,.10));
}
.main-nav{
  justify-self:end;
}
.main-nav ul,
.fallback-menu{
  gap:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.88);
  border:1px solid #dbe4f0;
  border-radius:999px;
  box-shadow:0 8px 24px rgba(30,41,59,.06);
}
.main-nav a,
.main-nav span{
  padding:13px 22px!important;
  border-radius:999px;
  font-weight:900!important;
  font-size:1.08rem!important;
  color:#334155!important;
  transition:all .22s ease;
}
.main-nav li.active>a,
.main-nav a:hover{
  background:linear-gradient(135deg,#e7f1ff,#dbeafe)!important;
  color:#1d4ed8!important;
  box-shadow:0 6px 16px rgba(37,99,235,.12);
}
.main-nav a:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:2px;
}
@media (max-width:1180px){
  .header-inner{
    grid-template-columns:minmax(260px,420px) 1fr;
    min-height:96px!important;
  }
  .brand-logo-image{
    height:74px!important;
    max-width:min(420px,100%);
  }
  .main-nav a,
  .main-nav span{
    padding:12px 18px!important;
    font-size:1rem!important;
  }
}
@media (max-width:980px){
  .site-header{background:#ffffff!important;}
  .header-inner{
    grid-template-columns:1fr auto!important;
    min-height:88px!important;
    gap:18px;
  }
  .brand-wrap{padding:4px 0;}
  .brand-logo-image{
    height:66px!important;
    max-width:min(340px,74vw);
  }
  .main-nav{
    margin-top:6px;
    background:transparent;
    padding-bottom:10px;
  }
  .main-nav ul,
  .fallback-menu{
    border-radius:24px;
    padding:12px!important;
  }
}
@media (max-width:640px){
  .brand-logo-image{
    height:54px!important;
    max-width:78vw;
  }
  .main-nav a,
  .main-nav span{
    padding:11px 16px!important;
    font-size:.98rem!important;
  }
}


/* V16: cabecera con color más visible y logo más centrado */
.site-header{
  background:linear-gradient(180deg,#dfeafb 0%, #edf4ff 58%, #f8fbff 100%) !important;
  border-bottom:1px solid #c8d7ee !important;
  box-shadow:0 12px 34px rgba(40,72,122,.10) !important;
}
.header-inner{
  grid-template-columns:minmax(420px, 620px) auto !important;
  justify-content:space-between;
  align-items:center;
  min-height:118px !important;
  gap:34px !important;
}
.brand-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 0 10px 18px !important;
}
.brand-image{
  width:100%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.brand-logo-image{
  height:96px !important;
  max-width:min(470px, 92%) !important;
  object-fit:contain;
  object-position:center center !important;
  filter:drop-shadow(0 7px 16px rgba(24,60,120,.14));
}
.main-nav{
  justify-self:end !important;
}
.main-nav ul,
.fallback-menu{
  background:rgba(255,255,255,.94) !important;
  border:1px solid #cfdcf0 !important;
  box-shadow:0 10px 24px rgba(35,57,93,.08) !important;
}
@media (max-width:1180px){
  .header-inner{
    grid-template-columns:minmax(300px, 1fr) auto !important;
    min-height:106px !important;
    gap:22px !important;
  }
  .brand-wrap{
    justify-content:flex-start !important;
    padding-left:12px !important;
  }
  .brand-image{
    justify-content:flex-start !important;
  }
  .brand-logo-image{
    height:84px !important;
    max-width:min(390px, 94%) !important;
    object-position:left center !important;
  }
}
@media (max-width:980px){
  .site-header{
    background:linear-gradient(180deg,#e6effd 0%, #f8fbff 100%) !important;
  }
  .header-inner{
    grid-template-columns:1fr auto !important;
    min-height:92px !important;
  }
  .brand-wrap{
    justify-content:flex-start !important;
    padding:6px 0 !important;
  }
  .brand-image{
    justify-content:flex-start !important;
  }
  .brand-logo-image{
    height:70px !important;
    max-width:min(340px, 76vw) !important;
    object-position:left center !important;
  }
}
@media (max-width:640px){
  .brand-logo-image{
    height:56px !important;
    max-width:78vw !important;
  }
}


/* V17: cabecera más oscura para resaltar el logo */
.site-header{
  background:linear-gradient(180deg,#3b526e 0%, #48627f 52%, #587493 100%) !important;
  border-bottom:1px solid #33485f !important;
  box-shadow:0 14px 36px rgba(24,38,58,.18) !important;
}
.header-inner{
  min-height:118px !important;
}
.brand-logo-image{
  filter:drop-shadow(0 8px 18px rgba(8,15,28,.28));
}
.main-nav ul,
.fallback-menu{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(219,228,240,.95) !important;
  box-shadow:0 10px 24px rgba(12,22,38,.16) !important;
}
.main-nav a,
.main-nav span{
  color:#334155 !important;
}
.main-nav li.active>a,
.main-nav a:hover{
  background:linear-gradient(135deg,#dbeafe,#bfdbfe) !important;
  color:#1d4ed8 !important;
  box-shadow:0 6px 16px rgba(37,99,235,.16);
}
@media (max-width:980px){
  .site-header{
    background:linear-gradient(180deg,#425b79 0%, #56718f 100%) !important;
  }
}


/* V19: cabecera elegante, limpia y con logo mejor resuelto */
.site-header{
  background:linear-gradient(180deg,#3f5672 0%, #4b6584 58%, #577293 100%) !important;
  border-bottom:1px solid rgba(33,48,69,.55) !important;
  box-shadow:0 14px 34px rgba(18,29,47,.18) !important;
}
.header-inner{
  grid-template-columns:minmax(520px, 1fr) auto !important;
  align-items:center !important;
  min-height:120px !important;
  gap:28px !important;
}
.brand-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 0 8px 42px !important;
}
.brand-wrap::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:430px;
  height:90px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 45%, rgba(255,255,255,0) 78%);
  pointer-events:none;
}
.brand-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100%;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}
.brand-image::before,
.brand-image::after,
.brand-image:before,
.brand-image:after{
  display:none !important;
  content:none !important;
}
.brand-logo-image{
  position:relative;
  z-index:1;
  height:100px !important;
  width:auto;
  max-width:min(460px, 92%) !important;
  object-fit:contain;
  object-position:center center !important;
  filter:
    drop-shadow(0 2px 0 rgba(255,255,255,.22))
    drop-shadow(0 8px 18px rgba(0,0,0,.24));
}
.main-nav{
  justify-self:end !important;
}
.main-nav ul,
.fallback-menu{
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(230,236,244,.96) !important;
  box-shadow:0 10px 24px rgba(14,25,40,.15) !important;
}
.main-nav a,
.main-nav span{
  padding:13px 22px !important;
  font-size:1.06rem !important;
}
.main-nav li.active>a,
.main-nav a:hover{
  background:linear-gradient(135deg,#dbeafe,#cfe2ff) !important;
  color:#2256d6 !important;
}
@media (max-width:1180px){
  .header-inner{
    grid-template-columns:minmax(320px, 1fr) auto !important;
    min-height:108px !important;
    gap:20px !important;
  }
  .brand-wrap{
    justify-content:flex-start !important;
    padding-left:12px !important;
  }
  .brand-wrap::before{
    left:180px;
    transform:translateY(-50%);
    width:320px;
    height:78px;
  }
  .brand-image{
    justify-content:flex-start !important;
  }
  .brand-logo-image{
    height:82px !important;
    max-width:min(390px, 95%) !important;
    object-position:left center !important;
  }
}
@media (max-width:980px){
  .site-header{
    background:linear-gradient(180deg,#455f7d 0%, #55718f 100%) !important;
  }
  .header-inner{
    grid-template-columns:1fr auto !important;
    min-height:92px !important;
    gap:16px !important;
  }
  .brand-wrap{
    justify-content:flex-start !important;
    padding:6px 0 !important;
  }
  .brand-wrap::before{
    display:none !important;
  }
  .brand-image{
    justify-content:flex-start !important;
  }
  .brand-logo-image{
    height:68px !important;
    max-width:min(340px, 76vw) !important;
    object-position:left center !important;
  }
}
@media (max-width:640px){
  .brand-logo-image{
    height:56px !important;
    max-width:78vw !important;
  }
  .main-nav a,
  .main-nav span{
    padding:11px 16px !important;
    font-size:.98rem !important;
  }
}


/* V20: menú superior más fino, sin marco grande */
.main-nav{
  justify-self:end !important;
}
.main-nav ul,
.fallback-menu{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  gap:10px !important;
}
.main-nav li{
  display:flex;
  align-items:center;
}
.main-nav a,
.main-nav span{
  padding:10px 16px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  font-size:.98rem !important;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.92) !important;
  transition:background .2s ease,color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.main-nav a:hover{
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  transform:translateY(-1px);
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  background:linear-gradient(135deg,rgba(186,214,255,.95),rgba(221,235,255,.95)) !important;
  color:#1f4fc9 !important;
  box-shadow:0 8px 18px rgba(16,32,58,.16) !important;
}
.main-nav a:focus-visible{
  outline:2px solid rgba(191,219,254,.95);
  outline-offset:2px;
}
@media (max-width:1180px){
  .main-nav ul,
  .fallback-menu{
    gap:8px !important;
  }
  .main-nav a,
  .main-nav span{
    padding:9px 14px !important;
    font-size:.95rem !important;
  }
}
@media (max-width:980px){
  .main-nav{
    margin-top:4px;
    padding-bottom:10px;
  }
  .main-nav ul,
  .fallback-menu{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:none !important;
    padding:10px !important;
    border-radius:20px !important;
  }
  .main-nav a,
  .main-nav span{
    color:#ffffff !important;
    font-size:.96rem !important;
  }
}
@media (max-width:640px){
  .main-nav a,
  .main-nav span{
    padding:10px 14px !important;
    font-size:.95rem !important;
  }
}


/* V21: cabecera con logo textual elegante */
.brand-wrap::before{display:none !important;}
.brand-textual{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px;
  width:auto !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
.brand-textual::before,
.brand-textual::after,
.brand-textual:before,
.brand-textual:after{display:none !important; content:none !important;}
.brand-wordmark{
  display:flex;
  align-items:flex-end;
  gap:3px;
  line-height:.92;
}
.brand-main{
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(3rem, 4vw, 4.4rem);
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.055em;
  color: #f4f8ff;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 6px 16px rgba(6,12,24,.28);
}
.brand-dot{
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.1rem, 1.45vw, 1.55rem);
  font-style: normal;
  font-weight: 700;
  color: #d6e6ff;
  margin-bottom: .38em;
  letter-spacing: -.03em;
}
.brand-tagline{
  font-size: .88rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(233,240,250,.88);
  margin-left: 5px;
}
.header-inner{
  grid-template-columns:minmax(420px, 1fr) auto !important;
  min-height:116px !important;
}
.brand-wrap{
  justify-content:flex-start !important;
  padding:8px 0 8px 28px !important;
}
.main-nav{
  align-self:center;
}
@media (max-width:1180px){
  .brand-main{font-size: clamp(2.6rem, 3.8vw, 3.7rem);}
  .brand-dot{font-size: 1.25rem;}
  .brand-tagline{font-size:.8rem; letter-spacing:.13em;}
  .brand-wrap{padding-left:12px !important;}
  .header-inner{grid-template-columns:minmax(320px, 1fr) auto !important; min-height:102px !important;}
}
@media (max-width:980px){
  .brand-main{font-size: clamp(2.2rem, 7vw, 3.15rem);}
  .brand-dot{font-size: 1.05rem; margin-bottom:.34em;}
  .brand-tagline{font-size:.74rem; letter-spacing:.12em;}
  .brand-wrap{padding:6px 0 !important;}
  .header-inner{min-height:90px !important;}
}
@media (max-width:640px){
  .brand-main{font-size: 2.25rem;}
  .brand-dot{font-size: .98rem;}
  .brand-tagline{font-size:.68rem; letter-spacing:.1em;}
}


/* V22: nuevo logo de cabecera + menú más profesional */
.site-header{
  background:linear-gradient(180deg,#334a66 0%, #3e5877 58%, #4a6788 100%) !important;
  border-bottom:1px solid rgba(22,34,50,.50) !important;
  box-shadow:0 14px 34px rgba(14,24,38,.20) !important;
}
.header-inner{
  grid-template-columns:minmax(420px, 1fr) auto !important;
  min-height:112px !important;
  gap:26px !important;
  align-items:center !important;
}
.brand-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:8px 0 8px 18px !important;
}
.brand-wrap::before{display:none !important;}
.brand-image-v22{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.brand-image-v22::before,
.brand-image-v22::after,
.brand-image-v22:before,
.brand-image-v22:after{display:none !important;content:none !important;}
.brand-logo-image-v22{
  display:block;
  height:80px !important;
  width:auto;
  max-width:min(520px, 96%) !important;
  object-fit:contain;
  object-position:left center !important;
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.28));
}

.main-nav{
  justify-self:end !important;
  align-self:center !important;
}
.main-nav ul,
.fallback-menu{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:4px !important;
  margin:0 !important;
  padding:8px 12px !important;
  list-style:none;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(6px);
}
.main-nav li{display:flex;align-items:center;}
.main-nav a,
.main-nav span{
  display:block;
  padding:10px 15px !important;
  border-radius:10px !important;
  font-weight:800 !important;
  font-size:.97rem !important;
  letter-spacing:-.01em;
  color:rgba(247,250,255,.92) !important;
  transition:background .2s ease,color .2s ease, box-shadow .2s ease;
}
.main-nav a:hover{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  background:linear-gradient(180deg,#f8fbff 0%, #dfeafe 100%) !important;
  color:#1f4fb8 !important;
  box-shadow:0 6px 16px rgba(7,16,30,.14) !important;
}
.main-nav li.active>a::after,
.main-nav a[aria-current="page"]::after{
  content:"";
  display:block;
  width:22px;
  height:3px;
  border-radius:999px;
  background:#4f8dff;
  margin:6px auto 0;
}
.main-nav a:focus-visible{
  outline:2px solid rgba(191,219,254,.95);
  outline-offset:2px;
}

@media (max-width:1180px){
  .header-inner{
    grid-template-columns:minmax(300px, 1fr) auto !important;
    min-height:102px !important;
    gap:16px !important;
  }
  .brand-wrap{padding-left:10px !important;}
  .brand-logo-image-v22{
    height:70px !important;
    max-width:min(430px, 96%) !important;
  }
  .main-nav ul,
  .fallback-menu{padding:7px 10px !important;}
  .main-nav a,
  .main-nav span{padding:9px 13px !important;font-size:.94rem !important;}
}
@media (max-width:980px){
  .header-inner{
    grid-template-columns:1fr auto !important;
    min-height:92px !important;
    gap:14px !important;
  }
  .brand-wrap{padding:6px 0 !important;}
  .brand-logo-image-v22{
    height:60px !important;
    max-width:min(360px, 76vw) !important;
  }
  .main-nav{
    margin-top:4px;
    padding-bottom:10px;
  }
  .main-nav ul,
  .fallback-menu{
    justify-content:flex-start;
    width:100%;
    border-radius:14px !important;
  }
}
@media (max-width:640px){
  .brand-logo-image-v22{
    height:48px !important;
    max-width:78vw !important;
  }
  .main-nav a,
  .main-nav span{padding:9px 12px !important;font-size:.93rem !important;}
}


/* V23: menú superior más profesional y fondo limpio */
.main-nav{
  justify-self:end !important;
  align-self:center !important;
}
.main-nav ul,
.fallback-menu{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.main-nav li{
  display:flex;
  align-items:center;
  position:relative;
}
.main-nav a,
.main-nav span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 2px 12px !important;
  border-radius:0 !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:-.01em;
  color:rgba(245,248,255,.92) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transition:color .2s ease, opacity .2s ease;
}
.main-nav a:hover{
  color:#ffffff !important;
  opacity:1;
}
.main-nav li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:3px;
  border-radius:999px;
  background:transparent;
  transform:scaleX(.35);
  opacity:0;
  transition:transform .2s ease, opacity .2s ease, background .2s ease;
}
.main-nav li:hover::after{
  opacity:.6;
  transform:scaleX(.85);
  background:rgba(191,219,254,.85);
}
.main-nav li.active::after,
.main-nav li:has(> a[aria-current="page"])::after{
  opacity:1;
  transform:scaleX(1);
  background:linear-gradient(90deg,#78a9ff,#dbeafe,#78a9ff);
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  color:#ffffff !important;
  background:transparent !important;
  box-shadow:none !important;
}
.main-nav li.active>a::after,
.main-nav a[aria-current="page"]::after{
  display:none !important;
  content:none !important;
}
.main-nav a:focus-visible{
  outline:2px solid rgba(191,219,254,.95);
  outline-offset:4px;
  border-radius:6px;
}

/* separadores finos entre items en escritorio */
@media (min-width:981px){
  .main-nav li + li::before{
    content:"";
    width:1px;
    height:18px;
    background:rgba(255,255,255,.16);
    margin-right:18px;
    display:block;
  }
}

@media (max-width:1180px){
  .main-nav ul,
  .fallback-menu{
    gap:14px !important;
  }
  .main-nav a,
  .main-nav span{
    font-size:.96rem !important;
    padding:8px 2px 11px !important;
  }
  @media (min-width:981px){
    .main-nav li + li::before{margin-right:14px;}
  }
}

@media (max-width:980px){
  .main-nav{
    margin-top:4px;
    padding-bottom:10px;
  }
  .main-nav ul,
  .fallback-menu{
    justify-content:flex-start;
    width:100%;
    gap:10px !important;
    padding:8px 0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .main-nav li + li::before{display:none !important;content:none !important;}
  .main-nav a,
  .main-nav span{
    padding:9px 12px !important;
    border-radius:999px !important;
    font-size:.95rem !important;
    background:rgba(255,255,255,.06) !important;
  }
  .main-nav a:hover{
    background:rgba(255,255,255,.12) !important;
  }
  .main-nav li.active>a,
  .main-nav a[aria-current="page"]{
    background:rgba(255,255,255,.18) !important;
    color:#ffffff !important;
  }
  .main-nav li::after{display:none !important;}
}

@media (max-width:640px){
  .main-nav ul,
  .fallback-menu{gap:8px !important;}
  .main-nav a,
  .main-nav span{
    font-size:.92rem !important;
    padding:8px 10px !important;
  }
}


/* V24: cabecera editorial mucho más profesional */
.site-header{
  background:linear-gradient(180deg,#3b516a 0%, #425a75 100%) !important;
  border-bottom:1px solid rgba(18,28,42,.42) !important;
  box-shadow:0 10px 28px rgba(12,20,31,.16) !important;
}

.header-inner{
  grid-template-columns:minmax(360px, 1fr) auto !important;
  align-items:center !important;
  min-height:92px !important;
  gap:20px !important;
}

.brand-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:6px 0 6px 10px !important;
}

.brand-image-v22{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.brand-logo-image-v22{
  display:block;
  height:62px !important;
  width:auto;
  max-width:min(420px, 100%) !important;
  object-fit:contain;
  object-position:left center !important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.22));
}

.main-nav{
  justify-self:end !important;
  align-self:center !important;
}

.main-nav ul,
.fallback-menu{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:26px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.main-nav li{
  display:flex;
  align-items:center;
  position:relative;
}

.main-nav a,
.main-nav span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 0 10px !important;
  border-radius:0 !important;
  font-weight:700 !important;
  font-size:1rem !important;
  letter-spacing:.005em;
  color:rgba(245,248,252,.88) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-transform:none;
  transition:color .18s ease, opacity .18s ease;
}

.main-nav a:hover{
  color:#ffffff !important;
  opacity:1;
}

.main-nav li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transform:scaleX(.35);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}

.main-nav li:hover::after{
  opacity:.55;
  transform:scaleX(.75);
  background:rgba(190,215,255,.9);
}

.main-nav li.active::after,
.main-nav li:has(> a[aria-current="page"])::after{
  opacity:1;
  transform:scaleX(1);
  background:#8cb6ff;
}

.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  color:#ffffff !important;
  font-weight:800 !important;
}

.main-nav a:focus-visible{
  outline:2px solid rgba(191,219,254,.95);
  outline-offset:4px;
  border-radius:4px;
}

@media (min-width:981px){
  .main-nav li + li::before{
    content:"";
    width:1px;
    height:14px;
    background:rgba(255,255,255,.14);
    margin-right:26px;
    display:block;
  }
}

@media (max-width:1180px){
  .header-inner{
    grid-template-columns:minmax(280px, 1fr) auto !important;
    min-height:86px !important;
    gap:16px !important;
  }
  .brand-logo-image-v22{
    height:56px !important;
    max-width:min(360px, 100%) !important;
  }
  .main-nav ul,
  .fallback-menu{gap:18px !important;}
  .main-nav a,
  .main-nav span{font-size:.96rem !important;}
  @media (min-width:981px){
    .main-nav li + li::before{margin-right:18px;}
  }
}

@media (max-width:980px){
  .header-inner{
    grid-template-columns:1fr auto !important;
    min-height:82px !important;
    gap:12px !important;
  }
  .brand-wrap{padding:4px 0 !important;}
  .brand-logo-image-v22{
    height:50px !important;
    max-width:min(300px, 76vw) !important;
  }
  .main-nav{
    margin-top:4px;
    padding-bottom:10px;
  }
  .main-nav ul,
  .fallback-menu{
    width:100%;
    justify-content:flex-start;
    gap:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .main-nav li + li::before{display:none !important;content:none !important;}
  .main-nav li::after{display:none !important;}
  .main-nav a,
  .main-nav span{
    padding:8px 12px !important;
    border-radius:999px !important;
    font-size:.94rem !important;
    background:rgba(255,255,255,.06) !important;
  }
  .main-nav a:hover{
    background:rgba(255,255,255,.12) !important;
  }
  .main-nav li.active>a,
  .main-nav a[aria-current="page"]{
    background:rgba(255,255,255,.18) !important;
  }
}

@media (max-width:640px){
  .brand-logo-image-v22{
    height:44px !important;
    max-width:78vw !important;
  }
  .main-nav ul,
  .fallback-menu{gap:8px !important;}
  .main-nav a,
  .main-nav span{
    font-size:.91rem !important;
    padding:8px 10px !important;
  }
}


/* V25: cabecera clara, menú minimalista pegado al logo y zona Groover */
:root{--bg:#f6f7fb;--surface:#fff;--ink:#151d2f;--muted:#667085;--line:#e7eaf0;--brand:#ef2b55;--brand2:#ffb347;--shadow:0 20px 48px rgba(20,28,44,.12);--soft:0 9px 24px rgba(20,28,44,.075);--radius:22px;--container:1380px}
.site-header{
  background:var(--bg) !important;
  border-bottom:1px solid #dde3eb !important;
  box-shadow:none !important;
}
.topbar{
  font-size:.88rem;
  color:var(--muted);
  border-bottom:1px solid #e3e8f0 !important;
  padding:8px 0 !important;
  background:var(--bg) !important;
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.topbar-left,.topbar-right{
  display:flex;
  align-items:center;
  min-width:0;
}
.topbar-right{justify-content:flex-end;flex:1;}
.groover-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#253247;
  font-weight:800;
  letter-spacing:.01em;
}
.groover-chip-mark{
  width:28px;
  height:28px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#111827,#344155);
  color:#fff;
  font-size:.95rem;
  font-weight:900;
  box-shadow:0 6px 14px rgba(17,24,39,.12);
}
.groover-chip-text{
  font-size:.95rem;
  color:#344054;
}
.header-inner{
  grid-template-columns:auto auto !important;
  justify-content:start !important;
  align-items:center !important;
  min-height:86px !important;
  gap:34px !important;
}
.brand-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:10px 0 10px 6px !important;
}
.brand-logo-image-v22{
  height:58px !important;
  max-width:min(390px,100%) !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));
}
.main-nav{
  justify-self:start !important;
  align-self:center !important;
}
.main-nav ul,
.fallback-menu{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.main-nav li{
  display:flex;
  align-items:center;
  position:relative;
}
.main-nav a,
.main-nav span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 0 8px !important;
  border-radius:0 !important;
  font-weight:700 !important;
  font-size:.96rem !important;
  letter-spacing:.005em;
  color:#4b5565 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transition:color .18s ease, opacity .18s ease;
}
.main-nav a:hover{
  color:#111827 !important;
}
.main-nav li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:transparent;
  transform:scaleX(.35);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}
.main-nav li:hover::after{
  opacity:.55;
  transform:scaleX(.72);
  background:#93b8ff;
}
.main-nav li.active::after,
.main-nav li:has(> a[aria-current="page"])::after{
  opacity:1;
  transform:scaleX(1);
  background:#4f8dff;
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  color:#162236 !important;
  font-weight:800 !important;
}
.main-nav li + li::before{
  content:"";
  width:1px;
  height:12px;
  background:#d8dee8;
  margin-right:18px;
  display:block;
}
.main-nav a:focus-visible{
  outline:2px solid #bfd7fe;
  outline-offset:4px;
  border-radius:4px;
}
@media (max-width:1180px){
  .header-inner{gap:24px !important;}
  .brand-logo-image-v22{height:52px !important;max-width:min(330px,100%) !important;}
  .main-nav ul,.fallback-menu{gap:14px !important;}
  .main-nav li + li::before{margin-right:14px;}
  .main-nav a,.main-nav span{font-size:.94rem !important;}
}
@media (max-width:980px){
  .topbar-inner{flex-wrap:wrap;justify-content:space-between;}
  .header-inner{
    grid-template-columns:1fr auto !important;
    justify-content:space-between !important;
    min-height:78px !important;
    gap:14px !important;
  }
  .brand-wrap{padding:8px 0 !important;}
  .brand-logo-image-v22{height:48px !important;max-width:min(280px,76vw) !important;}
  .main-nav{margin-top:4px;padding-bottom:10px;grid-column:1/-1;}
  .main-nav ul,.fallback-menu{
    width:100%;
    justify-content:flex-start;
    gap:10px !important;
    padding-top:10px !important;
    border-top:1px solid #e3e8f0 !important;
  }
  .main-nav li + li::before{display:none !important;content:none !important;}
  .main-nav li::after{display:none !important;}
  .main-nav a,.main-nav span{
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid #e4e9f1 !important;
    color:#344054 !important;
  }
  .main-nav li.active>a,.main-nav a[aria-current="page"]{
    background:#eff5ff !important;
    border-color:#cfe0ff !important;
    color:#1f4fb8 !important;
  }
}
@media (max-width:640px){
  .groover-chip-text{font-size:.9rem;}
  .brand-logo-image-v22{height:42px !important;max-width:78vw !important;}
  .main-nav ul,.fallback-menu{gap:8px !important;}
  .main-nav a,.main-nav span{font-size:.91rem !important;}
}


/* V26: menú más integrado, algo más largo y bloque Groover mejorado */
.topbar-left .groover-chip{
  gap:12px;
}
.topbar-left .groover-chip-text{
  font-size:.94rem;
  color:#4b5565;
  font-weight:700;
}
.topbar-left .groover-chip-text strong{
  color:#1f2937;
  font-weight:900;
}
.groover-chip-mark{
  width:30px;
  height:30px;
  border-radius:10px;
}

.header-inner{
  gap:22px !important;
}

.main-nav{
  justify-self:start !important;
  margin-left:4px !important;
}
.main-nav ul,
.fallback-menu{
  gap:22px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.main-nav li + li::before{
  margin-right:22px !important;
  height:14px !important;
  background:#d6dde8 !important;
}
.main-nav a,
.main-nav span{
  padding:8px 0 10px !important;
  font-size:1rem !important;
  font-weight:800 !important;
  color:#455265 !important;
  letter-spacing:.01em;
}
.main-nav a:hover{
  color:#111827 !important;
}
.main-nav li::after{
  bottom:1px;
  height:2px;
}
.main-nav li:hover::after{
  background:#a9c8ff;
}
.main-nav li.active::after,
.main-nav li:has(> a[aria-current="page"])::after{
  background:#5b93ff;
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  color:#1b2432 !important;
}

@media (max-width:1180px){
  .header-inner{
    gap:18px !important;
  }
  .main-nav ul,
  .fallback-menu{
    gap:18px !important;
  }
  .main-nav li + li::before{
    margin-right:18px !important;
  }
  .main-nav a,
  .main-nav span{
    font-size:.98rem !important;
  }
}

@media (max-width:980px){
  .topbar-left .groover-chip-text{
    font-size:.9rem;
  }
  .header-inner{
    gap:12px !important;
  }
  .main-nav{
    margin-left:0 !important;
  }
  .main-nav ul,
  .fallback-menu{
    gap:10px !important;
    border-top:1px solid #e3e8f0 !important;
    background:transparent !important;
  }
  .main-nav a,
  .main-nav span{
    padding:8px 0 9px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    color:#445164 !important;
  }
  .main-nav li.active>a,
  .main-nav a[aria-current="page"]{
    background:transparent !important;
    border:0 !important;
    color:#1f4fb8 !important;
  }
  .main-nav li::after{display:block !important;}
}

@media (max-width:640px){
  .topbar-inner{
    gap:10px;
  }
  .topbar-left .groover-chip{
    gap:8px;
  }
  .topbar-left .groover-chip-text{
    font-size:.85rem;
  }
  .main-nav ul,
  .fallback-menu{
    gap:12px !important;
  }
  .main-nav a,
  .main-nav span{
    font-size:.93rem !important;
  }
}


/* V27: Groover a la derecha, menú más ancho y logo más desplazado */
.topbar{display:none;}
.site-header{
  background:var(--bg) !important;
  border-bottom:1px solid #dde3eb !important;
  box-shadow:none !important;
}
.header-inner{
  grid-template-columns:auto minmax(520px, 1fr) auto !important;
  justify-content:stretch !important;
  align-items:center !important;
  min-height:88px !important;
  gap:34px !important;
}
.brand-wrap{
  padding:10px 0 10px 22px !important;
}
.brand-image-v22,
.brand-image-v22 .brand-logo-image-v22{position:relative;}
.brand-logo-image-v22{
  height:60px !important;
  max-width:min(360px,100%) !important;
  object-position:left center !important;
}
.main-nav{
  justify-self:start !important;
  align-self:center !important;
  width:100%;
  margin-left:6px !important;
}
.main-nav ul,
.fallback-menu{
  width:min(720px,100%);
  display:flex !important;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.main-nav li{
  display:flex;
  align-items:center;
  position:relative;
  flex:0 1 auto;
}
.main-nav li + li::before{
  content:"";
  width:1px;
  height:14px;
  background:#d7dee8;
  margin:0 22px;
  display:block;
}
.main-nav a,
.main-nav span{
  padding:10px 0 12px !important;
  font-size:1.02rem !important;
  font-weight:800 !important;
  color:#49576b !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  letter-spacing:.005em;
  white-space:nowrap;
}
.main-nav a:hover{color:#111827 !important;}
.main-nav li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transform:scaleX(.4);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}
.main-nav li:hover::after{
  opacity:.6;
  transform:scaleX(.82);
  background:#9ec0ff;
}
.main-nav li.active::after,
.main-nav li:has(> a[aria-current="page"])::after{
  opacity:1;
  transform:scaleX(1);
  background:#4f8dff;
}
.main-nav li.active>a,
.main-nav a[aria-current="page"]{
  color:#162236 !important;
  font-weight:900 !important;
}
.header-groover{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:max-content;
}
.header-groover .groover-chip{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#253247;
  font-weight:800;
}
.header-groover .groover-chip-mark{
  width:30px;
  height:30px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#111827,#344155);
  color:#fff;
  font-size:.95rem;
  font-weight:900;
  box-shadow:0 6px 14px rgba(17,24,39,.10);
}
.header-groover .groover-chip-text{
  font-size:.94rem;
  color:#4b5565;
  font-weight:700;
  white-space:nowrap;
}
.header-groover .groover-chip-text strong{
  color:#1f2937;
  font-weight:900;
}
@media (max-width:1260px){
  .header-inner{grid-template-columns:auto minmax(420px,1fr) auto !important;gap:24px !important;}
  .brand-logo-image-v22{height:56px !important;max-width:min(320px,100%) !important;}
  .main-nav ul,.fallback-menu{width:min(620px,100%);}
  .main-nav li + li::before{margin:0 16px;}
  .main-nav a,.main-nav span{font-size:.98rem !important;}
  .header-groover .groover-chip-text{font-size:.9rem;}
}
@media (max-width:980px){
  .topbar{display:block;}
  .topbar .site-container{padding-top:6px;padding-bottom:6px;}
  .header-inner{
    grid-template-columns:1fr auto !important;
    min-height:78px !important;
    gap:14px !important;
  }
  .brand-wrap{padding:8px 0 8px 8px !important;}
  .brand-logo-image-v22{height:48px !important;max-width:min(280px,76vw) !important;}
  .main-nav{
    grid-column:1/-1;
    width:100%;
    margin-left:0 !important;
    padding-bottom:10px;
  }
  .main-nav ul,.fallback-menu{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:10px !important;
    padding-top:10px !important;
    border-top:1px solid #e3e8f0 !important;
  }
  .main-nav li + li::before{display:none !important;content:none !important;}
  .main-nav li::after{display:none !important;}
  .main-nav a,.main-nav span{
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid #e4e9f1 !important;
    color:#344054 !important;
  }
  .main-nav li.active>a,.main-nav a[aria-current="page"]{
    background:#eff5ff !important;
    border-color:#cfe0ff !important;
    color:#1f4fb8 !important;
  }
  .header-groover{justify-self:end;}
  .header-groover .groover-chip-text{font-size:.86rem;}
}
@media (max-width:640px){
  .header-inner{grid-template-columns:1fr !important;gap:8px !important;}
  .brand-wrap{padding:8px 0 4px 4px !important;}
  .main-nav{grid-column:auto;}
  .header-groover{justify-content:flex-start;}
  .header-groover .groover-chip-text{font-size:.84rem;}
}


/* V28: quitar marco del menú, hacerlo más estrecho y cabecera más alta */
.site-header{
  border-bottom:1px solid #d9e1eb !important;
}
.header-inner{
  min-height:98px !important;
  gap:26px !important;
  align-items:center !important;
}
.brand-wrap{
  padding:14px 0 14px 22px !important;
}
.brand-logo-image-v22{
  height:58px !important;
  max-width:min(340px,100%) !important;
}
.main-nav{
  width:auto !important;
  margin-left:2px !important;
}
.main-nav ul,
.fallback-menu{
  width:auto !important;
  max-width:none !important;
  justify-content:flex-start !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.main-nav li + li::before{
  margin:0 18px !important;
  height:13px !important;
  background:#d5dde8 !important;
}
.main-nav a,
.main-nav span{
  padding:8px 0 10px !important;
  font-size:1rem !important;
}
.header-groover{
  padding-right:10px;
}
@media (max-width:1260px){
  .header-inner{gap:20px !important; min-height:92px !important;}
  .brand-wrap{padding:12px 0 12px 16px !important;}
  .brand-logo-image-v22{height:54px !important; max-width:min(300px,100%) !important;}
  .main-nav li + li::before{margin:0 14px !important;}
  .main-nav a,.main-nav span{font-size:.97rem !important;}
}
@media (max-width:980px){
  .header-inner{min-height:84px !important;}
  .brand-wrap{padding:10px 0 10px 8px !important;}
  .brand-logo-image-v22{height:48px !important;}
  .main-nav ul,.fallback-menu{width:100% !important;}
}
@media (max-width:640px){
  .header-inner{min-height:78px !important;}
}


/* V30: menú totalmente integrado, sin óvalo ni cápsula */
.main-nav,
.main-nav ul,
.fallback-menu{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.main-nav ul,
.fallback-menu{
  padding:0 !important;
}
@media (max-width:980px){
  .main-nav,
  .main-nav ul,
  .fallback-menu{
    background:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}


/* V31: nuevos apartados y lupa de búsqueda */
.header-inner{
  grid-template-columns:auto minmax(520px,1fr) auto auto !important;
}
.main-nav ul,
.fallback-menu{
  width:auto !important;
}
.header-search-icon-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
}
.header-search-icon-wrap .search-icon-link{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#3e4d61;
  background:transparent;
  border:1px solid #d8e0ea;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.header-search-icon-wrap .search-icon-link svg{
  width:19px;
  height:19px;
  display:block;
}
.header-search-icon-wrap .search-icon-link:hover{
  color:#111827;
  background:#ffffff;
  border-color:#cbd5e1;
  transform:translateY(-1px);
}
.header-search input{
  border:1px solid #d8e0ea !important;
  background:#fff !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  box-shadow:none !important;
  max-width:180px !important;
}
@media (max-width:1260px){
  .header-inner{
    grid-template-columns:auto minmax(420px,1fr) auto auto !important;
  }
}
@media (max-width:980px){
  .header-inner{
    grid-template-columns:1fr auto auto !important;
  }
  .header-search-icon-wrap{
    justify-self:end;
  }
  .main-nav{
    grid-column:1/-1;
  }
}
@media (max-width:640px){
  .header-inner{
    grid-template-columns:1fr auto !important;
  }
  .header-search-icon-wrap{
    order:3;
    justify-content:flex-start;
  }
  .header-groover{
    order:4;
  }
}


/* V34: página Contacto sin título/fecha del artículo */
.article-view-contact{padding-top:clamp(18px,3vw,34px);}
.article-view-contact .article-body{max-width:100%;}
.article-view-contact iframe{display:block;width:100%;max-width:100%;border:0;}


/* V35: paginación Joomla profesional */
.pagination-wrap,
.com-content-category-blog .pagination,
.com-content-featured .pagination,
.pagination,
.counter {
  width: 100%;
}
.pagination-wrap {
  margin: 34px auto 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.pagination,
ul.pagination,
nav.pagination ul,
.pagenav,
ul.pagenav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 28px auto 0 !important;
  padding: 0 !important;
}
.pagination li,
ul.pagination li,
nav.pagination li,
.pagenav li,
ul.pagenav li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pagination li::marker,
ul.pagination li::marker,
nav.pagination li::marker,
.pagenav li::marker,
ul.pagenav li::marker {
  content: '' !important;
}
.pagination a,
.pagination span,
ul.pagination a,
ul.pagination span,
nav.pagination a,
nav.pagination span,
.pagenav a,
.pagenav span,
ul.pagenav a,
ul.pagenav span {
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #dce3ee !important;
  background: #ffffff !important;
  color: #344054 !important;
  font-weight: 800 !important;
  font-size: .98rem !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(20, 28, 44, .06) !important;
  text-decoration: none !important;
}
.pagination a:hover,
ul.pagination a:hover,
nav.pagination a:hover,
.pagenav a:hover,
ul.pagenav a:hover {
  color: #1d4ed8 !important;
  border-color: #bfd7fe !important;
  background: #eff6ff !important;
  transform: translateY(-1px);
}
.pagination .active a,
.pagination .active span,
ul.pagination .active a,
ul.pagination .active span,
nav.pagination .active a,
nav.pagination .active span,
.pagination li.active > a,
.pagination li.active > span,
ul.pagination li.active > a,
ul.pagination li.active > span,
.page-item.active .page-link {
  color: #ffffff !important;
  background: linear-gradient(135deg,#2563eb,#4f8dff) !important;
  border-color: #2563eb !important;
  box-shadow: 0 12px 24px rgba(37,99,235,.22) !important;
}
.pagination .disabled a,
.pagination .disabled span,
ul.pagination .disabled a,
ul.pagination .disabled span,
nav.pagination .disabled a,
nav.pagination .disabled span,
.page-item.disabled .page-link {
  opacity: .42 !important;
  cursor: default !important;
  transform: none !important;
}
.pagination .icon-first,
.pagination .icon-previous,
.pagination .icon-next,
.pagination .icon-last {
  font-size: 0 !important;
}
.pagination .icon-first::before { content: '«'; font-size: 1rem; }
.pagination .icon-previous::before { content: '‹'; font-size: 1.1rem; }
.pagination .icon-next::before { content: '›'; font-size: 1.1rem; }
.pagination .icon-last::before { content: '»'; font-size: 1rem; }
.counter,
.pagination__counter,
p.counter {
  display: block !important;
  text-align: center !important;
  color: #667085 !important;
  font-size: .9rem !important;
  margin: 12px auto 0 !important;
}
@media (max-width:640px){
  .pagination,
  ul.pagination,
  nav.pagination ul,
  .pagenav,
  ul.pagenav { gap: 6px !important; }
  .pagination a,
  .pagination span,
  ul.pagination a,
  ul.pagination span,
  nav.pagination a,
  nav.pagination span,
  .pagenav a,
  .pagenav span,
  ul.pagenav a,
  ul.pagenav span {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 11px !important;
    font-size: .9rem !important;
  }
}


/* V36: paginación limpia, ocultar botones vacíos de inicio/anterior/siguiente/final */
.pagination-wrap,
.pagination,
.pagination ul,
ul.pagination{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  list-style:none !important;
  margin:24px 0 8px !important;
  padding:0 !important;
}
.pagination li,
ul.pagination li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.pagination li::marker,
ul.pagination li::marker{content:"" !important;}

/* Oculta los controles que Joomla saca como iconos vacíos */
ul.pagination > li:first-child,
ul.pagination > li:nth-child(2),
ul.pagination > li:nth-last-child(2),
ul.pagination > li:last-child,
.pagination > li:first-child,
.pagination > li:nth-child(2),
.pagination > li:nth-last-child(2),
.pagination > li:last-child{
  display:none !important;
}

.pagination a,
.pagination span,
ul.pagination a,
ul.pagination span{
  min-width:42px !important;
  height:42px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #d8e0eb !important;
  background:#ffffff !important;
  color:#1f2937 !important;
  font-weight:800 !important;
  font-size:.98rem !important;
  box-shadow:0 8px 18px rgba(20,28,44,.06) !important;
  text-decoration:none !important;
}
.pagination a:hover,
ul.pagination a:hover{
  border-color:#bcd1f6 !important;
  background:#f5f9ff !important;
  color:#1f4fb8 !important;
}
.pagination .active a,
.pagination .active span,
ul.pagination .active a,
ul.pagination .active span,
.pagination li.active > *,
ul.pagination li.active > *{
  background:#3b82f6 !important;
  border-color:#3b82f6 !important;
  color:#ffffff !important;
}
@media (max-width:640px){
  .pagination-wrap,.pagination,ul.pagination{gap:7px !important;flex-wrap:wrap !important;}
  .pagination a,.pagination span,ul.pagination a,ul.pagination span{min-width:38px !important;height:38px !important;font-size:.92rem !important;}
}


/* V38: restaurar tamaño alto de Spotify después de eliminar títulos/fechas */
.spotify-magazine-block.has-spotify{
  align-items:stretch !important;
}
.spotify-magazine-block.has-spotify .spotify-news-grid{
  align-self:stretch !important;
}
.spotify-magazine-block.has-spotify .right-v6-stack{
  align-self:stretch !important;
  min-height:100% !important;
}
.spotify-v6-clean,
.spotify-v6-clean .spotify-embed-wrap,
.spotify-v6-clean .custom,
.spotify-v6-clean .mod-custom,
.spotify-v6-clean .moduletable,
.spotify-v6-clean p{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.spotify-v6-clean iframe{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  border:0 !important;
  border-radius:18px !important;
}
@media (min-width:1121px){
  .right-v6-stack.has-artist-friend{
    grid-template-rows:420px minmax(0,1fr) !important;
    gap:22px !important;
  }
  .right-v6-stack.has-artist-friend .spotify-v6-clean,
  .right-v6-stack.has-artist-friend .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack.has-artist-friend .spotify-v6-clean .custom,
  .right-v6-stack.has-artist-friend .spotify-v6-clean .mod-custom,
  .right-v6-stack.has-artist-friend .spotify-v6-clean .moduletable,
  .right-v6-stack.has-artist-friend .spotify-v6-clean p,
  .right-v6-stack.has-artist-friend .spotify-v6-clean iframe{
    height:420px !important;
    min-height:420px !important;
  }
  .right-v6-stack.no-artist-friend{
    grid-template-rows:1fr !important;
  }
  .right-v6-stack.no-artist-friend .spotify-v6-clean,
  .right-v6-stack.no-artist-friend .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack.no-artist-friend .spotify-v6-clean .custom,
  .right-v6-stack.no-artist-friend .spotify-v6-clean .mod-custom,
  .right-v6-stack.no-artist-friend .spotify-v6-clean .moduletable,
  .right-v6-stack.no-artist-friend .spotify-v6-clean p,
  .right-v6-stack.no-artist-friend .spotify-v6-clean iframe{
    height:100% !important;
    min-height:560px !important;
  }
}
@media (max-width:1120px){
  .right-v6-stack.has-artist-friend .spotify-v6-clean,
  .right-v6-stack.has-artist-friend .spotify-v6-clean iframe,
  .right-v6-stack.no-artist-friend .spotify-v6-clean,
  .right-v6-stack.no-artist-friend .spotify-v6-clean iframe{
    height:420px !important;
    min-height:420px !important;
  }
}
@media (max-width:760px){
  .right-v6-stack.has-artist-friend .spotify-v6-clean,
  .right-v6-stack.has-artist-friend .spotify-v6-clean iframe,
  .right-v6-stack.no-artist-friend .spotify-v6-clean,
  .right-v6-stack.no-artist-friend .spotify-v6-clean iframe{
    height:380px !important;
    min-height:380px !important;
  }
}


/* V39: cookies, footer profesional y buscador funcional */
.header-search-icon-wrap .search-icon-link{border:0;cursor:pointer;font-family:inherit;}
.search-panel{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:110px 20px 20px;}
.search-panel.is-open{display:flex;}
.search-panel-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(5px);}
.search-panel-box{position:relative;width:min(720px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(15,23,42,.22);}
.search-panel-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;border-radius:999px;background:#f1f5f9;color:#334155;font-size:1.6rem;line-height:1;cursor:pointer;}
.search-panel-kicker{display:inline-flex;color:#ef2b55;text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:.78rem;margin-bottom:8px;}
.search-panel-box h2{margin:0 0 22px;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.055em;line-height:1.08;color:#101828;}
.search-panel-form{display:flex;gap:12px;}
.search-panel-form input{flex:1;min-width:0;border:1px solid #cfd8e3;border-radius:16px;padding:16px 18px;font-size:1.06rem;outline:none;background:#f8fafc;}
.search-panel-form input:focus{background:#fff;border-color:#4f8dff;box-shadow:0 0 0 4px rgba(79,141,255,.12);}
.search-panel-form button{border:0;border-radius:16px;padding:0 24px;background:#2563eb;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;}
.search-panel-form button:hover{background:#1d4ed8;}
body.search-panel-open{overflow:hidden;}

.site-footer-pro{margin-top:44px;background:#111827;color:#e5e7eb;padding:46px 0 0;border-top:1px solid rgba(255,255,255,.08);}
.footer-pro-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.8fr) minmax(170px,.8fr) minmax(0,1fr);gap:34px;align-items:start;}
.footer-brand{font-size:2rem;font-weight:950;letter-spacing:-.06em;color:#fff;margin-bottom:10px;}
.footer-about p{margin:0 0 18px;color:#cbd5e1;max-width:430px;line-height:1.65;}
.footer-groover{display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;font-weight:800;}
.footer-groover .groover-chip-mark{background:linear-gradient(135deg,#0f172a,#334155);box-shadow:none;}
.footer-links{display:grid;gap:9px;}
.footer-links h3,.footer-extra h3{margin:0 0 7px;color:#fff;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;}
.footer-links a{color:#cbd5e1;font-weight:700;font-size:.96rem;}
.footer-links a:hover{color:#fff;}
.footer-extra{color:#cbd5e1;}
.footer-bottom{margin-top:34px;padding:18px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#94a3b8;font-size:.92rem;}

.cookie-banner{position:fixed;left:24px;right:24px;bottom:22px;z-index:220;display:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;max-width:1040px;margin:0 auto;background:rgba(255,255,255,.96);border:1px solid #dbe4f0;border-radius:24px;padding:20px 22px;box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(16px);}
.cookie-banner.is-visible{display:grid;}
.cookie-content strong{display:block;font-size:1.08rem;color:#101828;margin-bottom:4px;}
.cookie-content p{margin:0;color:#475467;line-height:1.55;}
.cookie-actions{display:flex;align-items:center;gap:10px;}
.cookie-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;white-space:nowrap;}
.cookie-reject{background:#eef2f7;color:#334155;}
.cookie-reject:hover{background:#e2e8f0;}
.cookie-accept{background:#2563eb;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.18);}
.cookie-accept:hover{background:#1d4ed8;}

@media (max-width:980px){
  .search-panel{padding-top:90px;}
  .search-panel-box{padding:26px;border-radius:22px;}
  .search-panel-form{display:grid;}
  .search-panel-form button{height:52px;}
  .footer-pro-grid{grid-template-columns:1fr 1fr;}
  .cookie-banner{grid-template-columns:1fr;left:14px;right:14px;bottom:14px;}
  .cookie-actions{justify-content:flex-end;}
}
@media (max-width:640px){
  .footer-pro-grid{grid-template-columns:1fr;gap:26px;}
  .footer-bottom{display:grid;}
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr;}
  .cookie-btn{width:100%;}
}


/* V40: textos definitivos de footer, cookies y búsqueda */
.footer-social p{margin:0 0 14px;color:#cbd5e1;line-height:1.6;max-width:330px;}
.footer-cta{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;padding:10px 15px;border-radius:999px;background:#2563eb;color:#fff!important;font-weight:900;box-shadow:0 10px 22px rgba(37,99,235,.18);}
.footer-cta:hover{background:#1d4ed8;color:#fff!important;}
.cookie-more{display:inline-flex;margin-top:7px;color:#1d4ed8;font-weight:850;text-decoration:none;}
.cookie-more:hover{text-decoration:underline;}
.search-panel-box h2{max-width:560px;}
.search-panel-kicker::after{content:" · noticias, galas, entrevistas y artistas";color:#667085;letter-spacing:0;text-transform:none;font-weight:800;margin-left:6px;}
@media (max-width:760px){.search-panel-kicker::after{display:none;}.footer-social p{max-width:none;}}


/* V41: móvil en una sola columna y texto más legible */
@media (max-width: 760px) {
  .site-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .site-main {
    padding-top: 16px !important;
  }

  .magazine-page,
  .featured-page,
  .v6-magazine {
    gap: 22px !important;
  }

  .top-magazine-layout,
  .spotify-magazine-block,
  .spotify-news-grid,
  .top-side-news,
  .news-grid,
  .right-v6-stack,
  .content-layout,
  .content-layout.has-sidebar,
  .lead-split,
  .lead-and-spotify {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 18px !important;
    width: 100% !important;
  }

  .lead-story-v6,
  .news-card,
  .side-feature-card,
  .compact-news-card,
  .article-view,
  .clean-lead {
    width: 100% !important;
    max-width: none !important;
    border-radius: 22px !important;
  }

  .lead-v6-image,
  .news-image,
  .side-feature-card .news-image,
  .compact-news-card .news-image {
    width: 100% !important;
    object-fit: cover !important;
  }

  .lead-v6-image {
    height: 285px !important;
  }

  .news-image,
  .side-feature-card .news-image,
  .compact-news-card .news-image {
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
  }

  .lead-v6-content,
  .news-card-body {
    padding: 18px !important;
  }

  .lead-v6-title {
    font-size: 1.45rem !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em !important;
  }

  .lead-v6-intro,
  .news-intro,
  .compact-news-card .news-intro {
    font-size: 1rem !important;
    line-height: 1.58 !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
  }

  .news-title,
  .compact-news-card .news-title,
  .side-feature-card .news-title {
    font-size: 1.18rem !important;
    line-height: 1.2 !important;
  }

  .right-v6-stack,
  .right-v6-stack.has-artist-friend,
  .right-v6-stack.no-artist-friend {
    height: auto !important;
    min-height: 0 !important;
  }

  .spotify-v6-clean,
  .right-v6-stack .spotify-v6-clean {
    width: 100% !important;
    height: auto !important;
    min-height: 380px !important;
  }

  .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack .spotify-v6-clean .custom,
  .right-v6-stack .spotify-v6-clean .mod-custom,
  .right-v6-stack .spotify-v6-clean p {
    width: 100% !important;
    height: auto !important;
    min-height: 380px !important;
    display: block !important;
  }

  .spotify-v6-clean iframe,
  .right-v6-stack .spotify-v6-clean iframe {
    width: 100% !important;
    max-width: none !important;
    height: 380px !important;
    min-height: 380px !important;
    display: block !important;
  }

  .artist-friend-clean,
  .artist-friend-module,
  .artist-friend-clean img {
    width: 100% !important;
  }

  .article-view {
    padding: 20px !important;
  }

  .article-header h1 {
    font-size: 1.75rem !important;
    line-height: 1.12 !important;
  }

  .article-body {
    font-size: 1.02rem !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 480px) {
  .lead-v6-image {
    height: 245px !important;
  }

  .lead-v6-title {
    font-size: 1.32rem !important;
  }

  .news-title,
  .compact-news-card .news-title,
  .side-feature-card .news-title {
    font-size: 1.08rem !important;
  }

  .spotify-v6-clean,
  .right-v6-stack .spotify-v6-clean,
  .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  .right-v6-stack .spotify-v6-clean .custom,
  .right-v6-stack .spotify-v6-clean .mod-custom,
  .right-v6-stack .spotify-v6-clean p {
    min-height: 360px !important;
  }

  .spotify-v6-clean iframe,
  .right-v6-stack .spotify-v6-clean iframe {
    height: 360px !important;
    min-height: 360px !important;
  }
}

/* V42: FORZAR móvil/tablet a una sola columna hasta 980px */
@media screen and (max-width: 980px) {
  body .top-magazine-layout,
  body .top-side-news,
  body .spotify-magazine-block,
  body .spotify-news-grid,
  body .news-grid,
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend,
  body .right-v6-stack.no-artist-friend,
  body .content-layout,
  body .content-layout.has-sidebar,
  body .lead-and-spotify,
  body .lead-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 18px !important;
    width: 100% !important;
  }

  body .top-side-news > *,
  body .spotify-news-grid > *,
  body .news-grid > *,
  body .right-v6-stack > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body .news-card,
  body .side-feature-card,
  body .compact-news-card,
  body .lead-story-v6 {
    width: 100% !important;
    max-width: none !important;
  }

  body .news-card-body,
  body .lead-v6-content {
    padding: 18px !important;
  }

  body .news-title,
  body .compact-news-card .news-title,
  body .side-feature-card .news-title {
    font-size: 1.16rem !important;
    line-height: 1.22 !important;
  }

  body .news-intro,
  body .compact-news-card .news-intro,
  body .lead-v6-intro {
    font-size: 1rem !important;
    line-height: 1.58 !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }

  body .lead-v6-image {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  body .news-image,
  body .compact-news-card .news-image,
  body .side-feature-card .news-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean {
    width: 100% !important;
    min-height: 380px !important;
    height: auto !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe {
    width: 100% !important;
    max-width: none !important;
    height: 380px !important;
    min-height: 380px !important;
  }
}

@media screen and (max-width: 520px) {
  body .site-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body .lead-v6-image {
    height: 245px !important;
  }

  body .lead-v6-title {
    font-size: 1.32rem !important;
    line-height: 1.18 !important;
  }

  body .news-title,
  body .compact-news-card .news-title,
  body .side-feature-card .news-title {
    font-size: 1.08rem !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe {
    height: 360px !important;
    min-height: 360px !important;
  }
}



/* V43: móvil refinado y equilibrado */
@media screen and (max-width: 980px) {
  body .site-main {
    padding-top: 14px !important;
  }

  body .magazine-page,
  body .featured-page,
  body .v6-magazine {
    gap: 20px !important;
  }

  body .top-magazine-layout,
  body .top-side-news,
  body .spotify-magazine-block,
  body .spotify-news-grid,
  body .news-grid,
  body .right-v6-stack,
  body .content-layout,
  body .content-layout.has-sidebar {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Todas las tarjetas con una estética móvil coherente */
  body .lead-story-v6,
  body .news-card,
  body .side-feature-card,
  body .compact-news-card {
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  /* Primera noticia: más equilibrada, no pequeña */
  body .lead-v6-image {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body .lead-v6-content {
    padding: 17px 18px 18px !important;
  }

  body .lead-v6-title {
    font-size: 1.28rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 8px !important;
  }

  body .lead-v6-intro {
    font-size: .97rem !important;
    line-height: 1.52 !important;
    margin: 0 !important;
  }

  /* Resto de noticias: imágenes menos grandes y textos más contenidos */
  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    width: 100% !important;
    height: 205px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body {
    padding: 15px 16px 16px !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.08rem !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 7px !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro {
    font-size: .94rem !important;
    line-height: 1.48 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  /* Spotify: más alto y cómodo en móvil */
  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p {
    width: 100% !important;
    min-height: 520px !important;
    height: auto !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe {
    width: 100% !important;
    max-width: none !important;
    height: 520px !important;
    min-height: 520px !important;
    border-radius: 18px !important;
  }

  /* Artista amigo: que no se coma media pantalla */
  body .artist-friend-clean,
  body .artist-friend-module {
    width: 100% !important;
    max-width: none !important;
  }

  body .artist-friend-clean img,
  body .artist-friend-module img {
    width: 100% !important;
    max-height: 230px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 18px !important;
  }

  body .artist-friend-module p,
  body .artist-friend-module div {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  /* Pie de página móvil ordenado */
  body .site-footer {
    margin-top: 28px !important;
    padding: 28px 0 22px !important;
  }

  body .footer-inner,
  body .footer-grid,
  body .footer-content,
  body .footer-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    align-items: start !important;
    text-align: left !important;
  }

  body .site-footer h2,
  body .site-footer h3,
  body .site-footer h4 {
    margin: 0 0 10px !important;
    line-height: 1.2 !important;
  }

  body .site-footer p {
    margin: 0 0 10px !important;
    line-height: 1.55 !important;
    font-size: .95rem !important;
  }

  body .site-footer ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    gap: 8px !important;
  }

  body .site-footer a {
    display: inline-flex !important;
    width: auto !important;
    line-height: 1.35 !important;
  }

  body .footer-brand {
    font-size: 1.35rem !important;
    margin-bottom: 6px !important;
  }

  body .footer-bottom,
  body .footer-copy,
  body .site-footer small {
    display: block !important;
    text-align: left !important;
    margin-top: 12px !important;
    font-size: .86rem !important;
    line-height: 1.45 !important;
  }

  /* Cookie banner en móvil más limpio */
  body .cookie-banner,
  body .cookies-banner,
  body .cookie-consent {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
  }
}

@media screen and (max-width: 520px) {
  body .site-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body .lead-v6-image {
    height: 215px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 185px !important;
  }

  body .lead-v6-title {
    font-size: 1.18rem !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.03rem !important;
  }

  body .lead-v6-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro {
    font-size: .92rem !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p {
    min-height: 500px !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe {
    height: 500px !important;
    min-height: 500px !important;
  }

  body .artist-friend-clean img,
  body .artist-friend-module img {
    max-height: 205px !important;
  }
}



/* V44: móvil con imágenes más altas y menos recortadas */
@media screen and (max-width: 980px) {
  body .lead-v6-image {
    height: 360px !important;
    min-height: 360px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 315px !important;
    min-height: 315px !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .news-card,
  body .side-feature-card,
  body .compact-news-card,
  body .lead-story-v6 {
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  body .lead-v6-content {
    padding: 18px 18px 20px !important;
  }

  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body {
    padding: 16px 17px 18px !important;
  }

  body .lead-v6-title {
    font-size: 1.30rem !important;
    line-height: 1.18 !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.08rem !important;
    line-height: 1.22 !important;
  }

  body .lead-v6-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro {
    font-size: .94rem !important;
    line-height: 1.48 !important;
  }
}

@media screen and (max-width: 620px) {
  body .lead-v6-image {
    height: 325px !important;
    min-height: 325px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 285px !important;
    min-height: 285px !important;
  }
}

@media screen and (max-width: 430px) {
  body .lead-v6-image {
    height: 300px !important;
    min-height: 300px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 265px !important;
    min-height: 265px !important;
  }

  body .lead-v6-title {
    font-size: 1.22rem !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.03rem !important;
  }
}

/* V45: móvil mejorado: imágenes más altas, más texto y Spotify+Artista en 2 columnas */
@media screen and (max-width: 980px) {
  body .top-magazine-layout,
  body .top-side-news,
  body .spotify-magazine-block,
  body .spotify-news-grid,
  body .news-grid,
  body .content-layout,
  body .content-layout.has-sidebar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 18px !important;
    width: 100% !important;
  }

  body .top-side-news > *,
  body .spotify-news-grid > *,
  body .news-grid > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body .lead-v6-image {
    height: 430px !important;
    min-height: 430px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 380px !important;
    min-height: 380px !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .lead-v6-content {
    padding: 20px 20px 22px !important;
  }

  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body {
    padding: 18px 19px 20px !important;
  }

  body .lead-v6-title {
    font-size: 1.38rem !important;
    line-height: 1.18 !important;
    margin-bottom: 10px !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.14rem !important;
    line-height: 1.24 !important;
    margin-bottom: 9px !important;
  }

  body .lead-v6-intro {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro {
    font-size: .97rem !important;
    line-height: 1.52 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }

  body .right-v6-stack.no-artist-friend {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .right-v6-stack > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p {
    width: 100% !important;
    min-height: 430px !important;
    height: 430px !important;
    display: block !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe {
    width: 100% !important;
    max-width: none !important;
    height: 430px !important;
    min-height: 430px !important;
    border-radius: 18px !important;
    display: block !important;
  }

  body .artist-friend-clean,
  body .artist-friend-module {
    width: 100% !important;
    height: 430px !important;
    min-height: 430px !important;
    overflow: hidden !important;
  }

  body .artist-friend-clean img,
  body .artist-friend-module img {
    width: 100% !important;
    height: 430px !important;
    max-height: 430px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    display: block !important;
  }
}

@media screen and (max-width: 620px) {
  body .lead-v6-image {
    height: 390px !important;
    min-height: 390px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 340px !important;
    min-height: 340px !important;
  }

  body .lead-v6-title {
    font-size: 1.30rem !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.09rem !important;
  }

  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }
}

@media screen and (max-width: 430px) {
  body .site-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body .lead-v6-image {
    height: 350px !important;
    min-height: 350px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image {
    height: 305px !important;
    min-height: 305px !important;
  }

  body .lead-v6-title {
    font-size: 1.22rem !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title {
    font-size: 1.02rem !important;
  }

  body .lead-v6-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro {
    font-size: .92rem !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }
}

/* V46: en móvil Spotify y Artista Amigo en una sola columna y mismo tamaño */
@media screen and (max-width: 980px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend,
  body .right-v6-stack.no-artist-friend {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }

  body .right-v6-stack > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .artist-friend-clean,
  body .artist-friend-module {
    width: 100% !important;
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    overflow: hidden !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    width: 100% !important;
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    display: block !important;
  }
}

@media screen and (max-width: 620px) {
  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
  }
}

@media screen and (max-width: 430px) {
  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
  }
}

/* V47: en móvil Spotify y Artista Amigo en la misma fila, 2 columnas iguales */
@media screen and (max-width: 980px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }

  body .right-v6-stack.no-artist-friend {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body .right-v6-stack > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .artist-friend-clean,
  body .artist-friend-module {
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    overflow: hidden !important;
  }

  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    display: block !important;
  }
}

@media screen and (max-width: 620px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
  }
}

@media screen and (max-width: 430px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
}

/* V48: FORZAR en móvil Spotify y Artista Amigo en la misma fila */
@media screen and (max-width: 980px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend,
  body .right-v6-stack.no-artist-friend,
  body .right-v6-stack.mobile-two-col,
  body .lateral-v6-stack,
  body .sidebar-v6-stack {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-rows: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body .right-v6-stack > .spotify-v6-clean,
  body .right-v6-stack > .artist-friend-clean,
  body .right-v6-stack > .artist-friend-module,
  body .right-v6-stack.has-artist-friend > .spotify-v6-clean,
  body .right-v6-stack.has-artist-friend > .artist-friend-clean,
  body .right-v6-stack.has-artist-friend > .artist-friend-module,
  body .lateral-v6-stack > .spotify-v6-clean,
  body .lateral-v6-stack > .artist-friend-clean,
  body .lateral-v6-stack > .artist-friend-module,
  body .sidebar-v6-stack > .spotify-v6-clean,
  body .sidebar-v6-stack > .artist-friend-clean,
  body .sidebar-v6-stack > .artist-friend-module {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  body .right-v6-stack > .spotify-v6-clean,
  body .right-v6-stack.has-artist-friend > .spotify-v6-clean,
  body .lateral-v6-stack > .spotify-v6-clean,
  body .sidebar-v6-stack > .spotify-v6-clean {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body .right-v6-stack > .artist-friend-clean,
  body .right-v6-stack > .artist-friend-module,
  body .right-v6-stack.has-artist-friend > .artist-friend-clean,
  body .right-v6-stack.has-artist-friend > .artist-friend-module,
  body .lateral-v6-stack > .artist-friend-clean,
  body .lateral-v6-stack > .artist-friend-module,
  body .sidebar-v6-stack > .artist-friend-clean,
  body .sidebar-v6-stack > .artist-friend-module {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .spotify-v6-clean .custom,
  body .spotify-v6-clean .mod-custom,
  body .spotify-v6-clean p {
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    margin: 0 !important;
    display: block !important;
  }

  body .spotify-v6-clean iframe {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
  }

  body .artist-friend-clean,
  body .artist-friend-module {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .artist-friend-clean img,
  body .artist-friend-module img {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
    margin: 0 !important;
  }

  body .artist-friend-clean p,
  body .artist-friend-module p,
  body .artist-friend-clean .mod-custom,
  body .artist-friend-module .mod-custom,
  body .artist-friend-clean .custom,
  body .artist-friend-module .custom {
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 430px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend,
  body .lateral-v6-stack,
  body .sidebar-v6-stack {
    gap: 8px !important;
  }

  body .right-v6-stack > .spotify-v6-clean,
  body .right-v6-stack > .artist-friend-clean,
  body .right-v6-stack > .artist-friend-module,
  body .right-v6-stack.has-artist-friend > .spotify-v6-clean,
  body .right-v6-stack.has-artist-friend > .artist-friend-clean,
  body .right-v6-stack.has-artist-friend > .artist-friend-module,
  body .spotify-v6-clean,
  body .spotify-v6-clean .spotify-embed-wrap,
  body .spotify-v6-clean .custom,
  body .spotify-v6-clean .mod-custom,
  body .spotify-v6-clean p,
  body .spotify-v6-clean iframe,
  body .artist-friend-clean,
  body .artist-friend-module,
  body .artist-friend-clean img,
  body .artist-friend-module img {
    height: 285px !important;
    min-height: 285px !important;
    max-height: 285px !important;
  }
}

/* V49: mantener estructura 2 columnas y hacer visible Spotify en móvil */
@media screen and (max-width: 980px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body .right-v6-stack .spotify-v6-clean {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: visible !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean .moduletable,
  body .right-v6-stack .spotify-v6-clean p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body .right-v6-stack .spotify-v6-clean iframe,
  body .spotify-v6-clean iframe[src*="spotify"],
  body iframe[src*="open.spotify.com"],
  body iframe[src*="spotify.com"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #006d6f !important;
  }

  body .right-v6-stack .artist-friend-clean,
  body .right-v6-stack .artist-friend-module {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    display: block !important;
  }

  body .right-v6-stack .artist-friend-clean img,
  body .right-v6-stack .artist-friend-module img {
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }
}

/* Si el módulo Spotify viene sin clase directa pero está antes del artista amigo */
@media screen and (max-width: 980px) {
  body .right-v6-stack.has-artist-friend > *:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .right-v6-stack.has-artist-friend > *:last-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media screen and (max-width: 430px) {
  body .right-v6-stack .spotify-v6-clean,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean .moduletable,
  body .right-v6-stack .spotify-v6-clean p,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .spotify-v6-clean iframe[src*="spotify"],
  body iframe[src*="open.spotify.com"],
  body iframe[src*="spotify.com"],
  body .right-v6-stack .artist-friend-clean,
  body .right-v6-stack .artist-friend-module,
  body .right-v6-stack .artist-friend-clean img,
  body .right-v6-stack .artist-friend-module img {
    height: 285px !important;
    min-height: 285px !important;
    max-height: 285px !important;
  }
}

/* V50: Spotify visible en móvil con 2 columnas reales y scroll horizontal si no cabe */
@media screen and (max-width: 980px) {
  body .spotify-magazine-block {
    overflow: visible !important;
  }

  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    display: grid !important;
    grid-template-columns: 320px 320px !important;
    grid-template-rows: auto !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
    align-items: stretch !important;
    scroll-snap-type: x proximity !important;
  }

  body .right-v6-stack::-webkit-scrollbar {
    height: 4px !important;
  }

  body .right-v6-stack.no-artist-friend {
    grid-template-columns: 1fr !important;
    overflow-x: visible !important;
  }

  body .right-v6-stack > * {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    grid-row: 1 !important;
    scroll-snap-align: start !important;
  }

  body .right-v6-stack .spotify-v6-clean {
    grid-column: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body .right-v6-stack .artist-friend-clean,
  body .right-v6-stack .artist-friend-module {
    grid-column: 2 !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
  }

  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean .moduletable,
  body .right-v6-stack .spotify-v6-clean p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body .right-v6-stack .spotify-v6-clean iframe,
  body .spotify-v6-clean iframe[src*="spotify"],
  body iframe[src*="open.spotify.com"],
  body iframe[src*="spotify.com"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #006d6f !important;
  }

  body .right-v6-stack .artist-friend-clean img,
  body .right-v6-stack .artist-friend-module img {
    display: block !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
    margin: 0 !important;
  }
}

/* En móviles muy estrechos bajamos un poco el tamaño, pero mantenemos mínimo suficiente para Spotify */
@media screen and (max-width: 430px) {
  body .right-v6-stack,
  body .right-v6-stack.has-artist-friend {
    grid-template-columns: 300px 300px !important;
    gap: 8px !important;
  }

  body .right-v6-stack > *,
  body .right-v6-stack .spotify-v6-clean .spotify-embed-wrap,
  body .right-v6-stack .spotify-v6-clean .custom,
  body .right-v6-stack .spotify-v6-clean .mod-custom,
  body .right-v6-stack .spotify-v6-clean .moduletable,
  body .right-v6-stack .spotify-v6-clean p,
  body .right-v6-stack .spotify-v6-clean iframe,
  body .spotify-v6-clean iframe[src*="spotify"],
  body iframe[src*="open.spotify.com"],
  body iframe[src*="spotify.com"],
  body .right-v6-stack .artist-friend-clean img,
  body .right-v6-stack .artist-friend-module img {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }
}


/* V51: bloque móvil propio para Spotify + Artista Amigo */
.mobile-spotify-artist-row{display:none;}
@media screen and (max-width: 980px){
  /* En móvil ocultamos el bloque lateral antiguo para que no pise Spotify */
  body .spotify-magazine-block.has-spotify > .right-v6-stack.has-artist-friend{
    display:none!important;
  }

  body .mobile-spotify-artist-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    overflow:hidden!important;
  }

  body .mobile-spotify-clean,
  body .mobile-spotify-clean .mobile-spotify-wrap,
  body .mobile-spotify-clean .spotify-embed-wrap,
  body .mobile-spotify-clean .custom,
  body .mobile-spotify-clean .mod-custom,
  body .mobile-spotify-clean .moduletable,
  body .mobile-spotify-clean p{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  body .mobile-spotify-clean iframe,
  body .mobile-spotify-artist-row iframe[src*="spotify"],
  body .mobile-spotify-artist-row iframe[src*="open.spotify.com"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    border:0!important;
    border-radius:16px!important;
    background:#006d6f!important;
    overflow:hidden!important;
  }

  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .custom,
  body .mobile-artist-clean .mod-custom,
  body .mobile-artist-clean p{
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .mobile-artist-clean img,
  body .mobile-spotify-artist-row .artist-friend-module img{
    display:block!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:16px!important;
    margin:0!important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{gap:8px!important;}
  body .mobile-spotify-cell,
  body .mobile-artist-cell,
  body .mobile-spotify-clean,
  body .mobile-spotify-clean .mobile-spotify-wrap,
  body .mobile-spotify-clean .spotify-embed-wrap,
  body .mobile-spotify-clean .custom,
  body .mobile-spotify-clean .mod-custom,
  body .mobile-spotify-clean .moduletable,
  body .mobile-spotify-clean p,
  body .mobile-spotify-clean iframe,
  body .mobile-spotify-artist-row iframe[src*="spotify"],
  body .mobile-spotify-artist-row iframe[src*="open.spotify.com"],
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .custom,
  body .mobile-artist-clean .mod-custom,
  body .mobile-artist-clean p,
  body .mobile-artist-clean img,
  body .mobile-spotify-artist-row .artist-friend-module img{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
}

/* V52: corrección definitiva móvil Spotify + Artista Amigo
   El iframe venía con width=320px dentro de media columna. En móvil debe ocupar el 100% de su celda. */
@media screen and (max-width: 980px) {
  body .mobile-spotify-artist-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    overflow: visible !important;
    margin: 18px 0 !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  body .mobile-spotify-clean,
  body .mobile-spotify-wrap,
  body .mobile-spotify-clean .mod-custom,
  body .mobile-spotify-clean .custom,
  body .mobile-spotify-clean p,
  body .mobile-spotify-clean div,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .mod-custom,
  body .mobile-artist-clean .custom,
  body .mobile-artist-clean p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body .mobile-spotify-clean iframe,
  body .mobile-spotify-cell iframe,
  body .mobile-spotify-artist-row iframe[src*="open.spotify.com"],
  body .mobile-spotify-artist-row iframe[src*="spotify.com"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #006d6f !important;
  }

  body .mobile-artist-clean img,
  body .mobile-artist-cell img,
  body .mobile-spotify-artist-row .artist-friend-module img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Anular estilos inline tipo max-width:100%; margin:20px auto del módulo de Spotify */
  body .mobile-spotify-clean .custom > div,
  body .mobile-spotify-clean .mod-custom > div {
    width: 100% !important;
    max-width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 430px) {
  body .mobile-spotify-artist-row {
    gap: 8px !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell,
  body .mobile-spotify-clean,
  body .mobile-spotify-wrap,
  body .mobile-spotify-clean .mod-custom,
  body .mobile-spotify-clean .custom,
  body .mobile-spotify-clean p,
  body .mobile-spotify-clean div,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .mod-custom,
  body .mobile-artist-clean .custom,
  body .mobile-artist-clean p,
  body .mobile-spotify-clean iframe,
  body .mobile-spotify-cell iframe,
  body .mobile-spotify-artist-row iframe[src*="open.spotify.com"],
  body .mobile-spotify-artist-row iframe[src*="spotify.com"],
  body .mobile-artist-clean img,
  body .mobile-artist-cell img,
  body .mobile-spotify-artist-row .artist-friend-module img,
  body .mobile-spotify-clean .custom > div,
  body .mobile-spotify-clean .mod-custom > div {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

/* V53: tarjeta Spotify en móvil */
.mobile-spotify-promo{display:none;}
@media screen and (max-width: 980px){
  body .mobile-spotify-artist-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body .mobile-spotify-cell,
  body .mobile-artist-cell{min-width:0!important;}
  body .mobile-spotify-promo{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    height:100%!important;
    min-height:285px!important;
    border-radius:16px!important;
    padding:20px 18px!important;
    text-decoration:none!important;
    color:#ffffff!important;
    background:linear-gradient(160deg,#0f766e 0%,#0b5560 52%,#111827 100%)!important;
    box-shadow:0 14px 30px rgba(6,24,44,.18)!important;
    overflow:hidden!important;
    position:relative!important;
  }
  body .mobile-spotify-promo:before{
    content:'';
    position:absolute;
    right:-24px;
    top:-24px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(29,185,84,.18);
  }
  body .mobile-spotify-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    color:#d1fae5!important;
    font-size:.8rem!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    margin-bottom:14px!important;
  }
  body .mobile-spotify-title{
    display:block!important;
    font-size:1.2rem!important;
    line-height:1.15!important;
    font-weight:800!important;
    margin-bottom:10px!important;
    max-width:12ch!important;
  }
  body .mobile-spotify-subtitle{
    display:block!important;
    font-size:.92rem!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.86)!important;
    margin-bottom:16px!important;
    max-width:18ch!important;
  }
  body .mobile-spotify-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:auto!important;
    padding:10px 14px!important;
    border-radius:999px!important;
    background:#1db954!important;
    color:#06281f!important;
    font-size:.88rem!important;
    font-weight:800!important;
    box-shadow:0 8px 18px rgba(29,185,84,.28)!important;
  }
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    width:100%!important;
    height:100%!important;
    min-height:285px!important;
    margin:0!important;
    display:block!important;
  }
  body .mobile-artist-clean .artist-friend-module img{
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:16px!important;
  }
  /* hide old right block only on mobile when the promo row exists */
  body .spotify-magazine-block .right-v6-stack{display:none!important;}
}
@media screen and (min-width: 981px){
  body .mobile-spotify-artist-row{display:none!important;}
  body .spotify-magazine-block .right-v6-stack{display:grid!important;}
}
@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{gap:8px!important;}
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{min-height:250px!important;}
  body .mobile-spotify-title{font-size:1.05rem!important;}
  body .mobile-spotify-subtitle{font-size:.86rem!important;}
}

/* V54: fila móvil Spotify + Artista más alta */
@media screen and (max-width: 980px){
  body .mobile-spotify-artist-row{
    gap: 10px !important;
    align-items: stretch !important;
  }

  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 340px !important;
    height: 340px !important;
    max-height: 340px !important;
  }

  body .mobile-spotify-promo{
    padding: 22px 18px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.28rem !important;
    line-height: 1.14 !important;
    max-width: 12ch !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .95rem !important;
    line-height: 1.45 !important;
    max-width: 17ch !important;
  }

  body .mobile-spotify-button{
    padding: 11px 15px !important;
    font-size: .9rem !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{
    gap: 8px !important;
  }

  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 300px !important;
    height: 300px !important;
    max-height: 300px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.14rem !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .88rem !important;
  }
}

/* V55: fila móvil un poco más alta y tarjeta Spotify más vistosa */
@media screen and (max-width: 980px){
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 380px !important;
    height: 380px !important;
    max-height: 380px !important;
  }

  body .mobile-spotify-promo{
    position: relative !important;
    justify-content: flex-start !important;
    padding: 24px 20px !important;
    background:
      radial-gradient(circle at 82% 18%, rgba(29,185,84,.22) 0, rgba(29,185,84,.22) 16%, transparent 17%),
      radial-gradient(circle at 16% 88%, rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 10%, transparent 11%),
      linear-gradient(160deg,#0f766e 0%,#0a5f64 34%,#103b45 68%,#111827 100%) !important;
    overflow: hidden !important;
  }

  body .mobile-spotify-promo::after{
    content: '♪';
    position: absolute;
    right: 18px;
    bottom: 14px;
    font-size: 4.8rem;
    line-height: 1;
    color: rgba(255,255,255,.12);
    font-weight: 800;
    pointer-events: none;
  }

  body .mobile-spotify-badge{
    background: rgba(29,185,84,.18) !important;
    color: #d6ffe4 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
    margin-bottom: 16px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.34rem !important;
    line-height: 1.1 !important;
    max-width: 11ch !important;
    margin-bottom: 12px !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .98rem !important;
    line-height: 1.46 !important;
    color: rgba(255,255,255,.9) !important;
    max-width: 17ch !important;
    margin-bottom: 20px !important;
  }

  body .mobile-spotify-button{
    margin-top: auto !important;
    padding: 12px 16px !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    background: #1db954 !important;
    color: #052617 !important;
    box-shadow: 0 10px 22px rgba(29,185,84,.32) !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 330px !important;
    height: 330px !important;
    max-height: 330px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.18rem !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .90rem !important;
  }

  body .mobile-spotify-promo::after{
    font-size: 4rem;
  }
}

/* V56: fila móvil Spotify + Artista bastante más alta */
@media screen and (max-width: 980px){
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 500px !important;
    height: 500px !important;
    max-height: 500px !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a,
  body .mobile-artist-clean .artist-friend-module img{
    min-height: 420px !important;
    height: 420px !important;
    max-height: 420px !important;
  }
}

/* V57: Artista Amigo en móvil con menos zoom y más imagen visible */
@media screen and (max-width: 980px){
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    margin: 0 !important;
    background: #efefef !important;
    overflow: hidden !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #efefef !important;
    border-radius: 16px !important;
    display: block !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }
}

/* V58: fila móvil mucho más alta y sin zoom en Artista Amigo */
@media screen and (max-width: 980px){
  body .mobile-spotify-artist-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  /* ambas columnas más altas */
  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    min-width:0 !important;
  }

  body .mobile-spotify-promo{
    min-height: 560px !important;
    height: 560px !important;
    max-height: 560px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    width:100% !important;
    min-height: 560px !important;
    height: 560px !important;
    max-height: 560px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#efefef !important;
    border-radius:16px !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height: 560px !important;
    max-height: 560px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    background:#efefef !important;
    border-radius:16px !important;
  }

  /* hacer la tarjeta spotify algo más vistosa y respirada en altura */
  body .mobile-spotify-badge{
    margin-bottom:18px !important;
  }
  body .mobile-spotify-title{
    font-size:1.42rem !important;
    line-height:1.08 !important;
    margin-bottom:14px !important;
  }
  body .mobile-spotify-subtitle{
    font-size:1rem !important;
    line-height:1.48 !important;
    margin-bottom:22px !important;
  }
  body .mobile-spotify-button{
    margin-top:auto !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{
    gap:8px !important;
  }

  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    min-height: 470px !important;
    height: 470px !important;
    max-height: 470px !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    min-height: 470px !important;
    max-height: 470px !important;
  }

  body .mobile-spotify-title{
    font-size:1.18rem !important;
  }
  body .mobile-spotify-subtitle{
    font-size:.9rem !important;
  }
}

/* V59: corregir solape de la fila Spotify + Artista en móvil */
@media screen and (max-width: 980px){
  body .spotify-magazine-block{
    display:block !important;
  }

  body .mobile-spotify-artist-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-rows:560px !important;
    gap:12px !important;
    width:100% !important;
    margin:18px 0 24px !important;
    padding:0 !important;
    align-items:stretch !important;
    position:relative !important;
    z-index:2 !important;
    overflow:hidden !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    width:100% !important;
    min-width:0 !important;
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
    overflow:hidden !important;
    position:relative !important;
  }

  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body .mobile-spotify-promo{
    padding:24px 20px !important;
    display:flex !important;
    flex-direction:column !important;
  }

  body .mobile-artist-clean{ 
    padding:0 !important;
    border-radius:16px !important;
    background:#efefef !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#efefef !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    background:#efefef !important;
    border-radius:16px !important;
  }

  /* asegurar que lo que viene debajo quede debajo */
  body .spotify-magazine-block .news-grid,
  body .featured-page > .news-grid,
  body .magazine-page > .news-grid{
    position:relative !important;
    z-index:1 !important;
    margin-top:8px !important;
    clear:both !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{
    grid-auto-rows:470px !important;
    gap:8px !important;
    margin:16px 0 22px !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
  }
}

/* V60: Artista Amigo usa toda la altura del bloque en móvil */
@media screen and (max-width: 980px){
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module p,
  body .mobile-artist-clean .artist-friend-module a{
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body .mobile-artist-clean .artist-friend-module img{
    display: block !important;
    width: auto !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
    background: #efefef !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-artist-clean .artist-friend-module img{
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }
}

/* V61: hacer que la imagen de Artista Amigo ocupe toda la altura real del bloque en móvil */
@media screen and (max-width: 980px){
  body .mobile-artist-cell{
    width:100% !important;
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
    overflow:hidden !important;
  }

  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:#efefef !important;
  }

  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    display:block !important;
    width:auto !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:16px !important;
    background:#efefef !important;
    flex:0 0 auto !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-artist-cell{
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
  }

  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a,
  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
  }
}

/* V62: mostrar resumen en la noticia 2 y 3 también en versión PC */
@media screen and (min-width: 761px){
  body .top-side-news .side-feature-card .news-card-body{
    padding:18px 20px 20px !important;
  }

  body .top-side-news .side-feature-card .news-title{
    font-size:1.12rem !important;
    line-height:1.18 !important;
    margin-bottom:10px !important;
  }

  body .top-side-news .side-feature-card .news-intro{
    display:-webkit-box !important;
    -webkit-line-clamp:4 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    font-size:.94rem !important;
    line-height:1.5 !important;
    color:#4b5565 !important;
    margin:0 !important;
  }
}

@media screen and (max-width: 760px){
  body .top-side-news .side-feature-card .news-intro{
    display:-webkit-box !important;
    -webkit-line-clamp:5 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
}

/* V63: en móvil el texto de la primera noticia igual que el resto */
@media screen and (max-width: 980px){
  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro {
    font-size: .97rem !important;
    line-height: 1.52 !important;
    font-weight: 400 !important;
    color: inherit !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro {
    font-size: .92rem !important;
    line-height: 1.48 !important;
  }
}

/* V64: móvil con textos más grandes e imágenes de noticias más altas */
@media screen and (max-width: 980px){
  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body{
    padding: 20px 20px 22px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.52rem !important;
    line-height: 1.16 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 12px !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.28rem !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 10px !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: 1.06rem !important;
    line-height: 1.62 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1rem !important;
    line-height: 1.58 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.34rem !important;
    line-height: 1.16 !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.17rem !important;
    line-height: 1.2 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: .98rem !important;
    line-height: 1.56 !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: .95rem !important;
    line-height: 1.54 !important;
  }
}

/* V65: smartphone real - textos mucho más grandes y legibles */
@media screen and (max-width: 980px){
  body .site-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body{
    padding: 22px 20px 24px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.78rem !important;
    line-height: 1.14 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 14px !important;
    font-weight: 800 !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.42rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 12px !important;
    font-weight: 800 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: 1.16rem !important;
    line-height: 1.68 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.08rem !important;
    line-height: 1.66 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
  }

  /* también el banner de cookies más legible */
  body .cookie-banner,
  body .cookies-banner,
  body .cookie-consent,
  body .cookie-notice{
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  body .cookie-banner h3,
  body .cookies-banner h3,
  body .cookie-consent h3,
  body .cookie-notice h3{
    font-size: 1.18rem !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }

  body .cookie-banner p,
  body .cookies-banner p,
  body .cookie-consent p,
  body .cookie-notice p,
  body .cookie-banner a,
  body .cookies-banner a,
  body .cookie-consent a,
  body .cookie-notice a{
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  body .cookie-banner button,
  body .cookies-banner button,
  body .cookie-consent button,
  body .cookie-notice button{
    font-size: .98rem !important;
    padding: 10px 16px !important;
  }
}

@media screen and (max-width: 430px){
  body .site-container{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.52rem !important;
    line-height: 1.14 !important;
  }

  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.28rem !important;
    line-height: 1.18 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: 1.05rem !important;
    line-height: 1.62 !important;
  }

  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }
}

/* V66: móvil - primera noticia igual que las demás y imágenes más altas */
@media screen and (max-width: 980px){
  /* imágenes un poco más altas */
  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 410px !important;
    min-height: 410px !important;
    max-height: 410px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* la primera noticia usa el mismo tamaño de texto que las demás */
  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.42rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 12px !important;
    font-weight: 800 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: 1.08rem !important;
    line-height: 1.66 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-image,
  body .lead-story-v6 .lead-v6-image{
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
  }

  body .news-image,
  body .side-feature-card .news-image,
  body .compact-news-card .news-image,
  body .news-card .news-image{
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title{
    font-size: 1.28rem !important;
    line-height: 1.18 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro{
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }
}

/* V67: móvil con tipografía MUY grande en todas las noticias */
@media screen and (max-width: 980px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body{
    padding: 24px 22px 26px !important;
  }

  /* Primera noticia y resto de noticias: títulos enormes */
  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.72rem !important;
    line-height: 1.16 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 14px !important;
    font-weight: 800 !important;
  }

  /* Resúmenes muy grandes y cómodos de leer */
  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.18rem !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body{
    padding: 22px 18px 24px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.56rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 12px !important;
    font-weight: 800 !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.10rem !important;
    line-height: 1.68 !important;
    font-weight: 400 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* V68: móvil con fuentes ENORMES para smartphone */
@media screen and (max-width: 980px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body,
  body .news-card .news-card-body{
    padding: 26px 24px 28px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 2rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.28rem !important;
    line-height: 1.78 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 8 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body,
  body .news-card .news-card-body{
    padding: 24px 20px 26px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.82rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.18rem !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 8 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 380px){
  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.68rem !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.12rem !important;
    line-height: 1.66 !important;
  }
}

/* V69: móvil con textos GIGANTES en todas las noticias */
@media screen and (max-width: 980px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body,
  body .news-card .news-card-body{
    padding: 28px 24px 30px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 2.15rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.04em !important;
    margin-bottom: 16px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.34rem !important;
    line-height: 1.80 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-v6-content,
  body .news-card-body,
  body .side-feature-card .news-card-body,
  body .compact-news-card .news-card-body,
  body .news-card .news-card-body{
    padding: 26px 20px 28px !important;
  }

  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.95rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 15px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.24rem !important;
    line-height: 1.74 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 380px){
  body .lead-v6-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title{
    font-size: 1.82rem !important;
  }

  body .lead-v6-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro{
    font-size: 1.18rem !important;
    line-height: 1.68 !important;
  }
}

/* V70: móvil - TODAS las noticias de portada con tamaño de fuente uniforme */
@media screen and (max-width: 980px){
  /* Unificar títulos de todas las tarjetas/noticias de portada */
  body .top-magazine-layout .lead-v6-title,
  body .top-magazine-layout .news-title,
  body .top-side-news .lead-v6-title,
  body .top-side-news .news-title,
  body .spotify-news-grid .lead-v6-title,
  body .spotify-news-grid .news-title,
  body .news-grid .lead-v6-title,
  body .news-grid .news-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title,
  body .news-card h2,
  body .news-card h3,
  body article .news-title {
    font-size: 1.95rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 15px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  /* Unificar resúmenes/textos de todas las tarjetas/noticias de portada */
  body .top-magazine-layout .lead-v6-intro,
  body .top-magazine-layout .news-intro,
  body .top-side-news .lead-v6-intro,
  body .top-side-news .news-intro,
  body .spotify-news-grid .lead-v6-intro,
  body .spotify-news-grid .news-intro,
  body .news-grid .lead-v6-intro,
  body .news-grid .news-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro,
  body article .news-intro {
    font-size: 1.24rem !important;
    line-height: 1.74 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 430px){
  /* mismo tamaño para todas también en smartphones */
  body .top-magazine-layout .lead-v6-title,
  body .top-magazine-layout .news-title,
  body .top-side-news .lead-v6-title,
  body .top-side-news .news-title,
  body .spotify-news-grid .lead-v6-title,
  body .spotify-news-grid .news-title,
  body .news-grid .lead-v6-title,
  body .news-grid .news-title,
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .news-title,
  body .side-feature-card .news-title,
  body .compact-news-card .news-title,
  body .news-card .news-title,
  body .news-card h2,
  body .news-card h3,
  body article .news-title {
    font-size: 1.95rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 15px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  body .top-magazine-layout .lead-v6-intro,
  body .top-magazine-layout .news-intro,
  body .top-side-news .lead-v6-intro,
  body .top-side-news .news-intro,
  body .spotify-news-grid .lead-v6-intro,
  body .spotify-news-grid .news-intro,
  body .news-grid .lead-v6-intro,
  body .news-grid .news-intro,
  body .lead-story-v6 .lead-v6-intro,
  body .lead-story-v6 .news-intro,
  body .side-feature-card .news-intro,
  body .compact-news-card .news-intro,
  body .news-card .news-intro,
  body article .news-intro {
    font-size: 1.24rem !important;
    line-height: 1.74 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

/* V71: móvil - reforzar la primera noticia para que se vea tan grande como las demás */
@media screen and (max-width: 980px){
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .lead-v6-title a,
  body .top-magazine-layout .lead-story-v6 .lead-v6-title,
  body .top-magazine-layout .lead-story-v6 .lead-v6-title a{
    font-size: 2.15rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.04em !important;
    font-weight: 900 !important;
  }

  body .lead-story-v6 .lead-v6-intro,
  body .top-magazine-layout .lead-story-v6 .lead-v6-intro{
    font-size: 1.34rem !important;
    line-height: 1.80 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

@media screen and (max-width: 430px){
  body .lead-story-v6 .lead-v6-title,
  body .lead-story-v6 .lead-v6-title a,
  body .top-magazine-layout .lead-story-v6 .lead-v6-title,
  body .top-magazine-layout .lead-story-v6 .lead-v6-title a{
    font-size: 1.95rem !important;
    line-height: 1.10 !important;
    letter-spacing: -0.035em !important;
    font-weight: 900 !important;
  }

  body .lead-story-v6 .lead-v6-intro,
  body .top-magazine-layout .lead-story-v6 .lead-v6-intro{
    font-size: 1.24rem !important;
    line-height: 1.74 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* V72: Chrome móvil - evitar caché y fijar tamaños enormes en PX para todas las noticias de portada */
@media screen and (max-width: 980px){
  html, body{
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body .featured-page .lead-v6-title,
  body .featured-page .lead-v6-title a,
  body .featured-page .news-title,
  body .featured-page .news-title a,
  body .featured-page article h2,
  body .featured-page article h2 a,
  body .featured-page article h3,
  body .featured-page article h3 a,
  body .magazine-page .lead-v6-title,
  body .magazine-page .lead-v6-title a,
  body .magazine-page .news-title,
  body .magazine-page .news-title a{
    font-size: 34px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.7px !important;
    margin-bottom: 16px !important;
    color: #0f172a !important;
  }

  body .featured-page .lead-v6-intro,
  body .featured-page .news-intro,
  body .featured-page article p.news-intro,
  body .featured-page article p.lead-v6-intro,
  body .magazine-page .lead-v6-intro,
  body .magazine-page .news-intro{
    font-size: 21px !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  body .featured-page .lead-v6-content,
  body .featured-page .news-card-body,
  body .magazine-page .lead-v6-content,
  body .magazine-page .news-card-body{
    padding: 26px 22px 28px !important;
  }
}

@media screen and (max-width: 430px){
  body .featured-page .lead-v6-title,
  body .featured-page .lead-v6-title a,
  body .featured-page .news-title,
  body .featured-page .news-title a,
  body .featured-page article h2,
  body .featured-page article h2 a,
  body .featured-page article h3,
  body .featured-page article h3 a,
  body .magazine-page .lead-v6-title,
  body .magazine-page .lead-v6-title a,
  body .magazine-page .news-title,
  body .magazine-page .news-title a{
    font-size: 31px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.6px !important;
  }

  body .featured-page .lead-v6-intro,
  body .featured-page .news-intro,
  body .featured-page article p.news-intro,
  body .featured-page article p.lead-v6-intro,
  body .magazine-page .lead-v6-intro,
  body .magazine-page .news-intro{
    font-size: 20px !important;
    line-height: 1.68 !important;
  }
}


/* V73: barra superior y menú móvil más profesional */
@media screen and (max-width: 980px){
  body .site-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid rgba(226,232,240,.95) !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
    backdrop-filter: blur(18px) !important;
  }

  body .site-header .site-container.header-inner{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 48px 48px !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 8px !important;
    row-gap: 10px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  body .brand-wrap{
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
  }

  body .brand-image,
  body .brand-image-v22{
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body .brand-logo-image,
  body .brand-logo-image-v22{
    height: 58px !important;
    max-height: 58px !important;
    width: auto !important;
    max-width: calc(100vw - 128px) !important;
    object-fit: contain !important;
    display: block !important;
  }

  body .header-search,
  body .header-search-icon-wrap{
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  body .search-icon-link{
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.06) !important;
  }

  body .search-icon-link svg{
    width: 25px !important;
    height: 25px !important;
  }

  body .menu-toggle{
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.06) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  body .menu-toggle::before{
    content: "☰" !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    transform: translateY(-1px) !important;
  }

  body .menu-toggle[aria-expanded="true"]::before{
    content: "×" !important;
    font-size: 34px !important;
    transform: translateY(-2px) !important;
  }

  body .main-nav{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 22px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 22px rgba(15,23,42,.06) !important;
  }

  body .main-nav.is-open{
    display: block !important;
  }

  body .main-nav ul,
  body .main-nav .fallback-menu,
  body .fallback-menu{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body .main-nav li,
  body .fallback-menu li{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body .main-nav a,
  body .main-nav span,
  body .fallback-menu a{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 14px 16px !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    color: #0f172a !important;
    font-size: 1.13rem !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    box-shadow: 0 8px 16px rgba(15,23,42,.045) !important;
  }

  body .main-nav a::after,
  body .fallback-menu a::after{
    content: "›" !important;
    font-size: 1.4rem !important;
    color: #64748b !important;
    margin-left: 12px !important;
  }

  body .main-nav li.active > a,
  body .main-nav a[aria-current="page"],
  body .fallback-menu li.active > a{
    background: linear-gradient(135deg,#eaf5ff,#fff1f5) !important;
    border-color: rgba(14,165,233,.28) !important;
    color: #0f172a !important;
  }

  body .header-groover{
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: flex !important;
    width: 100% !important;
    justify-content: stretch !important;
    margin: 0 !important;
  }

  body .groover-chip{
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
    background: linear-gradient(135deg,#0f172a,#1e293b) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.12) !important;
  }

  body .groover-chip-text{
    font-size: .98rem !important;
    line-height: 1.15 !important;
  }

  body .groover-chip-mark{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
}

@media screen and (max-width: 430px){
  body .site-header .site-container.header-inner{
    grid-template-columns: minmax(0,1fr) 44px 44px !important;
    gap: 7px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
    padding-bottom: 9px !important;
  }

  body .brand-logo-image,
  body .brand-logo-image-v22{
    height: 52px !important;
    max-height: 52px !important;
    max-width: calc(100vw - 118px) !important;
  }

  body .menu-toggle,
  body .header-search,
  body .header-search-icon-wrap,
  body .search-icon-link{
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  body .main-nav{
    padding: 10px !important;
    border-radius: 20px !important;
  }

  body .main-nav a,
  body .main-nav span,
  body .fallback-menu a{
    min-height: 52px !important;
    padding: 13px 15px !important;
    font-size: 1.08rem !important;
  }

  body .groover-chip{
    min-height: 44px !important;
  }
}

/* V74: ocultar enlace/botón Groover en la barra superior móvil */
@media screen and (max-width: 980px){
  body .groover-link,
  body .groover-header-link,
  body .header-groover,
  body .topbar-groover,
  body .site-groover,
  body a[href*="groover.co"],
  body .site-header a[href*="groover.co"],
  body .header-actions a[href*="groover.co"],
  body .topbar a[href*="groover.co"]{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

@media screen and (min-width: 981px){
  body .site-header a[href*="groover.co"],
  body .header-actions a[href*="groover.co"],
  body .topbar a[href*="groover.co"]{
    visibility: visible;
    opacity: 1;
  }
}

/* V75: móvil - paginación solo con 7 botones numéricos */
@media screen and (max-width: 980px){
  body .pagination-wrap,
  body .pagination,
  body ul.pagination{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
  }

  body .pagination-wrap .pagination-hidden-mobile,
  body .pagination .pagination-hidden-mobile,
  body ul.pagination .pagination-hidden-mobile,
  body .pagination-wrap .page-item.pagination-hidden-mobile,
  body .pagination-wrap li.pagination-hidden-mobile{
    display:none !important;
  }

  body .pagination-wrap .page-link,
  body .pagination .page-link,
  body ul.pagination a,
  body ul.pagination span{
    min-width:42px !important;
    height:42px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:1.05rem !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}

/* V76: móvil - ajustar la tarjeta Spotify a una altura similar a Artista Amigo */
@media screen and (max-width: 980px){
  body .mobile-spotify-artist-row{
    grid-auto-rows: 360px !important;
    align-items: start !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
    overflow: hidden !important;
  }

  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a{
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  body .mobile-spotify-promo{
    padding: 18px 16px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.18rem !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .92rem !important;
    line-height: 1.42 !important;
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{
    grid-auto-rows: 300px !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell,
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a,
  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }

  body .mobile-spotify-promo{
    padding: 16px 14px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.05rem !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .86rem !important;
  }

  body .mobile-spotify-button{
    padding: 10px 14px !important;
    font-size: .85rem !important;
  }
}

/* V77: mejor ajuste visual del bloque Spotify + Artista en móvil */
@media screen and (max-width: 980px){
  body .mobile-spotify-artist-row{
    grid-auto-rows: 320px !important;
    gap: 10px !important;
    margin: 16px 0 20px !important;
    align-items: stretch !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell{
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
  }

  body .mobile-spotify-promo{
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  body .mobile-spotify-badge{
    margin-bottom: 8px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.12rem !important;
    line-height: 1.06 !important;
    margin: 0 0 8px 0 !important;
    max-width: 8ch !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .88rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    max-width: 10ch !important;
  }

  body .mobile-spotify-button{
    margin-top: 14px !important;
    padding: 10px 14px !important;
    font-size: .84rem !important;
    border-radius: 999px !important;
  }

  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a{
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #efefef !important;
  }

  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    width: 100% !important;
    height: 100% !important;
    min-height: 320px !important;
    max-height: 320px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: #efefef !important;
  }
}

@media screen and (max-width: 430px){
  body .mobile-spotify-artist-row{
    grid-auto-rows: 300px !important;
    gap: 8px !important;
  }

  body .mobile-spotify-cell,
  body .mobile-artist-cell,
  body .mobile-spotify-promo,
  body .mobile-artist-clean,
  body .mobile-artist-clean .artist-friend-module,
  body .mobile-artist-clean .artist-friend-module > .custom,
  body .mobile-artist-clean .artist-friend-module > .mod-custom,
  body .mobile-artist-clean .artist-friend-module > .custom > p,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a,
  body .mobile-artist-clean .artist-friend-module img,
  body .mobile-artist-clean .artist-friend-module > .custom img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom img,
  body .mobile-artist-clean .artist-friend-module > .custom > p > a > img,
  body .mobile-artist-clean .artist-friend-module > .mod-custom > p > a > img{
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }

  body .mobile-spotify-promo{
    padding: 14px !important;
  }

  body .mobile-spotify-title{
    font-size: 1.02rem !important;
    max-width: 8ch !important;
  }

  body .mobile-spotify-subtitle{
    font-size: .82rem !important;
    max-width: 10ch !important;
  }

  body .mobile-spotify-button{
    font-size: .82rem !important;
    padding: 9px 13px !important;
  }
}

/* V78: en móvil, Spotify dentro del artículo ajustado al ancho de la web */
@media screen and (max-width: 980px){
  body .article-body iframe[src*="open.spotify.com"],
  body .item-page iframe[src*="open.spotify.com"],
  body .com-content-article iframe[src*="open.spotify.com"],
  body article iframe[src*="open.spotify.com"],
  body .article-body iframe[src*="spotify.com"],
  body .item-page iframe[src*="spotify.com"],
  body .com-content-article iframe[src*="spotify.com"],
  body article iframe[src*="spotify.com"]{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:352px !important;
    min-height:352px !important;
    max-height:352px !important;
    margin:18px auto !important;
    border:0 !important;
    border-radius:18px !important;
  }

  body .article-body div:has(> iframe[src*="open.spotify.com"]),
  body .item-page div:has(> iframe[src*="open.spotify.com"]),
  body article div:has(> iframe[src*="open.spotify.com"]),
  body .article-body div:has(> iframe[src*="spotify.com"]),
  body .item-page div:has(> iframe[src*="spotify.com"]),
  body article div:has(> iframe[src*="spotify.com"]){
    width:100% !important;
    max-width:100% !important;
    margin:18px 0 !important;
  }
}

@media screen and (max-width: 430px){
  body .article-body iframe[src*="open.spotify.com"],
  body .item-page iframe[src*="open.spotify.com"],
  body .com-content-article iframe[src*="open.spotify.com"],
  body article iframe[src*="open.spotify.com"],
  body .article-body iframe[src*="spotify.com"],
  body .item-page iframe[src*="spotify.com"],
  body .com-content-article iframe[src*="spotify.com"],
  body article iframe[src*="spotify.com"]{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    border-radius:16px !important;
  }
}

/* V79: Spotify dentro de artículos en móvil en formato compacto horizontal */
@media screen and (max-width: 980px){
  body .article-body iframe[src*="open.spotify.com"],
  body .item-page iframe[src*="open.spotify.com"],
  body .com-content-article iframe[src*="open.spotify.com"],
  body .article-view iframe[src*="open.spotify.com"],
  body article iframe[src*="open.spotify.com"],
  body .article-body iframe[src*="spotify.com"],
  body .item-page iframe[src*="spotify.com"],
  body .com-content-article iframe[src*="spotify.com"],
  body .article-view iframe[src*="spotify.com"],
  body article iframe[src*="spotify.com"]{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:152px !important;
    min-height:152px !important;
    max-height:152px !important;
    margin:18px 0 !important;
    border:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:transparent !important;
  }

  body .article-body div:has(> iframe[src*="open.spotify.com"]),
  body .item-page div:has(> iframe[src*="open.spotify.com"]),
  body .com-content-article div:has(> iframe[src*="open.spotify.com"]),
  body .article-view div:has(> iframe[src*="open.spotify.com"]),
  body article div:has(> iframe[src*="open.spotify.com"]),
  body .article-body div:has(> iframe[src*="spotify.com"]),
  body .item-page div:has(> iframe[src*="spotify.com"]),
  body .com-content-article div:has(> iframe[src*="spotify.com"]),
  body .article-view div:has(> iframe[src*="spotify.com"]),
  body article div:has(> iframe[src*="spotify.com"]){
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:18px 0 !important;
    overflow:visible !important;
  }
}

/* Ajuste final logo PC */
@media screen and (min-width: 981px) {
  .brand-logo-image-v22 {
    height: 90px !important;
    max-width: 560px !important;
    width: auto !important;
  }
}