:root{
  --bg:#050505;--bg2:#0b0b0d;--card:#121216;--card2:#18181d;--line:rgba(255,255,255,.10);
  --text:#f7f7fb;--muted:#a8a8b3;--muted2:#74747f;--red:#e50914;--red2:#ff3340;
  --glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.10);--shadow:0 30px 80px rgba(0,0,0,.55);
  --radius:28px;--safe:min(1240px,calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:clip}
body{
  margin:0;min-height:100vh;background:
  radial-gradient(circle at 15% -10%,rgba(229,9,20,.28),transparent 32%),
  radial-gradient(circle at 90% 10%,rgba(255,255,255,.08),transparent 28%),
  linear-gradient(180deg,#0a0a0b 0%,#020202 100%);
  color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}
button,select,input,textarea{min-width:0}
.container{width:var(--safe);margin-inline:auto;min-width:0}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:1000;background:#fff;color:#000;padding:10px;border-radius:10px}
.topbar{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:rgba(4,4,5,.78);backdrop-filter:blur(20px)}
.topbar-inner{min-height:74px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0}
.topbar-inner>*{min-width:0}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--red),#7f0007);font-weight:950;letter-spacing:.08em;box-shadow:0 18px 34px rgba(229,9,20,.30)}
.brand-copy strong{display:block;line-height:1}.brand-copy span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px;white-space:nowrap}
.search-wrap{position:relative;flex:1 1 340px;min-width:0}
.nav-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex:1 1 250px;flex-wrap:wrap;min-width:0}
.pill-link,.ghost-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.2s ease;white-space:nowrap}
.pill-link:hover,.ghost-btn:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10)}
.session-pill{color:var(--muted);font-size:.88rem}
.search-input{width:100%;height:48px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;outline:none;padding:0 18px}
.search-input:focus{border-color:rgba(229,9,20,.55);background:rgba(255,255,255,.095)}
.search-results{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#111114;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:none;z-index:90}
.search-results.active{display:block}
.search-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.06)}
.search-item:first-child{border-top:0}.search-item:hover{background:rgba(255,255,255,.06)}
.search-item strong{display:block;font-size:.96rem}.search-item span{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}
.search-badge{align-self:center;background:rgba(229,9,20,.18);color:#fff;border:1px solid rgba(229,9,20,.35);border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:800}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:66vh;border-bottom:1px solid var(--line)}
.hero.small{min-height:46vh}.hero.home{min-height:82vh}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg{background:#09090a}.hero-bg img{filter:brightness(.64) saturate(1.06) contrast(1.04);transform:scale(1.03)}
.hero::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.58) 42%,rgba(0,0,0,.25) 78%,rgba(0,0,0,.72)),
  linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.22) 48%,#050505 100%)}
.hero-inner{position:relative;z-index:2;min-height:inherit;display:flex;align-items:flex-end;padding:96px 0 70px}
.hero.center .hero-inner{align-items:center;justify-content:center;text-align:center}
.hero-copy{max-width:800px;position:relative}.hero-copy.narrow{max-width:720px}
.logo-placeholder{width:min(420px,80vw);height:98px;border:1px dashed rgba(255,255,255,.36);background:rgba(0,0,0,.30);border-radius:26px;display:grid;place-items:center;margin:0 auto 32px;color:#fff;font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#fff}
.hero h1{font-size:clamp(2.55rem,6vw,5.4rem);line-height:.92;margin:18px 0 0;letter-spacing:-.065em;text-wrap:balance}
.hero p{font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.72;color:#d6d6df;max-width:760px;margin:20px 0 0;text-wrap:pretty}
.hero.center p{margin-left:auto;margin-right:auto}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero.center .actions{justify-content:center}
.btn{min-height:50px;border:1px solid transparent;border-radius:999px;padding:13px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#fff;color:#000}.btn-red{background:var(--red);color:#fff;box-shadow:0 18px 34px rgba(229,9,20,.28)}
.btn-secondary{background:rgba(255,255,255,.10);border-color:var(--line);color:#fff}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 13px;color:var(--muted)}.stat strong{color:#fff;margin-right:6px}
.section{padding:48px 0}.section.soft{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-head h1,.section-head h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:8px 0 0;letter-spacing:-.035em}
.section-head p{color:var(--muted);line-height:1.65;margin:10px 0 0;max-width:780px}
.tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 0 10px;scrollbar-width:none;align-items:center;max-width:100%;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 13px;cursor:pointer;line-height:1.1}
.tab.active{background:var(--red);border-color:var(--red)}
.hero-search-panel{margin-top:-42px;position:relative;z-index:10}
.search-card{border:1px solid var(--line);background:rgba(12,12,15,.82);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:30px;padding:20px}
.search-card label{font-weight:900}.search-card input{margin-top:10px;height:58px}
.quick-results{display:grid;gap:10px;margin-top:12px}
.quick-result{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:20px;padding:13px;width:100%;text-align:left;color:#fff}
.quick-result:hover{background:rgba(255,255,255,.09)}
.quick-result small{color:var(--muted)}
.carousel-shell{position:relative;max-width:100%}
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,250px);gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.20) transparent;max-width:100%}
.carousel::-webkit-scrollbar{height:10px}.carousel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
.carousel.wide{grid-auto-columns:minmax(280px,360px)}.carousel.square{grid-auto-columns:minmax(220px,260px)}
.car-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:10;width:44px;height:64px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.62);color:#fff;border-radius:18px;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow)}
.car-arrow.prev{left:-16px}.car-arrow.next{right:-16px}
.cover-card{scroll-snap-align:start;display:block;min-width:0;transition:.25s ease}
.cover-card:hover{transform:translateY(-4px)}
.cover-media{position:relative;aspect-ratio:2/3;border-radius:26px;overflow:hidden;background:#17171c;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.42)}
.cover-media.landscape{aspect-ratio:16/10}.cover-media.square{aspect-ratio:1/1}
.cover-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.94) saturate(1.04);transition:.35s ease}
.cover-card:hover img{transform:scale(1.06);filter:brightness(.78) saturate(1.10)}
.cover-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.74));opacity:.75}
.cover-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;opacity:0;transform:translateY(8px);transition:.22s ease}
.cover-card:hover .cover-overlay{opacity:1;transform:translateY(0)}
.badge{border:1px solid rgba(255,255,255,.16);background:rgba(229,9,20,.22);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900}.badge.blue{background:rgba(59,130,246,.23)}
.play{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.cover-body{padding:12px 2px 0}.cover-body h3{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-body p{font-size:.86rem;color:var(--muted);line-height:1.48;margin:6px 0 0}.cover-meta{font-size:.78rem;color:var(--muted2);margin-top:7px}
.cloud{display:flex;flex-wrap:wrap;gap:9px}.cloud a,.chip{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 13px;color:#fff}.cloud a:hover{background:rgba(229,9,20,.25);border-color:rgba(229,9,20,.4)}
.ad-slot{border:1px solid rgba(229,9,20,.26);background:linear-gradient(135deg,rgba(229,9,20,.15),rgba(255,255,255,.04));border-radius:28px;padding:16px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;box-shadow:var(--shadow)}
.ad-slot img{width:110px;height:110px;object-fit:cover;border-radius:22px}.ad-slot h3{margin:0}.ad-slot p{color:var(--muted);line-height:1.55;margin:7px 0 0}
.grid-2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.panel{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:28px;box-shadow:var(--shadow);padding:22px;min-width:0}.panel h1,.panel h2,.panel h3{margin-top:0}.panel p{color:var(--muted);line-height:1.7}
.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:7px;min-width:0}.field span{font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;padding:13px;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(229,9,20,.55)}
.notice{border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--muted);border-radius:22px;padding:14px;line-height:1.55}
.video-frame{position:relative;aspect-ratio:var(--video-ratio,16/9);border-radius:30px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:var(--shadow);transition:max-width .25s ease,aspect-ratio .25s ease;margin-inline:auto;width:100%;max-width:100%}
.video-frame.is-horizontal{max-width:100%}
.video-frame.is-vertical{max-width:min(100%,520px)}
.video-frame.is-square{max-width:min(100%,680px)}
.video-frame iframe,.video-frame video,.video-frame img{width:100%;height:100%;border:0;background:#000}.video-frame video{object-fit:cover;object-position:center center}.video-frame iframe{object-fit:cover}.video-frame img{object-fit:cover}.video-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.74));padding:24px}.video-overlay h2{font-size:clamp(1.6rem,4vw,3.2rem);margin:0}.video-overlay p{color:#ddd;max-width:620px;line-height:1.7}
.info-list{display:grid;gap:10px}.info-row{display:grid;grid-template-columns:145px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;color:var(--muted)}.info-row strong{color:#fff}
.square-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,300px);gap:14px;overflow-x:auto;padding-bottom:10px}.square-gallery a{aspect-ratio:1/1;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#111}.square-gallery img{width:100%;height:100%;object-fit:cover}
.map-box{aspect-ratio:1/1;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.05);display:grid;place-items:center;text-align:center}.map-box iframe{width:100%;height:100%;border:0}
.stars{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.star{font-size:1.9rem;background:none;border:0;color:#45454d;cursor:pointer}.star.active{color:#ffd166}.star[disabled]{opacity:.55;cursor:not-allowed}
.comments{display:grid;gap:14px}.comment-box textarea{width:100%;min-height:110px}.comment{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.comment strong{display:block}.comment small{color:var(--muted2)}.comment p{margin:8px 0 0;color:#ddd}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:24px;padding:18px}.metric strong{display:block;font-size:2rem}.metric span{color:var(--muted);text-transform:capitalize}
.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:900px}.admin-table th,.admin-table td{text-align:left;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table th{color:#fff}.admin-table td{color:var(--muted)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}
.compact-select{max-width:260px}
.footer{border-top:1px solid var(--line);background:rgba(255,255,255,.025);padding:30px 0}.footer-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer h4{margin:0 0 8px}.footer p,.footer a{color:var(--muted);line-height:1.7}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-note{font-size:.84rem}
.empty{padding:18px;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:20px;color:var(--muted)}
.hidden{display:none!important}
@media(max-width:1100px){
  .grid-2,.footer-inner{grid-template-columns:1fr}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-slot{grid-template-columns:86px minmax(0,1fr)}
  .ad-slot .btn{grid-column:1/-1}.ad-slot img{width:86px;height:86px}
}
@media(max-width:920px){
  .search-wrap,.nav-actions{flex:1 1 100%}
  .nav-actions{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .nav-actions::-webkit-scrollbar{display:none}
}
@media(max-width:720px){
  :root{--safe:min(100% - 22px,1220px)}
  .tabs{gap:10px;padding:8px 0 14px;margin-inline:-2px}
  .tab{font-size:.95rem;padding:11px 14px}
  .hero.home{min-height:74vh}.hero-inner{padding:60px 0 44px}
  .actions{flex-direction:column}.btn{width:100%}
  .section{padding:36px 0}.section-head{display:block}
  .carousel{grid-auto-columns:minmax(185px,210px);gap:12px}.carousel.wide{grid-auto-columns:minmax(210px,255px)}
  .car-arrow{display:none}.cover-media{border-radius:22px}.cover-overlay{opacity:1;transform:none}
  .grid-3,.admin-stats,.form-grid.two{grid-template-columns:1fr}
  .brand-copy span{display:none}.info-row{grid-template-columns:1fr}.logo-placeholder{height:78px}.search-card{border-radius:24px}
  .hero h1{letter-spacing:-.045em;font-size:clamp(2.15rem,11vw,3.4rem)}
  .search-input{font-size:16px}
}
@media(max-width:640px){
  .video-frame.is-vertical{max-width:min(100%,430px)}
  .video-frame{border-radius:24px}
}
@media(max-width:480px){
  .carousel{grid-auto-columns:minmax(168px,178px)}
  .cover-body h3{font-size:.94rem}
  .topbar-inner{align-items:stretch;gap:12px;padding:12px 0}
  .brand{width:100%}
  .brand-copy strong{font-size:1.1rem}
  .pill-link,.ghost-btn{padding:10px 12px}
  .ad-slot{grid-template-columns:1fr}
  .ad-slot img{width:100%;height:210px}
  .admin-table{min-width:720px}
}


/* --- Admin / Creator separation and moderation panels --- */
.admin-tabs{display:flex;gap:10px;overflow:auto;padding:18px 0 0;scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tab{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}
.admin-tab.active{background:var(--red);border-color:var(--red);box-shadow:0 14px 30px rgba(229,9,20,.28)}
.admin-panel-section{display:none}.admin-panel-section.active{display:block}
.admin-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:24px;padding:18px;min-width:0}
.admin-list{display:grid;gap:12px}.admin-list-item{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:20px;padding:14px;display:grid;gap:10px}
.admin-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-list-head strong{font-size:1rem}.admin-list-head small{color:var(--muted);display:block;margin-top:4px}.admin-list-item p{margin:0;color:#ddd;line-height:1.55}
.status-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900;background:rgba(255,255,255,.06);white-space:nowrap}.status-visible{background:rgba(30,185,128,.14);border-color:rgba(30,185,128,.32)}.status-oculto{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32)}.status-eliminado,.status-rechazado{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.32)}
.rating-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.rating-stars{font-size:1.1rem;color:#ffd166;letter-spacing:.05em}.muted{color:var(--muted)}
.ad-admin-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line);margin-bottom:12px}
.creator-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.scope-card{border:1px solid var(--line);border-radius:22px;padding:14px;background:rgba(255,255,255,.045)}.scope-card strong{display:block}.scope-card span{display:block;color:var(--muted);margin-top:6px;line-height:1.45}.scope-card.ok{border-color:rgba(30,185,128,.28)}.scope-card.lock{border-color:rgba(229,9,20,.32)}.creator-form-clean{margin-top:8px}
@media(max-width:720px){.admin-tabs{gap:8px}.admin-tab{padding:10px 13px}.admin-list-head,.rating-row{display:grid;grid-template-columns:1fr}.creator-scope-grid{grid-template-columns:1fr}}


/* Corrección producción: opciones de menús desplegables legibles en todos los navegadores */
select,
.field select,
select.search-input,
.compact-select{
  color:#ffffff;
  background-color:rgba(18,18,22,.96);
  color-scheme:dark;
  -webkit-appearance:auto;
  appearance:auto;
}
select option,
.field select option,
select.search-input option,
.compact-select option,
select optgroup{
  background:#ffffff !important;
  color:#111111 !important;
}
select option:checked,
.field select option:checked,
select.search-input option:checked,
.compact-select option:checked{
  background:#e50914 !important;
  color:#ffffff !important;
}
select:disabled,
select option:disabled{
  color:#777777 !important;
}



.auth-layout{align-items:start}
.auth-inline-action{margin-top:14px;width:100%;justify-content:center}
.auth-recover-panel{grid-column:1/-1}
.auth-error{border-color:rgba(255,80,90,.45)!important;color:#ffb0b6!important;background:rgba(255,80,90,.08)!important}
.auth-success{border-color:rgba(80,255,170,.36)!important;color:#b7f7c6!important;background:rgba(80,255,170,.08)!important}
button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}
.status-activo{background:rgba(80,255,170,.12);border-color:rgba(80,255,170,.34);color:#b7f7c6}
.status-bloqueado{background:rgba(255,80,90,.12);border-color:rgba(255,80,90,.34);color:#ffb0b6}
@media(max-width:720px){.auth-recover-panel{grid-column:auto}}

/* Login diferenciado por tipo de cuenta */
.auth-page-section{padding-bottom:18px}
.auth-form-section{padding-top:18px}
.auth-head{margin-bottom:18px}
.auth-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:4px}
.auth-role-grid.admin-visible{grid-template-columns:repeat(3,minmax(0,1fr))}
.auth-role-card{appearance:none;text-align:left;color:#fff;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-radius:26px;padding:18px;display:grid;gap:9px;cursor:pointer;box-shadow:0 16px 42px rgba(0,0,0,.25);transition:.2s ease;min-height:182px}
.auth-role-card:hover{border-color:rgba(255,255,255,.24);transform:translateY(-2px)}
.auth-role-card.active{border-color:rgba(229,9,20,.72);background:linear-gradient(135deg,rgba(229,9,20,.24),rgba(255,255,255,.06));box-shadow:0 22px 55px rgba(229,9,20,.18)}
.auth-role-card.private{border-color:rgba(255,255,255,.18)}
.role-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:950;letter-spacing:.08em}
.role-icon.creator{background:rgba(30,185,128,.18)}
.role-icon.admin{background:rgba(229,9,20,.22)}
.auth-role-card strong{font-size:1.08rem}
.auth-role-card small{color:var(--muted);line-height:1.5}
.auth-role-card em{font-style:normal;color:#fff;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;justify-self:start;background:rgba(0,0,0,.20)}
.auth-login-panel{position:sticky;top:96px}
.auth-info-panel .account-difference-list{display:grid;gap:10px;margin:14px 0}
.account-difference-list div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:18px;padding:12px}
.account-difference-list strong{display:block;color:#fff}
.account-difference-list span{display:block;color:var(--muted);line-height:1.45;margin-top:4px}
@media(max-width:900px){.auth-role-grid,.auth-role-grid.admin-visible{grid-template-columns:1fr}.auth-role-card{min-height:auto}.auth-login-panel{position:static}}

/* --- Ajustes visuales aprobados por board: header, buscador y portadas --- */
.topbar-inner.topbar-public{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  gap:14px;
  padding:18px 0 16px;
  min-height:auto;
}
.brand-centered{
  justify-content:center;
  text-align:center;
  width:auto;
  margin-inline:auto;
}
.top-search-main{
  width:min(920px,100%);
  flex:none;
  order:2;
  margin-inline:auto;
}
.search-label{
  display:block;
  text-align:center;
  color:#fff;
  font-weight:900;
  letter-spacing:.02em;
  margin:0 0 9px;
}
.search-input-hero{
  height:62px;
  border-radius:999px;
  padding-inline:24px;
  background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 0 1px rgba(229,9,20,.16) inset;
  font-size:1rem;
}
.search-input-hero:focus{
  background:rgba(255,255,255,.14);
  border-color:rgba(229,9,20,.72);
  box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 0 4px rgba(229,9,20,.14);
}
.nav-actions-centered{
  justify-content:center;
  flex:none;
  width:100%;
  order:3;
  overflow:visible;
}
.nav-actions-centered #session-area{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0}
.hero.home{min-height:72vh}
.hero.home .hero-inner{padding-top:76px}
.stats{display:none!important}
.carousel{
  grid-auto-columns:clamp(300px,28vw,370px);
  gap:20px;
}
.carousel.wide{grid-auto-columns:clamp(330px,34vw,430px)}
.carousel.square{grid-auto-columns:clamp(280px,28vw,340px)}
.cover-media{border-radius:30px}
.cover-body h3{font-size:1.08rem}
.cover-body{padding-top:14px}
.car-arrow{top:44%}
@media(max-width:920px){
  .topbar-inner.topbar-public{gap:13px;padding:16px 0 14px}
  .top-search-main,.nav-actions-centered{flex:none;width:100%}
  .nav-actions-centered{justify-content:center;flex-wrap:wrap;overflow:visible;padding-bottom:0}
  .brand-centered{width:auto}
}
@media(max-width:720px){
  .topbar-inner.topbar-public{gap:12px;padding:14px 0}
  .brand-centered{width:100%;justify-content:center}
  .search-label{font-size:.92rem;margin-bottom:8px}
  .search-input-hero{height:58px;padding-inline:18px;font-size:16px}
  .nav-actions-centered{gap:8px}
  .nav-actions-centered .pill-link,.nav-actions-centered .ghost-btn{padding:10px 13px}
  .hero.home{min-height:66vh}
  .hero.home .hero-inner{padding-top:48px}
  .carousel,.carousel.wide,.carousel.square{grid-auto-columns:minmax(74vw,78vw);gap:14px}
  .cover-media{border-radius:26px}
  .cover-body h3{font-size:1.02rem}
}
@media(max-width:480px){
  .carousel,.carousel.wide,.carousel.square{grid-auto-columns:minmax(78vw,82vw)}
  .brand-copy strong{font-size:1.16rem}
  .brand-mark{width:46px;height:46px}
}