/* =========================================================
   BATTLEIT - PAGINA DE CONTENIDO
========================================================= */

.menu > a.activo { color:#f3b532; }

.contenido-pagina-hero {
    position:relative;
    overflow:hidden;
    padding:86px 0 72px;
    text-align:center;
    background:radial-gradient(circle at 50% 0%,rgba(243,181,50,.12),transparent 42%),linear-gradient(180deg,#071b34,#09243e);
}
.contenido-pagina-hero span {display:block;margin-bottom:10px;color:#f3b532;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;}
.contenido-pagina-hero h1 {margin:0;color:#fff;font-size:clamp(38px,6vw,68px);line-height:1;}
.contenido-pagina-hero p {width:min(720px,100%);margin:20px auto 0;color:rgba(255,255,255,.7);font-size:17px;line-height:1.7;}

.contenido-pagina-destacado {background:#071b34;}
.contenido-pagina-listado {background:linear-gradient(180deg,#071b34,#061726);}
.contenido-pagina-layout {display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:34px;align-items:start;}
.contenido-pagina-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.contenido-pagina-oculto {display:none;}
.contenido-card-sin-imagen {display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;color:rgba(255,255,255,.18);background:radial-gradient(circle at 50% 50%,rgba(243,181,50,.12),transparent 60%),#061728;font-size:22px;font-weight:900;text-decoration:none;}
.contenido-vacio {padding:35px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:rgba(255,255,255,.65);background:rgba(255,255,255,.035);}

.contenido-articulo {background:#071b34;}
.contenido-articulo-cabecera {position:relative;overflow:hidden;padding:70px 0 55px;background:radial-gradient(circle at 50% 0%,rgba(243,181,50,.10),transparent 45%),linear-gradient(180deg,#071b34,#09243e);}
.contenido-articulo-cabecera-inner {width:min(880px,100%);text-align:center;}
.contenido-volver {display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;color:rgba(255,255,255,.68);font-size:13px;font-weight:800;text-decoration:none;}
.contenido-volver:hover {color:#f3b532;}
.contenido-articulo-cabecera .contenido-tema {margin-bottom:13px;}
.contenido-articulo-cabecera h1 {width:min(850px,100%);margin:0 auto;color:#fff;font-size:clamp(34px,5vw,60px);line-height:1.08;}
.contenido-articulo-resumen {width:min(760px,100%);margin:22px auto 0;color:rgba(255,255,255,.74);font-size:clamp(16px,2vw,19px);line-height:1.75;}
.contenido-articulo-meta {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;margin-top:25px;color:rgba(255,255,255,.5);font-size:12px;}

.contenido-articulo-imagen {width:min(1100px,100%);overflow:hidden;margin:0 auto;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#061728;box-shadow:0 25px 60px rgba(0,0,0,.25);}
.contenido-articulo-imagen img {display:block;width:100%;max-height:600px;object-fit:cover;}

.contenido-articulo-layout {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px;align-items:start;padding-top:55px;padding-bottom:70px;}
.contenido-articulo-principal {min-width:0;}
.contenido-articulo-cuerpo {color:rgba(255,255,255,.82);font-size:17px;line-height:1.9;}
.contenido-articulo-cuerpo > :first-child {margin-top:0;}
.contenido-articulo-cuerpo p {margin:0 0 24px;}
.contenido-articulo-cuerpo h2 {margin:48px 0 18px;color:#fff;font-size:clamp(26px,3vw,34px);line-height:1.2;}
.contenido-articulo-cuerpo h3 {margin:38px 0 15px;color:#fff;font-size:23px;line-height:1.25;}
.contenido-articulo-cuerpo h4 {margin:30px 0 14px;color:#fff;font-size:19px;}
.contenido-articulo-cuerpo strong,.contenido-articulo-cuerpo b {color:#fff;}
.contenido-articulo-cuerpo a {color:#f3b532;text-decoration:underline;}
.contenido-articulo-cuerpo ul,.contenido-articulo-cuerpo ol {margin:0 0 26px;padding-left:25px;}
.contenido-articulo-cuerpo li {margin-bottom:8px;}
.contenido-articulo-cuerpo blockquote {margin:30px 0;padding:18px 22px;border-left:4px solid #f3b532;border-radius:0 12px 12px 0;color:rgba(255,255,255,.76);background:rgba(255,255,255,.045);}
.contenido-articulo-cuerpo hr {height:1px;margin:36px 0;border:0;background:rgba(255,255,255,.10);}

.contenido-etiquetas {margin-top:45px;padding-top:28px;border-top:1px solid rgba(255,255,255,.09);}
.contenido-etiquetas > strong {display:block;margin-bottom:14px;color:#fff;font-size:14px;}
.contenido-etiquetas > div {display:flex;flex-wrap:wrap;gap:8px;}
.contenido-etiquetas span {display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(243,181,50,.22);border-radius:50px;color:#f3b532;background:rgba(243,181,50,.06);font-size:11px;font-weight:800;}
.contenido-articulo-acciones {margin-top:34px;}

.contenido-articulo-sidebar {position:sticky;top:25px;}
.contenido-sidebar-card {padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));}
.contenido-sidebar-mini {display:block;margin-bottom:8px;color:#f3b532;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;}
.contenido-sidebar-card h3 {margin:0 0 12px;color:#fff;font-size:23px;}
.contenido-sidebar-card p {margin:0 0 20px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.65;}
.contenido-sidebar-card .btn {width:100%;justify-content:center;}

.contenido-relacionados {border-top:1px solid rgba(255,255,255,.06);background:#061726;}
.contenido-relacionados-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}

.contenido-estado {min-height:65vh;display:flex;align-items:center;background:#071b34;}
.contenido-estado-card {width:min(650px,100%);margin:0 auto;text-align:center;}
.contenido-estado-card > span {display:block;margin-bottom:10px;color:#f3b532;font-size:50px;font-weight:900;}
.contenido-estado-card h1 {margin:0;color:#fff;font-size:clamp(32px,5vw,52px);}
.contenido-estado-card p {margin:18px 0 28px;color:rgba(255,255,255,.65);}

@media(max-width:1100px){.contenido-pagina-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:950px){.contenido-pagina-layout,.contenido-articulo-layout{grid-template-columns:1fr}.contenido-articulo-sidebar{position:static}.contenido-sidebar-card{width:min(520px,100%)}}
@media(max-width:760px){.contenido-pagina-hero{padding:58px 0 52px}.contenido-pagina-grid,.contenido-relacionados-grid{grid-template-columns:1fr}.contenido-articulo-cabecera{padding:48px 0 42px}.contenido-articulo-imagen{border-radius:14px}.contenido-articulo-layout{gap:32px;padding-top:36px;padding-bottom:50px}.contenido-articulo-cuerpo{font-size:16px;line-height:1.8}}
@media(max-width:520px){.contenido-pagina-hero p{font-size:15px}.contenido-articulo-meta{flex-direction:column;gap:8px}.contenido-articulo-cuerpo h2{margin-top:38px}.contenido-sidebar-card{padding:20px}}