/* ══════════════════════════════════════════════════════════════
   MU LATINO ORIGEN — Capa de diseño (estilo Diablo)
   Rojo sangre · hueso · bronce viejo sobre negro.
   Se carga después de los estilos de la plantilla y los sobrescribe.
   Para volver al diseño anterior basta con quitar el <link> a este archivo.
══════════════════════════════════════════════════════════════ */

/* ── Base ─────────────────────────────────────────────────────── */
html { background: #050303; }
body {
    font-family: 'Alegreya Sans', sans-serif !important;
    font-size: 16.5px;
    color: var(--text-primary);
    background:
        radial-gradient(ellipse 120% 60% at 50% -10%, rgba(165,9,5,0.10) 0%, transparent 60%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
        #050303 !important;
}
::selection { background: rgba(165,9,5,0.65); color: #fff; }
::-webkit-scrollbar-track { background: #050303; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #6a0503, #a50905); }

a { color: var(--red-bright); }
a:hover { color: var(--bone); }

/* Fondos de sección: negro con brillo rojo arriba y textura sutil */
.ec-main-wrapper,
.ec-section-bg1, .ec-section-bg2, .ec-section-bg3, .ec-section-bg4,
.ec-section-feat, .ec-section-dark, .ec-section-deeper, .ec-section-magic {
    background:
        radial-gradient(ellipse 80% 45% at 50% 0%, rgba(165,9,5,0.10) 0%, transparent 70%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
        linear-gradient(180deg, #070404 0%, #0b0606 50%, #060303 100%) !important;
}
.ec-cta-section {
    background:
        radial-gradient(ellipse 70% 80% at 50% 50%, rgba(165,9,5,0.28) 0%, transparent 70%),
        #080404 !important;
}

/* ── Tipografía: títulos color hueso, estilo grabado ─────────── */
h1, h2, h3, h4, h5, h6 { color: var(--bone); }
.ec-section-title,
.ec-page-title,
.h3-section-title h2,
.section-title h2 {
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.07em !important;
    color: var(--bone) !important;
    text-shadow: 0 3px 6px rgba(0,0,0,0.85), 0 0 26px rgba(165,9,5,0.25);
}
.ec-section-title span,
.ec-page-title span {
    background: linear-gradient(180deg, #fff4dd 0%, #d2c8ae 55%, #8f826c 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 14px rgba(196,30,20,0.45));
}
.ec-section-tag {
    color: var(--red-bright) !important;
    letter-spacing: 0.38em !important;
    font-weight: 600;
}
.ec-section-desc, .ec-cta-subtitle { color: var(--text-muted); font-size: 1rem; }
.ec-section-line {
    height: 2px !important; width: 90px !important;
    background: linear-gradient(90deg, transparent, var(--red-bright), transparent) !important;
    box-shadow: 0 0 10px rgba(224,48,31,0.6);
}
.ec-server-name, .ec-cta-title, .ec-feat-info-title {
    color: var(--bone) !important;
    text-shadow: 0 0 28px rgba(196,30,20,0.55), 0 3px 6px #000;
}
.ec-news-title, .ec-player-name { color: var(--bone) !important; }

/* ── Navbar ───────────────────────────────────────────────────── */
#ec-navbar {
    background: linear-gradient(180deg, rgba(4,2,2,0.97), rgba(10,4,4,0.95)) !important;
    border-bottom: 1px solid rgba(170,148,128,0.22) !important;
}
#ec-navbar::after {
    height: 2px !important;
    background: linear-gradient(90deg, transparent 5%, rgba(165,9,5,0.9) 35%, #e0301f 50%, rgba(165,9,5,0.9) 65%, transparent 95%) !important;
    box-shadow: 0 0 12px rgba(224,48,31,0.55);
}
.ec-nav-links li a { color: #bdb3a1 !important; }
.ec-nav-links li a:hover,
.ec-nav-links li a.active {
    color: var(--bone) !important;
    text-shadow: 0 0 10px rgba(224,48,31,0.85), 0 0 24px rgba(165,9,5,0.6) !important;
}
.ec-nav-links li a i { color: var(--red-bright); }

/* Logo provisional en texto (reemplazar por imagen cuando exista el logo final) */
.ec-logo-text {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    text-decoration: none;
    user-select: none;
}
.ec-logo-mu {
    font-family: 'Cinzel', serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.75em;
    padding-left: 0.75em;
    color: var(--red-bright);
    text-shadow: 0 0 8px rgba(224,48,31,0.8);
    margin-bottom: 4px;
}
.ec-logo-main {
    font-family: 'Cinzel', serif;
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    white-space: nowrap;
    background: linear-gradient(180deg, #fff4dd 0%, #d2c8ae 50%, #8f826c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 10px rgba(196,30,20,0.6)) drop-shadow(0 2px 2px #000);
}
.ec-logo-text.is-lg .ec-logo-mu { font-size: 0.9rem; margin-bottom: 6px; }
.ec-logo-text.is-lg .ec-logo-main { font-size: 1.9rem; }
@media (max-width: 575px) {
    .ec-logo-main { font-size: 0.92rem; letter-spacing: 0.1em; }
    .ec-logo-mu { font-size: 0.55rem; }
}

/* ── Botón principal ornamentado (rojo + marco de bronce doble) ── */
.btn-ec-register,
.btn-ec-download,
.btn-ec-feature,
.ec-warriors-cta,
.btn-primary,
.ec-dl-card-btn:not(.ec-dl-card-btn-alt),
.wcoin-package-buy-btn {
    position: relative;
    background: linear-gradient(180deg, #7d0b06 0%, #4c0302 55%, #2b0101 100%) !important;
    color: var(--bone) !important;
    border: 1px solid #8c7660 !important;
    outline: 1px solid rgba(170,148,128,0.35);
    outline-offset: 3px;
    border-radius: 1px !important;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    box-shadow:
        inset 0 1px 0 rgba(255,210,180,0.18),
        inset 0 0 14px rgba(0,0,0,0.65),
        0 6px 18px rgba(0,0,0,0.6) !important;
    transition: background .25s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease, outline-color .25s ease, transform .25s ease !important;
}
.btn-ec-register:hover,
.btn-ec-download:hover,
.btn-ec-feature:hover,
.ec-warriors-cta:hover,
.btn-primary:hover,
.ec-dl-card-btn:not(.ec-dl-card-btn-alt):hover,
.wcoin-package-buy-btn:hover {
    background: linear-gradient(180deg, #b10d07 0%, #6e0503 60%, #3a0201 100%) !important;
    color: #fff4dd !important;
    border-color: #cbb59a !important;
    outline-color: rgba(203,181,154,0.65);
    box-shadow:
        inset 0 1px 0 rgba(255,220,190,0.28),
        inset 0 0 14px rgba(0,0,0,0.5),
        0 0 24px rgba(224,48,31,0.5),
        0 6px 18px rgba(0,0,0,0.6) !important;
    text-decoration: none;
}
/* rombos de bronce en los laterales del marco */
.btn-ec-register::before, .btn-ec-register::after,
.btn-ec-download::before, .btn-ec-download::after,
.btn-ec-feature::before, .btn-ec-feature::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 6px; height: 6px;
    background: #a88f72;
    border: 1px solid #1a0b0a;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: background .25s ease, box-shadow .25s ease;
}
.btn-ec-register::before, .btn-ec-download::before, .btn-ec-feature::before { left: -7px; }
.btn-ec-register::after,  .btn-ec-download::after,  .btn-ec-feature::after  { right: -7px; }
.btn-ec-register:hover::before, .btn-ec-register:hover::after,
.btn-ec-download:hover::before, .btn-ec-download:hover::after,
.btn-ec-feature:hover::before, .btn-ec-feature:hover::after {
    background: #e0301f;
    box-shadow: 0 0 8px rgba(224,48,31,0.9);
}
.btn-ec-download { padding: 16px 44px !important; letter-spacing: 0.24em !important; }

/* ── Botones secundarios (transparentes con borde de bronce) ─── */
.btn-ec-login,
.ec-see-all,
.ec-siege-strip .ec-siege-link,
.btn-info,
.ec-dl-card-btn-alt {
    background: rgba(10,4,4,0.55) !important;
    border: 1px solid rgba(170,148,128,0.45) !important;
    color: var(--bone) !important;
    border-radius: 1px !important;
}
.btn-ec-login:hover,
.ec-see-all:hover,
.ec-siege-strip .ec-siege-link:hover,
.btn-info:hover,
.ec-dl-card-btn-alt:hover {
    background: rgba(165,9,5,0.22) !important;
    border-color: var(--red-bright) !important;
    color: #fff4dd !important;
    box-shadow: 0 0 18px rgba(224,48,31,0.35) !important;
}
.btn-danger { background: linear-gradient(180deg,#5a0402,#2a0101) !important; border-color: #8c7660 !important; color: var(--bone) !important; }

/* ── Portada: humo rojo, botones de juego y brasas ─────────────── */
.ec-hero-overlay {
    background:
        radial-gradient(ellipse 55% 42% at 50% 40%, rgba(165,9,5,0.40) 0%, rgba(90,4,2,0.18) 45%, transparent 75%),
        radial-gradient(ellipse 100% 60% at 50% 100%, rgba(120,6,3,0.35) 0%, transparent 60%),
        linear-gradient(180deg, rgba(5,3,3,0.60) 0%, rgba(5,3,3,0.30) 40%, rgba(5,3,3,0.82) 85%, #050303 100%) !important;
}
.ec-hero-overlay::after {
    content: '';
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(ellipse 35% 25% at 30% 60%, rgba(165,9,5,0.22), transparent 70%),
        radial-gradient(ellipse 30% 22% at 72% 45%, rgba(165,9,5,0.18), transparent 70%);
    animation: ecSmoke 18s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes ecSmoke {
    from { transform: translate3d(-3%, 2%, 0) scale(1); opacity: .75; }
    to   { transform: translate3d(3%, -2%, 0) scale(1.08); opacity: 1; }
}

.ec-hero-play-btn {
    position: relative;
    background: linear-gradient(180deg, rgba(20,8,7,0.92), rgba(8,3,3,0.95)) !important;
    border: 1px solid rgba(170,148,128,0.5) !important;
    outline: 1px solid rgba(170,148,128,0.22);
    outline-offset: 4px;
    border-radius: 2px !important;
    box-shadow: inset 0 0 18px rgba(0,0,0,0.7), 0 8px 26px rgba(0,0,0,0.6) !important;
}
.ec-hero-play-btn:hover {
    border-color: #cbb59a !important;
    outline-color: rgba(224,48,31,0.55);
    background: linear-gradient(180deg, rgba(60,6,4,0.92), rgba(16,4,3,0.95)) !important;
    box-shadow: inset 0 0 18px rgba(0,0,0,0.5), 0 0 30px rgba(224,48,31,0.4), 0 10px 30px rgba(0,0,0,0.6) !important;
}
.ec-hero-play-icon {
    background: radial-gradient(circle at 35% 30%, #d0190d 0%, #7a0705 55%, #3a0201 100%) !important;
    color: var(--bone) !important;
    box-shadow: 0 0 0 1px #8c7660, 0 0 0 3px #120606, 0 0 0 4px rgba(170,148,128,0.4), 0 0 18px rgba(196,30,20,0.55);
}
.ec-hero-play-title { color: var(--bone) !important; }
.ec-hero-play-sub { color: var(--red-bright) !important; }

.ec-server-box {
    background: linear-gradient(180deg, rgba(14,6,5,0.94), rgba(6,3,3,0.96)) !important;
    border-radius: 2px !important;
    outline: 1px solid rgba(170,148,128,0.18);
    outline-offset: 5px;
}
.ec-server-label::before, .ec-server-label::after { background: linear-gradient(90deg, transparent, var(--red-bright)) !important; }
.ec-server-label::after { background: linear-gradient(90deg, var(--red-bright), transparent) !important; }
.ec-warriors-pill, .ec-siege-strip {
    background: rgba(8,3,3,0.82) !important;
    border: 1px solid rgba(170,148,128,0.3) !important;
    border-radius: 2px !important;
}
.ec-warriors-cta { border-radius: 1px !important; }
.ec-siege-strip .ec-siege-timer { color: var(--bone) !important; text-shadow: 0 0 14px rgba(224,48,31,0.7); }

/* Brasas */
.ec-embers {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.ec-embers span {
    position: absolute;
    bottom: -12px;
    left: var(--x, 50%);
    width: var(--s, 3px);
    height: var(--s, 3px);
    border-radius: 50%;
    background: #ffb27a;
    box-shadow: 0 0 6px 2px rgba(255,90,30,0.75), 0 0 14px 4px rgba(200,30,10,0.35);
    opacity: 0;
    animation: ecEmber var(--d, 10s) linear var(--w, 0s) infinite;
    will-change: transform, opacity;
}
@keyframes ecEmber {
    0%   { transform: translate3d(0, 0, 0) scale(1);        opacity: 0; }
    8%   { opacity: .95; }
    45%  { transform: translate3d(22px, -45vh, 0) scale(.9); }
    75%  { opacity: .55; }
    100% { transform: translate3d(-18px, -95vh, 0) scale(.5); opacity: 0; }
}
@media (max-width: 767px) {
    .ec-embers span:nth-child(2n) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ec-embers, .ec-hero-overlay::after { display: none; }
}

/* ── Franja de información y separadores ───────────────────────── */
.ec-info-strip {
    background: linear-gradient(180deg, #0c0505, #070303) !important;
    border-top: 1px solid rgba(170,148,128,0.25) !important;
    border-bottom: 1px solid rgba(170,148,128,0.25) !important;
}
.ec-info-strip .ec-info-item strong { color: var(--bone) !important; }
.ec-info-strip .ec-info-item i { color: var(--red-bright) !important; }

.ec-divider::before {
    background: linear-gradient(90deg, transparent 0%, rgba(165,9,5,0.15) 8%, rgba(224,48,31,0.85) 50%, rgba(165,9,5,0.15) 92%, transparent 100%) !important;
}
.ec-divider::after {
    background: linear-gradient(90deg, transparent 0%, rgba(170,148,128,0.08) 10%, rgba(170,148,128,0.4) 50%, rgba(170,148,128,0.08) 90%, transparent 100%) !important;
}
.ec-divider-diamond {
    width: 11px !important; height: 11px !important;
    background: radial-gradient(circle at 40% 35%, #e0301f, #6a0503) !important;
    border: 1px solid #a88f72;
    box-shadow: 0 0 10px rgba(224,48,31,0.75), 0 0 24px rgba(165,9,5,0.4) !important;
}

/* ── Tarjetas y paneles: negro con marco de bronce ─────────────── */
.ec-news-card,
.ec-player-card,
.ec-events-box,
.ec-community-card,
.next-match-box,
.lp-box,
.holamundo,
.ec-content-box,
.ec-sidebar-box,
.ec-dl-card,
.wcoin-package-card,
.pm-item,
.panel, .panel-default,
.modal-content {
    background:
        linear-gradient(180deg, rgba(24,10,9,0.94) 0%, rgba(9,4,4,0.97) 100%) !important;
    border: 1px solid rgba(170,148,128,0.2) !important;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 0 rgba(255,235,210,0.04), 0 10px 30px rgba(0,0,0,0.6) !important;
}
.ec-news-card:hover,
.ec-player-card:hover,
.lp-box:hover,
.ec-dl-card:hover,
.wcoin-package-card:hover {
    border-color: rgba(224,48,31,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,235,210,0.05), 0 0 30px rgba(165,9,5,0.28), 0 12px 34px rgba(0,0,0,0.7) !important;
}
.ec-player-card::before,
.ec-content-box::before,
.ec-dl-card::before,
.modal-content::before {
    background: linear-gradient(90deg, transparent, var(--red-bright), transparent) !important;
}
.modal-content { position: relative; }
.modal-content::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
}

/* Cabeceras de cajas */
.next-match-box h4,
.panel-heading, .card-header,
.ec-events-box-header,
.modal-header,
.ec-sidebar-box .ec-sidebar-title {
    background: linear-gradient(90deg, rgba(165,9,5,0.24) 0%, rgba(165,9,5,0.05) 70%, transparent 100%) !important;
    border-bottom: 1px solid rgba(170,148,128,0.22) !important;
    color: var(--bone) !important;
}
.ec-events-box-header i, .next-match-box h4 i { color: var(--red-bright); }
.ec-community-card h4, .modal-header h4, .modal-header .modal-title { color: var(--bone) !important; }

.ec-news-read-more { color: var(--bronze) !important; }
.ec-news-card:hover .ec-news-read-more { color: var(--red-bright) !important; }
.ec-player-stat-val { color: var(--red-bright) !important; }
.badge-exclusivo { background: var(--red) !important; color: var(--bone) !important; }

/* ── Características (tabs) ─────────────────────────────────────── */
.ec-feat-tab { border-radius: 2px !important; }
.ec-feat-tab.active {
    background: rgba(165,9,5,0.16) !important;
    border-color: rgba(224,48,31,0.6) !important;
    box-shadow: 0 0 20px rgba(165,9,5,0.3) !important;
}
.ec-feat-tab.active .ec-feat-tab-label, .ec-feat-tab:hover .ec-feat-tab-label { color: var(--bone) !important; }
.ec-feat-tab-icon { color: var(--red-bright) !important; }
.ec-feat-video { border: 1px solid rgba(170,148,128,0.3) !important; border-radius: 2px !important; outline: 1px solid rgba(170,148,128,0.14); outline-offset: 5px; }

/* ── Tablas, pestañas y formularios ─────────────────────────────── */
.table > thead > tr > th, .table thead th { color: rgba(210,200,174,0.7) !important; }
.table td span[id], .nms-box .table td span[id] { color: var(--red-bright) !important; }
.nav-tabs .nav-link.active, .link-events.active {
    color: var(--bone) !important;
    background: linear-gradient(180deg, rgba(165,9,5,0.3), rgba(165,9,5,0.08)) !important;
    border-color: rgba(224,48,31,0.5) !important;
}
.form-control {
    background: rgba(10,4,4,0.85) !important;
    border: 1px solid rgba(170,148,128,0.25) !important;
}
.form-control:focus {
    border-color: rgba(224,48,31,0.7) !important;
    box-shadow: 0 0 0 .2rem rgba(165,9,5,0.25) !important;
}
.input-group-text { background: rgba(165,9,5,0.16) !important; border-color: rgba(170,148,128,0.25) !important; color: var(--red-bright) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--red) !important; color: var(--bone) !important; border-color: #8c7660 !important; }
.progress-bar { background: linear-gradient(90deg, #5a0402, #e0301f) !important; }

/* ── Subpáginas: cabecera ─────────────────────────────────────── */
.ec-page-header {
    background:
        radial-gradient(ellipse 60% 90% at 50% 100%, rgba(165,9,5,0.30) 0%, transparent 70%),
        linear-gradient(180deg, #0b0505 0%, #070303 100%) !important;
    border-bottom: 1px solid rgba(170,148,128,0.22) !important;
}
.ec-page-header::before { height: 2px !important; background: linear-gradient(90deg, transparent, #e0301f, transparent) !important; box-shadow: 0 0 12px rgba(224,48,31,0.6); }
.ec-page-breadcrumb a { color: var(--red-bright) !important; }

/* ── Footer ───────────────────────────────────────────────────── */
#ec-footer {
    background:
        radial-gradient(ellipse 60% 70% at 50% 0%, rgba(165,9,5,0.12) 0%, transparent 70%),
        #030202 !important;
    border-top: 1px solid rgba(170,148,128,0.22) !important;
    position: relative;
}
.ec-footer-social a { border-color: rgba(170,148,128,0.35) !important; color: var(--bone) !important; }
.ec-footer-social a:hover {
    border-color: var(--red-bright) !important;
    color: #fff4dd !important;
    background: rgba(165,9,5,0.25) !important;
    box-shadow: 0 0 16px rgba(224,48,31,0.45);
}
.ec-footer-nav li a:hover { color: var(--bone) !important; text-shadow: 0 0 10px rgba(224,48,31,0.7); }
.ec-footer-bottom span { color: var(--red-bright) !important; }

/* ── Cuadro "Notice FanPage" ─────────────────────────────────── */
.ec-fbm-card { border-radius: 3px !important; outline: 1px solid rgba(170,148,128,0.2); outline-offset: 4px; }
.ec-fbm-title { color: var(--bone) !important; }
.ec-fbm-close { color: var(--bone) !important; border-color: rgba(170,148,128,0.45) !important; }
.ec-fbm-close:hover, .ec-fbm-close:focus-visible { background: var(--red) !important; color: #fff4dd !important; }
.ec-fbm-timer span { background: linear-gradient(90deg, #5a0402, #e0301f) !important; }

/* ── Dorado reservado: precios de WCoin y medallas ─────────────── */
.wp-price-table .wp-wcoin,
.wcoin-package-amount { color: #f0e0b0 !important; }
.wp-price-table .wp-wcoin i,
.wcoin-package-icon,
.wcoin-package-amount small { color: var(--gold-real) !important; }
.wcoin-package-price { color: #e8d9a8 !important; }

/* ── Ajustes de módulos ─────────────────────────────────────── */
.nms-box { border-color: rgba(170,148,128,0.15) !important; }
.nombres-ranking, .holamundo h3 { letter-spacing: 0.04em; text-shadow: 0 2px 4px #000; }

/* ── Colores "primary" de Bootstrap (azul) pasados a la paleta ── */
.bg-primary {
    background: linear-gradient(180deg, rgba(142,12,7,0.85) 0%, rgba(60,3,2,0.9) 100%) !important;
}
thead.bg-primary th, .bg-primary th {
    color: var(--bone) !important;
    border-bottom: 1px solid rgba(170,148,128,0.4) !important;
    text-shadow: 0 1px 2px #000;
}
.text-primary { color: var(--red-bright) !important; }
.badge-primary { background: var(--red) !important; color: var(--bone) !important; }
.btn-outline-primary { color: var(--bone) !important; border-color: rgba(170,148,128,0.5) !important; }
.btn-outline-primary:hover { background: var(--red) !important; border-color: var(--red-bright) !important; }
.page-item.active .page-link { background: var(--red) !important; border-color: #8c7660 !important; color: var(--bone) !important; }
.page-link { background: rgba(10,4,4,0.8) !important; border-color: rgba(170,148,128,0.25) !important; color: var(--bone) !important; }
.alert-info { background: rgba(165,9,5,0.12) !important; border-color: rgba(170,148,128,0.3) !important; color: var(--bone) !important; }

/* Íconos circulares de Descargas */
.ec-dl-card-icon {
    background: radial-gradient(circle at 35% 30%, #d0190d 0%, #7a0705 55%, #3a0201 100%) !important;
    color: var(--bone) !important;
    box-shadow: 0 0 0 1px #8c7660, 0 0 0 3px #120606, 0 0 0 4px rgba(170,148,128,0.4), 0 0 18px rgba(196,30,20,0.5) !important;
}

/* ── Cabecera en celular: botones compactos (solo icono) ─────── */
@media (max-width: 575px) {
    #ec-navbar { padding: 0 0.75rem !important; gap: 0.5rem !important; }
    .ec-nav-actions { gap: 6px !important; }
    .ec-lang-dropdown .dropdown-toggle { font-size: 0 !important; padding: 9px 10px !important; }
    .ec-lang-dropdown .dropdown-toggle i { font-size: 0.85rem !important; margin: 0 !important; }
    .ec-lang-dropdown .dropdown-toggle::after { display: none; }
    .ec-nav-actions .btn-ec-login,
    .ec-nav-actions .btn-ec-register {
        font-size: 0 !important;
        padding: 9px 11px !important;
        letter-spacing: 0 !important;
        outline-offset: 2px;
    }
    .ec-nav-actions .btn-ec-login i,
    .ec-nav-actions .btn-ec-register i { font-size: 0.85rem !important; margin: 0 !important; }
    .ec-nav-actions .btn-ec-register::before,
    .ec-nav-actions .btn-ec-register::after { display: none; }
    .ec-user-dropdown .dropdown-toggle { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}