/* DIEZ DE DIEZ TV · V9
   Dirección visual: revista digital de rock / editorial musical contemporánea. */
:root{
  --rock-black:#090909;
  --rock-charcoal:#151515;
  --rock-red:#d30b18;
  --rock-paper:#f3efe7;
  --rock-paper-2:#e9e1d5;
  --rock-white:#fffdf8;
  --rock-line:#b9afa2;
}

/* ===== IDENTIDAD PÚBLICA ===== */
.masthead-public{
  background:var(--rock-black)!important;
  color:#fff!important;
  border-bottom:0!important;
  min-height:126px!important;
}
.masthead-public .logo{color:#fff!important;font-size:clamp(42px,6vw,88px)!important;text-transform:uppercase;letter-spacing:-.075em!important}
.masthead-public .logo i{color:#ff2937;font-style:normal!important;font-weight:850!important}
.masthead-public .mast-tag{color:#bfb9b1!important;text-transform:uppercase;letter-spacing:.16em!important}
.masthead-public .btn-secondary{color:#fff!important;border-color:#555!important;background:transparent!important}
.masthead-public .btn-primary{box-shadow:4px 4px 0 #fff!important}
.public-nav{background:#fff!important;border-bottom:3px solid var(--rock-black)!important;border-top:1px solid #d9d0c4!important;height:52px!important;gap:0!important;padding:0 clamp(14px,3vw,42px)!important;justify-content:flex-start!important}
.public-nav a{height:100%;display:flex;align-items:center;padding:0 20px!important;border-right:1px solid #ddd3c8;font-family:var(--mono)!important;font-size:9px!important;letter-spacing:.09em!important}
.public-nav a:first-child{border-left:1px solid #ddd3c8}.public-nav a:hover{background:var(--rock-black);color:#fff!important}
.rock-ticker{overflow:hidden;background:var(--rock-red);color:#fff;border-bottom:1px solid var(--rock-black);height:32px;display:flex;align-items:center}
.rock-ticker>div{display:flex;align-items:center;gap:18px;white-space:nowrap;padding-left:clamp(16px,3vw,44px);font:800 8px var(--mono);letter-spacing:.12em}
.rock-ticker b{font-size:10px;color:#111}

/* ===== PORTADA ===== */
.magazine-home{max-width:1560px!important}
.rock-front-door{margin:-6px 0 34px;display:grid;grid-template-columns:minmax(0,1fr) 220px;background:var(--rock-black);color:#fff;overflow:hidden;position:relative;border:1px solid #000}
.rock-front-door::before{content:"";position:absolute;right:180px;top:-130px;width:360px;height:360px;border:54px solid rgba(211,11,24,.18);border-radius:50%}
.rock-front-copy{padding:clamp(28px,4vw,58px);position:relative;z-index:1}
.rock-front-meta{display:flex;justify-content:space-between;gap:20px;color:#aaa;font:700 8px var(--mono);letter-spacing:.12em;border-bottom:1px solid #333;padding-bottom:12px;margin-bottom:24px}
.rock-front-copy h1{font:820 clamp(50px,7.2vw,110px)/.82 var(--editorial);letter-spacing:-.07em;margin:0;max-width:1120px}
.rock-front-copy h1 em{display:block;color:#ff3945;font-weight:560}
.rock-front-copy>p{font:500 clamp(16px,1.6vw,21px)/1.55 var(--ui);color:#c9c2ba;max-width:820px;margin:26px 0}
.rock-front-actions{display:flex;gap:10px;flex-wrap:wrap}.rock-front-actions .btn.ghost{color:#fff!important;border-color:#555!important}
.rock-front-stamp{border-left:1px solid #353535;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:linear-gradient(180deg,#191919,#050505);padding:26px 16px}
.rock-front-stamp::before,.rock-front-stamp::after{content:"";width:80px;height:2px;background:var(--rock-red);margin:14px 0}
.rock-front-stamp small,.rock-front-stamp span{font:800 8px var(--mono);letter-spacing:.12em;color:#bbb}
.rock-front-stamp strong{font:900 62px/.8 var(--ui);letter-spacing:-.08em;color:#fff}

.magazine-home .founders-hero{margin:0 0 34px!important;border-radius:0!important;background:#fff!important;border:1px solid #111!important;box-shadow:none!important;position:relative;overflow:hidden}
.magazine-home .founders-hero::after{content:"FOUNDERS";position:absolute;right:-20px;bottom:-36px;font:950 100px/1 var(--ui);letter-spacing:-.08em;color:#f2ece4;z-index:0}
.magazine-home .founders-hero>*{position:relative;z-index:1}

.magazine-cover{grid-template-columns:1.05fr 1.15fr .52fr!important;gap:0!important;padding:0!important;border:1px solid #111!important;background:#fff;margin-top:0!important;min-height:640px}
.magazine-cover>div:first-child{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.magazine-cover>div:nth-child(2){background:#111;overflow:hidden}
.magazine-cover .hero-image{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;filter:grayscale(.12) contrast(1.08)!important;border:0!important;transition:transform .5s ease}
.magazine-cover:hover .hero-image{transform:scale(1.015)}
.magazine-cover .hero-title{font-size:clamp(52px,6vw,94px)!important;line-height:.87!important;letter-spacing:-.065em!important;margin:14px 0 20px!important}
.magazine-cover .lead{font-size:18px!important;max-width:690px}
.magazine-cover .meta{border-top:1px solid #ddd2c6;padding-top:13px;width:100%;margin-top:18px}
.magazine-cover>div:first-child>a{margin-top:17px;font:900 10px var(--mono);letter-spacing:.08em;text-decoration:none;border-bottom:2px solid var(--rock-red);padding-bottom:5px}
.magazine-cover .side-rule{border:0!important;border-left:1px solid #111!important;padding:28px 22px!important;background:var(--rock-paper-2);display:flex;flex-direction:column;justify-content:flex-end}
.magazine-cover .side-rule h2{font-family:var(--editorial)!important;font-size:31px!important;line-height:.98!important;letter-spacing:-.035em}
.magazine-cover-empty{min-height:470px!important}

.live-editorial-callout{background:var(--rock-red)!important;color:#fff!important;border:0!important;border-radius:0!important;padding:32px!important;position:relative;overflow:hidden}
.live-editorial-callout::after{content:"LIVE";position:absolute;right:18px;bottom:-32px;font:950 110px/1 var(--ui);letter-spacing:-.08em;color:rgba(0,0,0,.13)}
.live-editorial-callout .kicker{color:#fff!important}.live-editorial-callout h2{color:#fff!important;max-width:820px}.live-editorial-callout p{max-width:920px;color:#fff!important;font-size:16px}.live-editorial-callout .btn.red{background:#fff!important;color:#111!important;border-color:#fff!important}

/* ===== GRILLA DE HISTORIAS ===== */
.magazine-page-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:30px;align-items:end;border-bottom:6px solid #111;padding-bottom:25px;margin-bottom:28px}
.magazine-page-heading .kicker{grid-column:1/-1}.magazine-page-heading h1{font-size:clamp(54px,7vw,104px)!important;line-height:.84!important;margin:0!important;max-width:1000px}.magazine-page-heading .lead{margin:0!important;border-left:3px solid var(--rock-red);padding-left:18px;font-size:16px!important}
.magazine-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}
.magazine-grid .magazine-story-card{grid-column:span 4!important;padding:0!important;border:0!important;border-top:1px solid #111!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.magazine-grid .magazine-story-card:nth-child(1),.magazine-grid .magazine-story-card:nth-child(5){grid-column:span 8!important}
.magazine-grid .magazine-story-card:nth-child(2),.magazine-grid .magazine-story-card:nth-child(6){grid-column:span 4!important}
.magazine-grid .magazine-story-card img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;filter:grayscale(.15) contrast(1.07)!important;border-radius:0!important;margin:0 0 13px!important}
.magazine-grid .magazine-story-card:nth-child(1) img,.magazine-grid .magazine-story-card:nth-child(5) img{aspect-ratio:16/8!important}
.magazine-grid .magazine-story-card h3{font:760 clamp(28px,2.8vw,44px)/.98 var(--editorial)!important;letter-spacing:-.04em!important;margin:8px 0!important}
.magazine-grid .magazine-story-card:nth-child(1) h3,.magazine-grid .magazine-story-card:nth-child(5) h3{font-size:clamp(38px,4vw,62px)!important}
.magazine-grid .magazine-story-card>a{display:inline-flex;margin-top:9px;font:900 9px var(--mono);letter-spacing:.08em;text-decoration:none;border-bottom:2px solid var(--rock-red);padding-bottom:4px}

/* ===== ARTISTAS EN PORTADA ===== */
.rock-artist-grid{gap:12px!important}.rock-artist-card{background:var(--rock-black)!important;color:#fff!important;border:0!important;border-radius:0!important;text-align:left!important;padding:18px!important;min-height:230px;overflow:hidden}
.rock-artist-card .avatar{width:110px!important;height:110px!important;border:3px solid #fff!important;filter:grayscale(.3)}
.rock-artist-card h3{font-size:30px!important;line-height:.95!important}.rock-artist-card .meta{color:#aaa!important}.rock-artist-card a{color:#fff;font:800 9px var(--mono);letter-spacing:.06em;text-decoration:none;border-bottom:2px solid var(--rock-red)}

/* ===== ARTÍCULOS ===== */
.article-page{background:#f5f1e9!important}
.article-page .masthead-public{background:#080808!important}.article-page .article-wrap-v5{max-width:1320px!important}.article-page .article-heading{border-bottom:5px solid #111;padding-bottom:26px}
.article-page .article-v5 h1{font-size:clamp(56px,7.4vw,112px)!important;line-height:.84!important;letter-spacing:-.07em!important;max-width:1180px}
.article-page .article-v5 .lead{font-family:var(--editorial)!important;font-size:clamp(20px,2vw,29px)!important;line-height:1.3!important;color:#3e3934!important;max-width:950px}
.article-page .article-cover{border-radius:0!important;max-height:760px!important;filter:contrast(1.04) saturate(.9)}
.article-page .article-body{font-family:var(--editorial)!important;font-size:20px!important;line-height:1.8!important}.article-page .article-body p:first-child::first-letter{float:left;font-size:78px;line-height:.72;padding:10px 10px 0 0;color:var(--rock-red);font-weight:800}
.article-page .article-body h2{font-size:42px!important;line-height:1!important;margin-top:52px}.article-page .article-body blockquote{margin:42px 0;border-left:5px solid var(--rock-red);padding:10px 0 10px 24px;font-size:30px;line-height:1.25;font-style:italic}
.article-page .article-share-sticky{border-radius:0!important;background:#111!important;color:#fff!important;border:0!important}.article-page .article-share-sticky p{color:#bbb!important}

/* ===== ADMIN / MESA DE REDACCIÓN ===== */
.masthead-dashboard{background:#f4efe7!important}.dashnav{background:#111!important;border:0!important}.dashnav a{color:#fff!important}.dashnav a:hover{color:#ff4a55!important}
.admin-rock-wrap{max-width:1540px!important}.admin-rock-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;padding:26px 0 30px;border-bottom:6px solid #111}
.admin-rock-head .display{font-size:clamp(50px,6vw,90px)!important;line-height:.88!important;margin:9px 0!important}.admin-rock-head .lead{max-width:820px}.admin-new-story{min-width:260px}
.newsroom-stats{margin-top:22px!important;border:0!important;background:#111!important;color:#fff!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.newsroom-stats .stat{border-right:1px solid #393939!important;padding:22px!important}.newsroom-stats .stat strong{font-family:var(--ui)!important;font-weight:900!important;color:#fff;font-size:48px!important;letter-spacing:-.05em}.newsroom-stats .stat small{color:#aaa!important;font-family:var(--mono)!important}
.admin-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.admin-note-card{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:1fr auto;background:#fff;border:1px solid #111;min-height:270px;position:relative;overflow:hidden}.admin-note-media{position:relative;background:#111;grid-row:1/3;overflow:hidden}.admin-note-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22) contrast(1.07)}.admin-note-media .status{position:absolute;left:10px;top:10px}.admin-note-placeholder{height:100%;display:grid;place-items:center;color:#fff;font:950 52px var(--ui);letter-spacing:-.08em;background:linear-gradient(135deg,#111,#3a0509)}.admin-note-copy{padding:22px 22px 10px}.admin-note-copy h3{font:760 34px/.98 var(--editorial);letter-spacing:-.035em;margin:7px 0 12px}.admin-note-copy>p:not(.kicker){font-size:13px;color:#625c55;line-height:1.5}.admin-note-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2d9cf;padding-top:10px;margin-top:16px;color:#8a8177;font:700 8px var(--mono);letter-spacing:.06em}.admin-note-actions{padding:10px 22px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-note-actions form{margin:0}.admin-note-actions .btn{min-height:40px!important;padding:8px 12px!important}
.newsroom-empty{background:#fff!important;border-style:dashed!important}.editorial-table td:first-child b{display:block;font-family:var(--editorial);font-size:18px;line-height:1.1}.editorial-table td:first-child small{display:block;margin-top:5px;color:#999;font:700 8px var(--mono)}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-actions a,.table-actions button{border:0;background:transparent;padding:0;color:#111;text-decoration:none;font:800 9px var(--mono);letter-spacing:.05em;cursor:pointer}.table-actions button{color:var(--rock-red)}
.delete-note-btn{background:var(--rock-red)!important;color:#fff!important;border-color:var(--rock-red)!important;margin-left:auto}
.editor-layout{border-radius:0!important;border:1px solid #111!important;box-shadow:8px 8px 0 #111}.source-pane{background:#e9e1d5!important}.source-pane .thumb{filter:grayscale(.25);border-radius:0!important}.edit-pane{background:#fff}.editor{font-family:var(--editorial)!important;font-size:18px!important;line-height:1.65!important;border-radius:0!important;min-height:430px!important}.toolbar button{border-radius:0!important;background:#111!important;color:#fff!important;border-color:#111!important}

/* ===== GENERAL EDITORIAL DETAILS ===== */
.section-title{border-bottom:1px solid #111;padding-bottom:11px}.section-title h2{font-weight:790!important;letter-spacing:-.045em!important}.section-title>a:not(.btn){font:900 9px var(--mono);letter-spacing:.07em;text-decoration:none}.section-title>a:not(.btn)::after{content:" ↗";color:var(--rock-red)}
.footer{background:#0b0b0b!important;color:#fff!important;border-top:0!important}.footer p,.footer span,.footer a{color:#aaa!important}.footer .logo{color:#fff!important}.footer .logo i{color:#ff3440}.footer b{font:800 9px var(--mono);letter-spacing:.08em;color:#fff}

@media(max-width:1100px){
  .rock-front-door{grid-template-columns:1fr 170px}.rock-front-copy h1{font-size:clamp(48px,7vw,78px)}
  .magazine-cover{grid-template-columns:1fr 1fr!important}.magazine-cover .side-rule{grid-column:1/-1;border-left:0!important;border-top:1px solid #111!important;min-height:auto!important}
  .admin-note-grid{grid-template-columns:1fr}.newsroom-stats{grid-template-columns:repeat(2,1fr)!important}.newsroom-stats .stat:nth-child(2){border-right:0!important}.newsroom-stats .stat:nth-child(-n+2){border-bottom:1px solid #393939!important}
  .magazine-grid .magazine-story-card{grid-column:span 6!important}.magazine-grid .magazine-story-card:nth-child(n){grid-column:span 6!important}
}

@media(max-width:760px){
  .masthead-public{min-height:70px!important;background:#090909!important}.masthead-public .logo{font-size:31px!important}.masthead-public .mobile-menu-btn{background:#fff!important}.masthead-public .mobile-menu-btn span{background:#111!important}.public-nav{background:#111!important;border:0!important}.public-nav a{border:0!important}.rock-ticker{height:28px}.rock-ticker>div{gap:12px;font-size:7px}
  .magazine-home{padding-top:14px!important}.rock-front-door{display:block;margin-top:0}.rock-front-copy{padding:28px 18px 26px}.rock-front-meta{display:block;line-height:1.7}.rock-front-meta span:last-child{display:none}.rock-front-copy h1{font-size:51px;line-height:.86}.rock-front-copy>p{font-size:14px;margin:18px 0}.rock-front-actions{display:grid}.rock-front-actions .btn{width:100%}.rock-front-stamp{display:none}
  .magazine-home .founders-hero{border-radius:0!important}.magazine-home .founders-hero::after{font-size:70px}
  .magazine-cover{display:block!important;min-height:0!important}.magazine-cover>div:first-child{padding:24px 18px}.magazine-cover .hero-title{font-size:47px!important}.magazine-cover>div:nth-child(2){height:330px}.magazine-cover .side-rule{padding:20px 18px!important}.magazine-cover .side-rule h2{font-size:29px!important}.live-editorial-callout{padding:24px 18px!important}.live-editorial-callout::after{font-size:70px}
  .magazine-page-heading{display:block;border-bottom-width:4px}.magazine-page-heading h1{font-size:51px!important}.magazine-page-heading .lead{margin-top:16px!important}.magazine-grid{grid-template-columns:1fr!important;gap:28px!important}.magazine-grid .magazine-story-card:nth-child(n){grid-column:1!important}.magazine-grid .magazine-story-card:nth-child(n) img{aspect-ratio:16/10!important}.magazine-grid .magazine-story-card h3,.magazine-grid .magazine-story-card:nth-child(n) h3{font-size:34px!important}
  .rock-artist-grid{grid-template-columns:1fr 1fr!important}.rock-artist-card{grid-column:auto!important;min-height:205px;padding:13px!important}.rock-artist-card .avatar{width:78px!important;height:78px!important}.rock-artist-card h3{font-size:23px!important}
  .admin-rock-head{display:block;padding-top:10px}.admin-rock-head .display{font-size:48px!important}.admin-new-story{width:100%;margin-top:12px}.newsroom-stats{grid-template-columns:1fr 1fr!important}.newsroom-stats .stat{padding:15px!important}.newsroom-stats .stat strong{font-size:36px!important}.admin-note-card{grid-template-columns:105px minmax(0,1fr);min-height:220px}.admin-note-copy{padding:14px 14px 8px}.admin-note-copy h3{font-size:25px}.admin-note-copy>p:not(.kicker){font-size:11px}.admin-note-meta{display:block}.admin-note-meta span{display:block;margin-top:4px}.admin-note-actions{padding:8px 14px 14px;display:grid;grid-template-columns:1fr}.admin-note-actions form,.admin-note-actions .btn{width:100%}.delete-note-btn{margin-left:0}.editor-layout{box-shadow:none!important}.article-page .article-v5 h1{font-size:49px!important}.article-page .article-body{font-size:17px!important}.article-page .article-body p:first-child::first-letter{font-size:60px}.article-page .article-body blockquote{font-size:24px;margin:30px 0}
}

@media(max-width:430px){
  .rock-front-copy h1{font-size:45px}.magazine-cover .hero-title{font-size:43px!important}.rock-artist-grid{grid-template-columns:1fr!important}.rock-artist-card{min-height:0}.admin-note-card{display:block}.admin-note-media{height:160px}.admin-note-actions{display:grid}.newsroom-stats .stat strong{font-size:31px!important}.article-page .article-v5 h1{font-size:44px!important}
}

/* ===== RESTO DE LA EXPERIENCIA: MISMO LENGUAJE DE REVISTA ===== */
.directory-head{border-bottom:5px solid #111!important;padding-bottom:22px!important}.directory-head .display{font-size:clamp(50px,6vw,88px)!important;line-height:.88!important}.directory-count{border-radius:0!important;background:#111!important;color:#fff!important;border:0!important}.directory-search{border-radius:0!important;border:1px solid #111!important;box-shadow:5px 5px 0 #111!important;background:#fff!important}.artist-discovery-card{border-radius:0!important;border-color:#111!important;box-shadow:none!important}.artist-discovery-card img{filter:grayscale(.25) contrast(1.06);transition:.25s}.artist-discovery-card:hover img{filter:grayscale(0) contrast(1.04)}.artist-discovery-body h2{font-weight:780!important;letter-spacing:-.04em!important}.artist-profile-link{border-top-color:#111!important}.discover-arrow{border-radius:0!important;background:var(--rock-red)!important;color:#fff!important}
.public-artist-hero{border-bottom:6px solid #111!important}.public-artist-photo{border-radius:0!important;filter:grayscale(.15) contrast(1.05)}.public-artist-copy h1{font-size:clamp(60px,8vw,118px)!important;line-height:.82!important;letter-spacing:-.07em!important}.share-profile-box{border-radius:0!important;border-color:#111!important;background:#fff!important}
.calendar-intro{background:#111!important;color:#fff!important;border-radius:0!important;padding:clamp(24px,4vw,48px)!important}.calendar-intro .display,.calendar-intro h1,.calendar-intro h2{color:#fff!important}.calendar-intro .lead{color:#c9c3bc!important}.calendar-how{border-radius:0!important;background:#f1e9df!important;border-color:#111!important}.month-calendar-shell{border:1px solid #111!important;border-radius:0!important}.month-toolbar{border-radius:0!important;background:#111!important;color:#fff!important}.month-nav{color:#fff!important}.month-name span{color:#ff5660!important}.calendar-cell{background:#fff!important}.calendar-cell:not(.is-disabled):hover{box-shadow:inset 0 -4px 0 var(--rock-red)!important}.cell-link{background:var(--rock-red)!important;color:#fff!important}
.artist-command{border-radius:0!important;background:#111!important;color:#fff!important;box-shadow:7px 7px 0 var(--rock-red)!important}.artist-command-copy p{color:#c7c1ba!important}.artist-command-tags span{border-color:#555!important;color:#fff!important}.artist-command .btn-secondary{color:#fff!important;border-color:#555!important}.artist-promise-strip{border-radius:0!important;border-color:#111!important}.artist-news-item,.next-reaction-card,.profile-health-card,.settings-section{border-radius:0!important}.artist-news-item{border-color:#111!important}.settings-section{box-shadow:4px 4px 0 #ddd2c6!important}

@media(max-width:760px){
  .directory-search{box-shadow:none!important}.calendar-intro{margin-left:-13px!important;margin-right:-13px!important}.artist-command{box-shadow:4px 4px 0 var(--rock-red)!important}.public-artist-copy h1{font-size:58px!important}
}