/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-jzbfbdy7ny] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-jzbfbdy7ny] {
    flex: 1;
}

.sidebar[b-jzbfbdy7ny] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-jzbfbdy7ny] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-jzbfbdy7ny]  a, .top-row[b-jzbfbdy7ny]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-jzbfbdy7ny]  a:hover, .top-row[b-jzbfbdy7ny]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-jzbfbdy7ny]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-jzbfbdy7ny] {
        justify-content: space-between;
    }

    .top-row[b-jzbfbdy7ny]  a, .top-row[b-jzbfbdy7ny]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-jzbfbdy7ny] {
        flex-direction: row;
    }

    .sidebar[b-jzbfbdy7ny] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-jzbfbdy7ny] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-jzbfbdy7ny]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-jzbfbdy7ny], article[b-jzbfbdy7ny] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2o7q73z9en] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-2o7q73z9en] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2o7q73z9en] {
    font-size: 1.1rem;
}

.bi[b-2o7q73z9en] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2o7q73z9en] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2o7q73z9en] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2o7q73z9en] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2o7q73z9en] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2o7q73z9en] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2o7q73z9en] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2o7q73z9en]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-2o7q73z9en]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2o7q73z9en]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2o7q73z9en] {
        display: none;
    }

    .collapse[b-2o7q73z9en] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-2o7q73z9en] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Bienvenida.razor.rz.scp.css */
.home-gaming[b-ogaosfn6pv] {
    min-height: 100vh;
    padding: 2vh 24px 40px;
    background: radial-gradient(circle at top, rgba(180, 120, 35, 0.22), transparent 35%), linear-gradient(135deg, #10131a, #1b1f2a 45%, #111318);
    color: #f3e7c9;
}

    .titulo-gaming[b-ogaosfn6pv],
    .home-gaming h4[b-ogaosfn6pv],
    .home-gaming h5[b-ogaosfn6pv],
    .home-gaming h6[b-ogaosfn6pv] {
        color: #f8d37a;
        text-shadow: 0 0 10px rgba(248, 211, 122, 0.35);
        letter-spacing: 0.5px;
    }

.card-gaming[b-ogaosfn6pv] {
    background: linear-gradient(180deg, rgba(42, 35, 27, 0.96), rgba(20, 22, 29, 0.96));
    border: 1px solid rgba(248, 211, 122, 0.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45), inset 0 0 18px rgba(248, 211, 122, 0.05);
    animation: aparecerCardGaming-b-ogaosfn6pv 0.45s ease;
}

    .card-gaming:hover[b-ogaosfn6pv] {
        border-color: rgba(248, 211, 122, 0.75);
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.58), 0 0 20px rgba(248, 211, 122, 0.14);
    }

.home-gaming p[b-ogaosfn6pv],
.home-gaming li[b-ogaosfn6pv],
.home-gaming small[b-ogaosfn6pv] {
    color: #e8ddc4;
}

.home-gaming strong[b-ogaosfn6pv] {
    color: #ffffff;
}

.alert[b-ogaosfn6pv] {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    text-align: center;
    animation: aparecerAlertGaming-b-ogaosfn6pv 0.3s ease;
}

.btn[b-ogaosfn6pv] {
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-ogaosfn6pv] {
        transform: translateY(-2px);
        filter: brightness(1.12);
    }

.btn-success[b-ogaosfn6pv] {
    background: linear-gradient(180deg, #2fbf71, #17884d);
    border: none;
    box-shadow: 0 0 16px rgba(47, 191, 113, 0.28);
}

.btn-primary[b-ogaosfn6pv] {
    background: linear-gradient(180deg, #3b82f6, #1e40af);
    border: none;
    box-shadow: 0 0 16px rgba(59, 130, 246, 0.28);
}

.btn-danger[b-ogaosfn6pv] {
    background: linear-gradient(180deg, #dc3545, #8f1622);
    border: none;
}

.banderas-contenedor[b-ogaosfn6pv] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-bottom: 18px;
    justify-content: center;
    align-items: center;
}

.home-gaming h6[b-ogaosfn6pv] {
    text-align: center;
}

.bandera-boton[b-ogaosfn6pv],
.bandera-nativa[b-ogaosfn6pv] {
    position: relative;
    width: 220px;
    min-height: 96px;
    border-radius: 16px;
    padding: 10px;
    background: linear-gradient(180deg, #2a241b, #161a22);
    border: 2px solid rgba(248, 211, 122, 0.32);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.22s ease;
    overflow: visible;
    z-index: 9999;
}

.bandera-boton[b-ogaosfn6pv] {
    cursor: pointer;
}

    .bandera-boton img[b-ogaosfn6pv],
    .bandera-nativa img[b-ogaosfn6pv] {
        width: 204px;
        height: 120px;
        object-fit: contain;
        transition: all 0.22s ease;
        filter: drop-shadow(0 5px 8px rgba(0,0,0,0.45));
    }

    .bandera-boton:hover[b-ogaosfn6pv],
    .bandera-nativa:hover[b-ogaosfn6pv] {
        transform: translateY(-6px) scale(1.05);
        border-color: #f8d37a;
        box-shadow: 0 0 18px rgba(248, 211, 122, 0.22);
    }

    .bandera-boton:active[b-ogaosfn6pv] {
        transform: scale(0.94);
    }

    .bandera-boton.seleccionada[b-ogaosfn6pv] {
        border-color: #35d07f;
        background: linear-gradient(180deg, #243527, #12251a);
        box-shadow: 0 0 0 4px rgba(53, 208, 127, 0.18), 0 0 22px rgba(53, 208, 127, 0.35);
        transform: translateY(-2px) scale(1.04);
    }

        .bandera-boton.seleccionada img[b-ogaosfn6pv] {
            transform: scale(1.08);
        }

        .bandera-boton.seleccionada[b-ogaosfn6pv]::before {
            content: "✓";
            position: absolute;
            top: -10px;
            right: -10px;
            background: #198754;
            color: white;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            font-weight: bold;
            line-height: 26px;
            text-align: center;
            z-index: 9999;
        }

    .bandera-boton:hover[b-ogaosfn6pv]::after,
    .bandera-nativa:hover[b-ogaosfn6pv]::after,
    .recurso-item:hover[b-ogaosfn6pv]::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%);
        background: #090b10;
        color: #f8d37a;
        border: 1px solid rgba(248, 211, 122, 0.4);
        padding: 5px 9px;
        font-size: 12px;
        border-radius: 6px;
        white-space: nowrap;
        z-index: 99999;
    }

.bandera-nativa[b-ogaosfn6pv] {
    opacity: 0.88;
    cursor: default;
}

.recurso-item[b-ogaosfn6pv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
    padding: 6px;
    border-radius: 12px;
    transition: all 0.2s ease;
}

    .recurso-item:hover[b-ogaosfn6pv] {
        transform: translateY(-3px) scale(1.05);
        background: rgba(248, 211, 122, 0.08);
    }

.icono-recurso[b-ogaosfn6pv] {
    height: 45px;
    width: 45px;
    object-fit: contain;
}

.card[b-ogaosfn6pv],
.row[b-ogaosfn6pv],
.col-3[b-ogaosfn6pv],
.col-4[b-ogaosfn6pv] {
    overflow: visible;
}

/*unidades unicas*/
.unidades-contenedor[b-ogaosfn6pv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.unidad-item[b-ogaosfn6pv] {
    position: relative;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient( 180deg, rgba(42,35,27,.9), rgba(20,22,29,.9) );
    border: 1px solid rgba(248,211,122,.25);
    transition: all .2s ease;
}

    .unidad-item:hover[b-ogaosfn6pv] {
        transform: translateY(-4px) scale(1.05);
        border-color: #f8d37a;
        box-shadow: 0 0 14px rgba(248,211,122,.25);
    }

.icono-unidad[b-ogaosfn6pv] {
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.unidad-item:hover[b-ogaosfn6pv]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.3);
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 99999;
}

@keyframes aparecerCardGaming-b-ogaosfn6pv {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes aparecerAlertGaming-b-ogaosfn6pv {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    .home-gaming[b-ogaosfn6pv] {
        padding: 4vh 14px 30px;
    }

    .row > [class*="col-"][b-ogaosfn6pv] {
        width: 100%;
        margin-bottom: 16px;
    }

    .banderas-contenedor[b-ogaosfn6pv] {
        justify-content: center;
    }

    .bandera-boton[b-ogaosfn6pv],
    .bandera-nativa[b-ogaosfn6pv] {
        width: 46%;
        min-height: 100px;
    }

        .bandera-boton img[b-ogaosfn6pv],
        .bandera-nativa img[b-ogaosfn6pv] {
            width: 145px;
            height: 85px;
        }
}

.perfil-jugador[b-ogaosfn6pv] {
    display: grid;
    grid-template-columns: 220px 1fr 280px;
    gap: 24px;
    align-items: center;
}

.perfil-avatar img[b-ogaosfn6pv] {
    width: 170px;
    height: 170px;
    object-fit: contain;
    border-radius: 20px;
    border: 3px solid rgba(248,211,122,.6);
    background: rgba(0,0,0,.25);
    box-shadow: 0 0 25px rgba(248,211,122,.25), 0 0 45px rgba(248,211,122,.10);
    transition: all .25s ease;
}

    .perfil-avatar img:hover[b-ogaosfn6pv] {
        transform: scale(1.05);
    }

.perfil-info h4[b-ogaosfn6pv] {
    color: #f8d37a;
    margin-bottom: 6px;
    text-shadow: 0 0 10px rgba(248, 211, 122, 0.35);
}

.perfil-titulo[b-ogaosfn6pv] {
    color: #e8ddc4;
    font-size: 15px;
    font-style: italic;
}

.perfil-stats[b-ogaosfn6pv] {
    display: grid;
    gap: 8px;
}

    .perfil-stats div[b-ogaosfn6pv] {
        display: flex;
        justify-content: space-between;
        padding: 8px 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(248, 211, 122, 0.18);
    }

    .perfil-stats strong[b-ogaosfn6pv] {
        color: #f8d37a;
    }

    .perfil-stats span[b-ogaosfn6pv] {
        color: #fff;
        font-weight: 700;
    }

@media (max-width: 768px) {
    .perfil-jugador[b-ogaosfn6pv] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .perfil-avatar[b-ogaosfn6pv] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .perfil-stats[b-ogaosfn6pv] {
        width: 100%;
    }
}
/*avatares y titulos*/
.modal-cosmetico-fondo[b-ogaosfn6pv] {
    background: rgba(0, 0, 0, 0.65);
}

.modal-gaming[b-ogaosfn6pv] {
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f3e7c9;
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
}

.avatar-grid[b-ogaosfn6pv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 16px;
}

.avatar-item[b-ogaosfn6pv] {
    position: relative;
    height: 150px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(42,35,27,.9), rgba(20,22,29,.9));
    border: 2px solid rgba(248,211,122,.25);
    transition: all .2s ease;
}

    .avatar-item img[b-ogaosfn6pv] {
        width: 120px;
        height: 120px;
        object-fit: contain;
    }

    .avatar-item:hover:not(:disabled)[b-ogaosfn6pv] {
        transform: translateY(-4px);
        border-color: #f8d37a;
        box-shadow: 0 0 18px rgba(248,211,122,.25);
    }

    .avatar-item:hover[b-ogaosfn6pv]::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%);
        background: #111;
        color: #f8d37a;
        border: 1px solid rgba(248,211,122,.35);
        padding: 5px 9px;
        border-radius: 6px;
        white-space: nowrap;
        z-index: 99999;
    }

.item-bloqueado[b-ogaosfn6pv] {
    opacity: .35;
    filter: grayscale(1);
    cursor: not-allowed;
}

.item-obtenido[b-ogaosfn6pv] {
    opacity: 1;
    cursor: pointer;
}

.item-equipado[b-ogaosfn6pv] {
    border-color: #35d07f !important;
    box-shadow: 0 0 18px rgba(53,208,127,.35);
}

    .item-equipado[b-ogaosfn6pv]::before {
        content: "✓";
        position: absolute;
        top: -10px;
        right: -10px;
        background: #198754;
        color: white;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        font-weight: bold;
        line-height: 26px;
        text-align: center;
        z-index: 10;
    }

.titulos-lista[b-ogaosfn6pv] {
    display: grid;
    gap: 12px;
}

.titulo-item[b-ogaosfn6pv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(42,35,27,.9), rgba(20,22,29,.9));
    border: 1px solid rgba(248,211,122,.25);
    color: #f3e7c9;
    transition: all .2s ease;
}

    .titulo-item:hover:not(:disabled)[b-ogaosfn6pv] {
        transform: translateY(-2px);
        border-color: #f8d37a;
        box-shadow: 0 0 16px rgba(248,211,122,.2);
    }

    .titulo-item strong[b-ogaosfn6pv] {
        color: #f8d37a;
    }

    .titulo-item small[b-ogaosfn6pv] {
        display: block;
        color: #d8caa5;
    }

    .titulo-item span[b-ogaosfn6pv] {
        font-weight: bold;
        color: #f8d37a;
    }

.barra-superior[b-ogaosfn6pv] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.btn-cerrar-sesion[b-ogaosfn6pv] {
    border-radius: 12px;
}
/* /Pages/CampamentoVistaGeneral.razor.rz.scp.css */
.campamento-gaming[b-wwc7n4bw2z] {
    padding: 24px;
    animation: aparecerCampamento-b-wwc7n4bw2z .35s ease;
}

.card-poder[b-wwc7n4bw2z] {
    text-align: center;
    margin-bottom: 28px;
    padding: 24px;
    background: radial-gradient(circle at top, rgba(248,211,122,.15), transparent 45%), linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.38);
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(0,0,0,.52), inset 0 0 20px rgba(248,211,122,.06);
}

    .card-poder h2[b-wwc7n4bw2z] {
        color: #f8d37a;
        text-shadow: 0 0 12px rgba(248,211,122,.35);
        margin-bottom: 16px;
    }

.recurso-item-poder[b-wwc7n4bw2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    position: relative;
}

.icono-recurso-poder[b-wwc7n4bw2z] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(248,211,122,.35));
}

.valor-poder[b-wwc7n4bw2z] {
    font-size: 44px;
    font-weight: 900;
    color: #f8d37a;
    text-shadow: 0 0 12px rgba(248,211,122,.45), 0 0 24px rgba(248,211,122,.18);
}

.seccion[b-wwc7n4bw2z] {
    margin-bottom: 30px;
}

    .seccion h3[b-wwc7n4bw2z],
    .titulo-seccion-gaming[b-wwc7n4bw2z] {
        color: #f8d37a;
        margin-bottom: 16px;
        text-shadow: 0 0 10px rgba(248,211,122,.30);
    }

.grid-produccion[b-wwc7n4bw2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.produccion-item[b-wwc7n4bw2z] {
    min-width: 150px;
    padding: 14px;
    text-align: center;
    position: relative;
    background: linear-gradient(180deg, rgba(42,35,27,.92), rgba(20,22,29,.92));
    border: 1px solid rgba(248,211,122,.28);
    border-radius: 16px;
    color: #f3e7c9;
    box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 0 12px rgba(248,211,122,.04);
    transition: all .22s ease;
}

    .produccion-item:hover[b-wwc7n4bw2z] {
        transform: translateY(-4px);
        border-color: rgba(248,211,122,.65);
        box-shadow: 0 14px 30px rgba(0,0,0,.45), 0 0 16px rgba(248,211,122,.16);
    }

.grid-cards[b-wwc7n4bw2z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.card-resumen[b-wwc7n4bw2z] {
    padding: 16px;
    text-align: center;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(42,35,27,.94), rgba(20,22,29,.94));
    border: 1px solid rgba(248,211,122,.30);
    color: #f3e7c9;
    box-shadow: 0 12px 30px rgba(0,0,0,.42), inset 0 0 14px rgba(248,211,122,.05);
    transition: all .22s ease;
}

    .card-resumen:hover[b-wwc7n4bw2z] {
        transform: translateY(-5px);
        border-color: rgba(248,211,122,.70);
        box-shadow: 0 18px 40px rgba(0,0,0,.52), 0 0 18px rgba(248,211,122,.16);
    }

.icono-edificio[b-wwc7n4bw2z] {
    width: 110px;
    height: 110px;
    object-fit: contain;
    margin-bottom: 10px;
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.45));
    transition: all .22s ease;
}

.card-resumen:hover .icono-edificio[b-wwc7n4bw2z] {
    transform: scale(1.06);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(248,211,122,.25));
}

.titulo[b-wwc7n4bw2z] {
    color: #f8d37a;
    font-weight: 800;
    margin-bottom: 8px;
    text-shadow: 0 0 8px rgba(248,211,122,.25);
}

.icono-recurso[b-wwc7n4bw2z] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.35));
}

.produccion-item:hover[b-wwc7n4bw2z]::after,
.recurso-item-poder:hover[b-wwc7n4bw2z]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.35);
    padding: 5px 9px;
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 99999;
}

@keyframes aparecerCampamento-b-wwc7n4bw2z {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .campamento-gaming[b-wwc7n4bw2z] {
        padding: 12px;
    }

    .card-poder[b-wwc7n4bw2z] {
        padding: 18px;
    }

    .valor-poder[b-wwc7n4bw2z] {
        font-size: 36px;
    }

    .grid-produccion[b-wwc7n4bw2z] {
        justify-content: center;
    }

    .produccion-item[b-wwc7n4bw2z] {
        min-width: 135px;
    }

    .icono-edificio[b-wwc7n4bw2z] {
        width: 96px;
        height: 96px;
    }
}
/* /Pages/EdificioItem.razor.rz.scp.css */
.edificio-card-gaming[b-ctkw531h50] {
    margin: 0;
    padding: 14px;
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 0 18px rgba(248,211,122,.05);
    animation: aparecerEdificio-b-ctkw531h50 .35s ease;
}

    .edificio-card-gaming:hover[b-ctkw531h50] {
        border-color: rgba(248,211,122,.68);
        box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 18px rgba(248,211,122,.12);
    }

.edificio-item[b-ctkw531h50] {
    display: flex;
    align-items: center;
    padding: 10px;
}

.edificio-col[b-ctkw531h50] {
    border-bottom: none;
    border-right: 1px solid rgba(248,211,122,.18);
}

    .edificio-col:last-child[b-ctkw531h50] {
        border-right: none;
    }

.edificio-img[b-ctkw531h50] {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    margin-right: 15px;
    object-fit: contain;
    flex: 0 0 160px;
    display: block;
}

    .edificio-img:hover[b-ctkw531h50] {
        transform: translateY(-4px) scale(1.04);
        filter: drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(248,211,122,.28));
    }

.edificio-info[b-ctkw531h50] {
    flex: 1;
}

.edificio-header[b-ctkw531h50] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.edificio-nombre[b-ctkw531h50] {
    font-weight: bold;
    color: #f8d37a;
    font-size: 18px;
    text-shadow: 0 0 8px rgba(248,211,122,.24);
}

.edificio-nivel[b-ctkw531h50] {
    margin: 5px 0;
}

.estrella[b-ctkw531h50] {
    font-size: 28px;
    cursor: pointer;
    transition: all .18s ease;
}

    .estrella:hover[b-ctkw531h50] {
        transform: scale(1.18);
        filter: drop-shadow(0 0 8px rgba(248,211,122,.55));
    }

.llena[b-ctkw531h50] {
    color: #f8d37a;
    text-shadow: 0 0 8px rgba(248,211,122,.5);
}

.vacia[b-ctkw531h50] {
    color: rgba(255,255,255,.25);
}

.preview[b-ctkw531h50] {
    color: #ff9f1c;
    text-shadow: 0 0 8px rgba(255,159,28,.5);
}

.edificio-desc[b-ctkw531h50] {
    font-size: 14px;
    color: #e8ddc4;
}

@keyframes aparecerEdificio-b-ctkw531h50 {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .edificio-card-gaming[b-ctkw531h50] {
        display: flex;
        flex-direction: column;
        padding: 14px;
        gap: 0;
    }

        .edificio-card-gaming > [class*="col-"][b-ctkw531h50] {
            width: 100%;
            max-width: 100%;
            flex: 0 0 auto;
            border-right: none;
            border-bottom: 1px solid rgba(248,211,122,.18);
            padding: 14px 8px;
        }

            .edificio-card-gaming > [class*="col-"]:last-child[b-ctkw531h50] {
                border-bottom: none;
            }

    .edificio-item[b-ctkw531h50] {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .edificio-img[b-ctkw531h50] {
        width: 160px !important;
        height: 160px !important;
        margin-right: 0;
        margin-bottom: 12px;
        object-fit: contain;
        flex: none;
    }

    .edificio-info[b-ctkw531h50] {
        width: 100%;
    }

    .edificio-header[b-ctkw531h50] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .edificio-nombre[b-ctkw531h50] {
        text-align: center;
        width: 100%;
    }

    .controles-nivel[b-ctkw531h50] {
        display: flex;
        gap: 10px;
    }

    .edificio-nivel[b-ctkw531h50] {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px;
    }

    .edificio-seccion-poblacion .d-flex[b-ctkw531h50] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .edificio-seccion-produccion .p-3[b-ctkw531h50],
    .edificio-seccion-poblacion .p-3[b-ctkw531h50] {
        text-align: center;
    }

    .recurso-item[b-ctkw531h50] {
        justify-content: center;
    }
}
/* /Pages/Mapa.razor.rz.scp.css */
.nodo-info-extra[b-vdtuttlqls] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(248,211,122,.22);
}

.nodo-info-extra-item[b-vdtuttlqls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(0,0,0,.20);
}

    .nodo-info-extra-item strong[b-vdtuttlqls] {
        color: #f8d37a;
    }

    .nodo-info-extra-item span[b-vdtuttlqls] {
        color: #fff;
        font-weight: 700;
    }

.combates-nodo-scroll[b-vdtuttlqls] {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 6px;
}

    .combates-nodo-scroll[b-vdtuttlqls]::-webkit-scrollbar {
        width: 6px;
    }

    .combates-nodo-scroll[b-vdtuttlqls]::-webkit-scrollbar-thumb {
        background: rgba(248,211,122,.45);
        border-radius: 999px;
    }

    .combates-nodo-scroll[b-vdtuttlqls]::-webkit-scrollbar-track {
        background: rgba(255,255,255,.06);
        border-radius: 999px;
    }

@media (max-width: 768px) {
    .combates-nodo-scroll[b-vdtuttlqls] {
        max-height: 280px;
    }

    .nodo-info-extra-item[b-vdtuttlqls] {
        flex-direction: column;
        text-align: center;
    }
}

.mapa-gaming-contenedor[b-vdtuttlqls] {
    width: 100%;
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.35);
    box-shadow: 0 18px 45px rgba(0,0,0,.55), inset 0 0 22px rgba(248,211,122,.06);
    overflow: hidden;
}

.mapa-gaming[b-vdtuttlqls] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    background: #05070a;
    border: 1px solid rgba(248,211,122,.25);
    box-shadow: inset 0 0 28px rgba(0,0,0,.75);
}

.nodo-mapa[b-vdtuttlqls] {
    stroke: #f8d37a;
    stroke-width: 5;
    cursor: pointer;
    transition: all .2s ease;
    filter: drop-shadow(0 0 8px rgba(248,211,122,.45));
}

    .nodo-mapa:hover[b-vdtuttlqls] {
        r: 28;
        stroke-width: 7;
        filter: drop-shadow(0 0 18px rgba(248,211,122,.85));
    }

.nodo-aliado[b-vdtuttlqls] {
    fill: #1e40ff;
}

.nodo-enemigo[b-vdtuttlqls] {
    fill: #b91c1c;
}

.modal-gaming-fondo[b-vdtuttlqls] {
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(3px);
}

.modal-gaming[b-vdtuttlqls] {
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f3e7c9;
    border: 1px solid rgba(248,211,122,.38);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(0,0,0,.65), inset 0 0 18px rgba(248,211,122,.06);
    animation: aparecerModalGaming-b-vdtuttlqls .25s ease;
}

    .modal-gaming .modal-header[b-vdtuttlqls],
    .modal-gaming .modal-footer[b-vdtuttlqls] {
        border-color: rgba(248,211,122,.22);
    }

    .modal-gaming .modal-title[b-vdtuttlqls],
    .modal-gaming h5[b-vdtuttlqls],
    .modal-gaming h6[b-vdtuttlqls] {
        color: #f8d37a;
        text-shadow: 0 0 10px rgba(248,211,122,.3);
    }

    .modal-gaming label[b-vdtuttlqls],
    .modal-gaming small[b-vdtuttlqls],
    .modal-gaming p[b-vdtuttlqls],
    .modal-gaming span[b-vdtuttlqls] {
        color: #e8ddc4;
    }

    .modal-gaming .form-control[b-vdtuttlqls],
    .modal-gaming textarea[b-vdtuttlqls] {
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(248,211,122,.25);
        color: #fff;
        border-radius: 12px;
    }

        .modal-gaming .form-control:read-only[b-vdtuttlqls],
        .modal-gaming textarea:read-only[b-vdtuttlqls] {
            background: rgba(0,0,0,.22);
        }

    .modal-gaming .border[b-vdtuttlqls],
    .modal-gaming .rounded[b-vdtuttlqls] {
        border-color: rgba(248,211,122,.25) !important;
    }

    .modal-gaming .bg-dark[b-vdtuttlqls] {
        background: linear-gradient(180deg, rgba(28,24,19,.95), rgba(13,15,20,.95)) !important;
        border: 1px solid rgba(248,211,122,.22);
        border-radius: 16px;
    }

    .modal-gaming .list-group-item[b-vdtuttlqls] {
        background: rgba(255,255,255,.05);
        color: #f3e7c9;
        border: 1px solid rgba(248,211,122,.18);
        margin-bottom: 8px;
        border-radius: 12px;
    }

    .modal-gaming .card[b-vdtuttlqls] {
        background: linear-gradient(180deg, rgba(42,35,27,.94), rgba(20,22,29,.94));
        color: #f3e7c9;
        border: 1px solid rgba(248,211,122,.25);
        border-radius: 16px;
        transition: all .2s ease;
    }

        .modal-gaming .card:hover[b-vdtuttlqls] {
            transform: translateY(-3px);
            border-color: rgba(248,211,122,.65);
            box-shadow: 0 0 18px rgba(248,211,122,.16);
        }

    .modal-gaming .btn-close[b-vdtuttlqls] {
        filter: invert(1) sepia(1) saturate(3) hue-rotate(10deg);
    }

.recurso-item[b-vdtuttlqls] {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
}

.icono-recurso[b-vdtuttlqls] {
    height: 45px;
    width: 45px;
    object-fit: contain;
}

.recurso-item:hover[b-vdtuttlqls]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -28px;
    left: 0%;
    transform: translateX(0%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.35);
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 99999;
}

@keyframes aparecerModalGaming-b-vdtuttlqls {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .mapa-gaming-contenedor[b-vdtuttlqls] {
        padding: 8px;
        border-radius: 16px;
    }

    .modal-dialog[b-vdtuttlqls] {
        margin: 10px;
    }
}

/*ocupante*/
.propietario-nodo-card[b-vdtuttlqls] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(42,35,27,.92), rgba(20,22,29,.92));
    border: 1px solid rgba(248,211,122,.32);
    box-shadow: inset 0 0 18px rgba(248,211,122,.05), 0 0 18px rgba(0,0,0,.35);
}

.propietario-avatar[b-vdtuttlqls] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .propietario-avatar img[b-vdtuttlqls] {
        width: 105px;
        height: 105px;
        object-fit: contain;
        border-radius: 18px;
        border: 2px solid rgba(248,211,122,.45);
        background: rgba(0,0,0,.28);
        box-shadow: 0 0 18px rgba(248,211,122,.18);
    }

.propietario-info h5[b-vdtuttlqls] {
    color: #f8d37a;
    margin-bottom: 4px;
    text-shadow: 0 0 10px rgba(248,211,122,.35);
}

.propietario-titulo[b-vdtuttlqls] {
    color: #e8ddc4;
    font-style: italic;
    margin-bottom: 12px;
}

.propietario-dato[b-vdtuttlqls] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    margin-bottom: 7px;
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(248,211,122,.16);
}

    .propietario-dato strong[b-vdtuttlqls] {
        color: #f8d37a;
    }

    .propietario-dato span[b-vdtuttlqls] {
        color: #fff;
        font-weight: 600;
    }

.propietario-stats[b-vdtuttlqls] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

    .propietario-stats div[b-vdtuttlqls] {
        text-align: center;
        padding: 10px;
        border-radius: 12px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(248,211,122,.18);
    }

    .propietario-stats strong[b-vdtuttlqls] {
        display: block;
        color: #f8d37a;
        font-size: 13px;
    }

    .propietario-stats span[b-vdtuttlqls] {
        color: #fff;
        font-weight: 800;
        font-size: 18px;
    }

@media (max-width: 768px) {
    .propietario-nodo-card[b-vdtuttlqls] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .propietario-stats[b-vdtuttlqls] {
        grid-template-columns: 1fr;
    }

    .propietario-dato[b-vdtuttlqls] {
        flex-direction: column;
    }
}
 /*combates*/
.visor-combate[b-vdtuttlqls] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.evento-combate-card[b-vdtuttlqls] {
    padding: 14px;
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.30);
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(0,0,0,.38), inset 0 0 14px rgba(248,211,122,.04);
    animation: aparecerEventoCombate-b-vdtuttlqls .25s ease;
}

.evento-jugadores[b-vdtuttlqls] {
    display: grid;
    grid-template-columns: 90px 40px 90px 40px 90px 1fr;
    align-items: center;
    margin-bottom: 6px;
    color: #f8d37a;
    font-size: 13px;
    font-weight: 700;
}

    .evento-jugadores span:first-child[b-vdtuttlqls] {
        grid-column: 1;
        text-align: center;
    }

    .evento-jugadores span:last-child[b-vdtuttlqls] {
        grid-column: 5;
        text-align: center;
        /*margin-right: -60px;*/
    }

.evento-linea[b-vdtuttlqls] {
    display: grid;
    grid-template-columns: 90px 40px 90px 40px 90px 1fr;
    align-items: center;
    gap: 8px;
}

.evento-tropa[b-vdtuttlqls],
.evento-habilidad[b-vdtuttlqls] {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid rgba(248,211,122,.25);
    background: rgba(255,255,255,.04);
    transition: all .2s ease;
}

    .evento-tropa img[b-vdtuttlqls],
    .evento-habilidad img[b-vdtuttlqls] {
        width: 78px;
        height: 78px;
        object-fit: contain;
        filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
    }

    .evento-tropa span[b-vdtuttlqls] {
        position: absolute;
        right: -6px;
        bottom: -6px;
        min-width: 28px;
        height: 24px;
        padding: 0 6px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #111;
        color: #f8d37a;
        border: 1px solid rgba(248,211,122,.45);
        font-size: 12px;
        font-weight: 800;
    }

    .evento-tropa:hover[b-vdtuttlqls],
    .evento-habilidad:hover[b-vdtuttlqls] {
        transform: translateY(-3px) scale(1.05);
        border-color: rgba(248,211,122,.70);
        box-shadow: 0 0 16px rgba(248,211,122,.16);
    }

.evento-flecha[b-vdtuttlqls],
.evento-vacio[b-vdtuttlqls] {
    color: #f8d37a;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 0 10px rgba(248,211,122,.35);
}

.evento-bajas[b-vdtuttlqls] {
    justify-self: start;
    padding: 8px 12px;
    background: rgba(120, 20, 20, .30);
    border: 1px solid rgba(255, 90, 90, .35);
    border-radius: 12px;
    color: #ffb4b4;
    font-weight: 800;
}

.evento-defensa[b-vdtuttlqls] {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(59,130,246,.12);
    border: 1px solid rgba(59,130,246,.35);
    color: #d7e7ff;
    font-size: 13px;
}

.evento-bloqueado[b-vdtuttlqls] {
    border-color: rgba(59,130,246,.70);
    box-shadow: 0 0 16px rgba(59,130,246,.22);
}

.evento-tropa:hover[b-vdtuttlqls]::after,
.evento-habilidad:hover[b-vdtuttlqls]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.35);
    padding: 5px 9px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 99999;
}

@keyframes aparecerEventoCombate-b-vdtuttlqls {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.evento-buff[b-vdtuttlqls] {
    background: rgba(47, 191, 113, .18);
    border: 1px solid rgba(47, 191, 113, .45);
    color: #b7ffd2;
}

.evento-jugador-unico[b-vdtuttlqls] {
    color: #f8d37a;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 6px;
}

.evento-jugador-unico-grid[b-vdtuttlqls] {
    display: grid;
    grid-template-columns: 90px 40px 90px 1fr;
    align-items: center;
    margin-bottom: 6px;
    color: #f8d37a;
    font-size: 13px;
    font-weight: 800;
    margin-left: 16px;
}

    .evento-jugador-unico-grid span[b-vdtuttlqls] {
        grid-column: 3;
        text-align: center;
    }
.evento-jugador-mobile[b-vdtuttlqls] {
    display: none;
}

.evento-linea-buff[b-vdtuttlqls] {
    display: grid;
    grid-template-columns: 90px 40px 90px 1fr;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.evento-debuff[b-vdtuttlqls] {
    background: rgba(180, 40, 40, .18);
    border: 1px solid rgba(255, 90, 90, .45);
    color: #ffb4b4;
}

@media (max-width: 768px) {
    .evento-jugador-mobile[b-vdtuttlqls] {
        display: block;
        position: absolute;
        top: -28px;
        left: 50%;
        transform: translateX(-50%);
        color: #f8d37a;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
        text-shadow: 0 0 8px rgba(248,211,122,.35);
    }

    .evento-tropa[b-vdtuttlqls] {
        margin-top: 28px;
    }

    .evento-jugador-unico-grid[b-vdtuttlqls] {
        display: grid;
        grid-template-columns: 90px 40px 90px 1fr;
        align-items: center;
        margin-bottom: 6px;
        color: #f8d37a;
        font-size: 13px;
        font-weight: 800;
        margin-left: -28px;
    }

        .evento-jugador-unico-grid span[b-vdtuttlqls] {
            grid-column: 3;
            text-align: center;
        }
    .evento-linea-buff[b-vdtuttlqls] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 8px;
    }
    .evento-jugador-unico[b-vdtuttlqls] {
        color: #f8d37a;
        font-size: 13px;
        font-weight: 800;
        margin-bottom: 6px;
        margin-left: 100px;
    }
    .evento-jugadores[b-vdtuttlqls] {
        display: none;
    }

    .evento-linea[b-vdtuttlqls] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 8px;
    }

    .evento-flecha[b-vdtuttlqls],
    .evento-vacio[b-vdtuttlqls] {
        transform: rotate(90deg);
    }

    .evento-bajas[b-vdtuttlqls] {
        justify-self: center;
        width: 100%;
        text-align: center;
    }

    .evento-tropa[b-vdtuttlqls],
    .evento-habilidad[b-vdtuttlqls] {
        width: 110px;
        height: 110px;
    }

        .evento-tropa img[b-vdtuttlqls],
        .evento-habilidad img[b-vdtuttlqls] {
            width: 95px;
            height: 95px;
        }
}
/* /Pages/ModificarTropa.razor.rz.scp.css */
.modificar-tropa-gaming[b-yvg53a1x8v] {
    padding: 24px;
}

.card-gaming-panel[b-yvg53a1x8v] {
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    color: #f3e7c9;
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 0 18px rgba(248,211,122,.05);
    animation: aparecerPanel-b-yvg53a1x8v .35s ease;
}

    .card-gaming-panel .card-header[b-yvg53a1x8v],
    .card-header[b-yvg53a1x8v] {
        background: rgba(248,211,122,.08);
        color: #f8d37a;
        font-weight: 800;
        border-bottom: 1px solid rgba(248,211,122,.18);
        text-shadow: 0 0 8px rgba(248,211,122,.25);
    }

.w-80-btn[b-yvg53a1x8v] {
    width: 80%;
}

.img-fluid.border.rounded[b-yvg53a1x8v] {
    border-color: rgba(248,211,122,.35) !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,.22);
    padding: 10px;
    box-shadow: 0 0 18px rgba(248,211,122,.12);
}

.recurso-item[b-yvg53a1x8v] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
    color: #e8ddc4;
    padding: 4px 6px;
    border-radius: 10px;
    transition: all .2s ease;
}

    .recurso-item:hover[b-yvg53a1x8v] {
        transform: translateY(-2px);
        background: rgba(248,211,122,.08);
    }

.icono-recurso[b-yvg53a1x8v] {
    height: 45px;
    width: 45px;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.35));
}

.recurso-item:hover[b-yvg53a1x8v]::after,
.stats-item:hover[b-yvg53a1x8v]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.35);
    padding: 5px 9px;
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 99999;
}

.icono-stats[b-yvg53a1x8v] {
    height: 64px;
    width: 64px;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.35));
}

.stats-item[b-yvg53a1x8v] {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
    padding: 6px;
    border-radius: 12px;
    transition: all .2s ease;
}

    .stats-item:hover[b-yvg53a1x8v] {
        background: rgba(248,211,122,.08);
        transform: translateY(-2px);
    }

    .stats-item label.form-control[b-yvg53a1x8v] {
        text-align: center;
        font-weight: 700;
        color: #fff;
    }

.img-condicion[b-yvg53a1x8v] {
    width: 96px;
    height: 96px;
    object-fit: contain;
    cursor: pointer;
    transition: all .2s ease;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid rgba(248,211,122,.20);
    background: rgba(255,255,255,.04);
}

    .img-condicion:hover[b-yvg53a1x8v] {
        transform: translateY(-4px) scale(1.08);
        border-color: rgba(248,211,122,.65);
        box-shadow: 0 0 18px rgba(248,211,122,.18);
    }

/* Botones dentro de selección */
.btn-outline-primary[b-yvg53a1x8v],
.btn-outline-secondary[b-yvg53a1x8v],
.btn-outline-danger[b-yvg53a1x8v] {
    border-radius: 12px;
    font-weight: 700;
}

.btn-outline-primary[b-yvg53a1x8v] {
    color: #7db5ff;
    border-color: rgba(125,181,255,.55);
}

    .btn-outline-primary:hover[b-yvg53a1x8v] {
        background: rgba(59,130,246,.20);
        border-color: #7db5ff;
    }

.btn-outline-secondary[b-yvg53a1x8v] {
    color: #f8d37a;
    border-color: rgba(248,211,122,.35);
}

    .btn-outline-secondary:hover[b-yvg53a1x8v] {
        background: rgba(248,211,122,.12);
        border-color: rgba(248,211,122,.75);
        color: #ffe39a;
    }

.btn-outline-danger[b-yvg53a1x8v] {
    color: #ff7a7a;
    border-color: rgba(255,122,122,.45);
}

    .btn-outline-danger:hover[b-yvg53a1x8v] {
        background: rgba(220,53,69,.18);
        border-color: #ff7a7a;
    }

/* Modales */
.modal-gaming-fondo[b-yvg53a1x8v] {
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(3px);
}

.modal-gaming[b-yvg53a1x8v] {
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f3e7c9;
    border: 1px solid rgba(248,211,122,.38);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(0,0,0,.65), inset 0 0 18px rgba(248,211,122,.06);
    animation: aparecerModal-b-yvg53a1x8v .25s ease;
}

    .modal-gaming .modal-header[b-yvg53a1x8v],
    .modal-gaming .modal-footer[b-yvg53a1x8v] {
        border-color: rgba(248,211,122,.22);
    }

    .modal-gaming .modal-title[b-yvg53a1x8v],
    .modal-gaming h4[b-yvg53a1x8v],
    .modal-gaming h5[b-yvg53a1x8v],
    .modal-gaming h6[b-yvg53a1x8v] {
        color: #f8d37a;
        text-shadow: 0 0 10px rgba(248,211,122,.28);
    }

    .modal-gaming .border[b-yvg53a1x8v] {
        border-color: rgba(248,211,122,.25) !important;
        border-radius: 16px;
    }

    .modal-gaming .btn-close[b-yvg53a1x8v] {
        filter: invert(1) sepia(1) saturate(3) hue-rotate(10deg);
    }

    .modal-gaming textarea[b-yvg53a1x8v],
    .modal-gaming .form-control[b-yvg53a1x8v] {
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(248,211,122,.25);
        color: #fff;
        border-radius: 12px;
    }

        .modal-gaming textarea:read-only[b-yvg53a1x8v],
        .modal-gaming .form-control:read-only[b-yvg53a1x8v] {
            background: rgba(0,0,0,.22);
        }

/* Modal confirmación */
.modal-overlay-confirm[b-yvg53a1x8v] {
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(3px);
}

.modal-confirmacion[b-yvg53a1x8v] {
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f3e7c9;
    border: 1px solid rgba(248,211,122,.38);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(0,0,0,.65), inset 0 0 18px rgba(248,211,122,.06);
}

/* Layout responsive */
@keyframes aparecerPanel-b-yvg53a1x8v {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes aparecerModal-b-yvg53a1x8v {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 992px) {
    .modificar-tropa-gaming > .row[b-yvg53a1x8v] {
        display: flex;
        flex-direction: column;
    }

    .modificar-tropa-gaming .col-2[b-yvg53a1x8v],
    .modificar-tropa-gaming .col-6[b-yvg53a1x8v],
    .modificar-tropa-gaming .col-4[b-yvg53a1x8v] {
        width: 100%;
        max-width: 100%;
    }

    .w-80-btn[b-yvg53a1x8v] {
        width: 100%;
    }

    .icono-stats[b-yvg53a1x8v] {
        height: 42px;
        width: 42px;
    }

    .stats-item[b-yvg53a1x8v] {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .modificar-tropa-gaming[b-yvg53a1x8v] {
        padding: 12px;
    }

    .stats-item[b-yvg53a1x8v] {
        min-width: max-content;
    }

    .icono-stats[b-yvg53a1x8v] {
        height: 34px;
        width: 34px;
    }

    .modal-dialog[b-yvg53a1x8v],
    .modal-dialog.modal-xl[b-yvg53a1x8v] {
        margin: 10px;
        max-width: calc(100% - 20px) !important;
    }

    .modal-body .row > [class*="col-"][b-yvg53a1x8v] {
        width: 100%;
        margin-bottom: 14px;
    }

    .btn[b-yvg53a1x8v] {
        white-space: normal;
    }
}

.selector-cortina[b-yvg53a1x8v] {
    margin-bottom: 20px;
}

.btn-selector-cortina[b-yvg53a1x8v] {
    width: 100%;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(248,211,122,.45);
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f8d37a;
    font-weight: 800;
    letter-spacing: .5px;
    box-shadow: 0 12px 28px rgba(0,0,0,.45), inset 0 0 14px rgba(248,211,122,.08);
    transition: all .2s ease;
}

    .btn-selector-cortina:hover[b-yvg53a1x8v] {
        transform: translateY(-2px);
        border-color: rgba(248,211,122,.75);
        box-shadow: 0 16px 35px rgba(0,0,0,.55), 0 0 18px rgba(248,211,122,.18);
    }

.panel-selector-tropas[b-yvg53a1x8v] {
    margin-top: 14px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(248,211,122,.35);
    background: radial-gradient(circle at top, rgba(248,211,122,.10), transparent 40%), linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    box-shadow: 0 18px 45px rgba(0,0,0,.55), inset 0 0 18px rgba(248,211,122,.06);
    animation: abrirCortina-b-yvg53a1x8v .25s ease;
}

.grupo-selector[b-yvg53a1x8v] {
    margin-bottom: 22px;
}

    .grupo-selector h5[b-yvg53a1x8v] {
        color: #f8d37a;
        margin-bottom: 12px;
        text-shadow: 0 0 10px rgba(248,211,122,.30);
        border-bottom: 1px solid rgba(248,211,122,.20);
        padding-bottom: 6px;
    }

.grid-selector-tropas[b-yvg53a1x8v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 14px;
}

.tropa-selector-card[b-yvg53a1x8v] {
    position: relative;
    min-height: 160px;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(248,211,122,.25);
    background: rgba(255,255,255,.04);
    color: #e8ddc4;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all .22s ease;
}

    .tropa-selector-card img[b-yvg53a1x8v] {
        width: 110px;
        height: 110px;
        object-fit: contain;
        filter: drop-shadow(0 8px 12px rgba(0,0,0,.45));
        transition: all .22s ease;
    }

    .tropa-selector-card span[b-yvg53a1x8v] {
        font-size: 13px;
        font-weight: 700;
        text-align: center;
    }

    .tropa-selector-card:hover[b-yvg53a1x8v] {
        transform: translateY(-5px) scale(1.04);
        border-color: rgba(248,211,122,.75);
        background: rgba(248,211,122,.08);
        box-shadow: 0 0 18px rgba(248,211,122,.18);
    }

        .tropa-selector-card:hover img[b-yvg53a1x8v] {
            transform: scale(1.08);
        }

@keyframes abrirCortina-b-yvg53a1x8v {
    from {
        opacity: 0;
        transform: translateY(-18px) scale(.98);
        max-height: 0;
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        max-height: 1200px;
    }
}
.imagen-tropa-principal[b-yvg53a1x8v] {
    max-height: 220px;
}

.radar-chart[b-yvg53a1x8v] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

.radar-svg[b-yvg53a1x8v] {
    width: 100%;
    max-width: 380px;
    height: auto;
    overflow: visible;
}

    .radar-svg polygon[b-yvg53a1x8v],
    .radar-svg line[b-yvg53a1x8v] {
        stroke: rgba(248,211,122,.35);
        stroke-width: 1;
        fill: none;
    }

.radar-area[b-yvg53a1x8v] {
    fill: rgba(248,211,122,.28) !important;
    stroke: #f8d37a !important;
    stroke-width: 2 !important;
    filter: drop-shadow(0 0 8px rgba(248,211,122,.4));
}

.radar-svg text[b-yvg53a1x8v] {
    fill: #f8d37a;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(248,211,122,.35);
}

@media (max-width: 768px) {
    .panel-selector-tropas[b-yvg53a1x8v] {
        padding: 12px;
    }

    .grid-selector-tropas[b-yvg53a1x8v] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tropa-selector-card[b-yvg53a1x8v] {
        min-height: 145px;
    }

        .tropa-selector-card img[b-yvg53a1x8v] {
            width: 95px;
            height: 95px;
        }
    .imagen-tropa-principal[b-yvg53a1x8v] {
        max-height: 180px;
        margin-bottom: 15px;
    }

    .equipamiento-card-gaming[b-yvg53a1x8v] {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .modal-gaming .stats-item[b-yvg53a1x8v] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: 55px 1fr auto;
        align-items: center;
        gap: 10px;
        padding: 10px;
        margin-bottom: 8px;
        background: rgba(255,255,255,.05);
        border: 1px solid rgba(248,211,122,.18);
        border-radius: 12px;
    }

        .modal-gaming .stats-item > div[b-yvg53a1x8v] {
            width: auto;
            max-width: none;
            flex: none;
        }

        .modal-gaming .stats-item img.icono-stats[b-yvg53a1x8v] {
            width: 42px;
            height: 42px;
        }

        .modal-gaming .stats-item label.form-control[b-yvg53a1x8v] {
            width: 100%;
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .modal-gaming .row.mb-2[b-yvg53a1x8v] {
        margin-bottom: 0 !important;
    }
}
.acciones-tropa[b-yvg53a1x8v] {
    display: flex;
    align-items: center;
    gap: 6px;
}
/* /Pages/PoliticaItem.razor.rz.scp.css */
.politica-card-gaming[b-xwfr65g09a] {
    margin: 0;
    padding: 14px;
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 0 18px rgba(248,211,122,.05);
    animation: aparecerPolitica-b-xwfr65g09a .35s ease;
}

    .politica-card-gaming:hover[b-xwfr65g09a] {
        border-color: rgba(248,211,122,.68);
        box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 18px rgba(248,211,122,.12);
    }

.politica-item[b-xwfr65g09a] {
    display: flex;
    align-items: center;
    padding: 10px;
}

.edificio-col[b-xwfr65g09a] {
    border-bottom: none;
    border-right: 1px solid rgba(248,211,122,.18);
}

    .edificio-col:last-child[b-xwfr65g09a] {
        border-right: none;
    }

.politica-img[b-xwfr65g09a] {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    margin-right: 15px;
    object-fit: contain;
    flex: 0 0 160px;
    display: block;
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.45));
    transition: all .25s ease;
}

    .politica-img:hover[b-xwfr65g09a] {
        transform: translateY(-4px) scale(1.04);
        filter: drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(248,211,122,.28));
    }

.politica-info[b-xwfr65g09a] {
    flex: 1;
}

.politica-header[b-xwfr65g09a] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.politica-nombre[b-xwfr65g09a] {
    font-weight: bold;
    color: #f8d37a;
    font-size: 18px;
    text-shadow: 0 0 8px rgba(248,211,122,.24);
}

.politica-nivel[b-xwfr65g09a] {
    margin: 5px 0;
}

.estrella[b-xwfr65g09a] {
    font-size: 28px;
    cursor: pointer;
    transition: all .18s ease;
}

    .estrella:hover[b-xwfr65g09a] {
        transform: scale(1.18);
        filter: drop-shadow(0 0 8px rgba(248,211,122,.55));
    }

.llena[b-xwfr65g09a] {
    color: #f8d37a;
    text-shadow: 0 0 8px rgba(248,211,122,.5);
}

.vacia[b-xwfr65g09a] {
    color: rgba(255,255,255,.25);
}

.preview[b-xwfr65g09a] {
    color: #ff9f1c;
    text-shadow: 0 0 8px rgba(255,159,28,.5);
}

.politica-desc[b-xwfr65g09a] {
    font-size: 14px;
    color: #e8ddc4;
}

@keyframes aparecerPolitica-b-xwfr65g09a {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .politica-card-gaming[b-xwfr65g09a] {
        display: flex;
        flex-direction: column;
        padding: 14px;
    }

        .politica-card-gaming > [class*="col-"][b-xwfr65g09a] {
            width: 100%;
            max-width: 100%;
            flex: 0 0 auto;
            border-right: none;
            border-bottom: 1px solid rgba(248,211,122,.18);
            padding: 14px 8px;
        }

            .politica-card-gaming > [class*="col-"]:last-child[b-xwfr65g09a] {
                border-bottom: none;
            }

    .politica-item[b-xwfr65g09a] {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .politica-img[b-xwfr65g09a] {
        width: 160px !important;
        height: 160px !important;
        margin-right: 0;
        margin-bottom: 12px;
        object-fit: contain;
        flex: none;
    }

    .politica-info[b-xwfr65g09a] {
        width: 100%;
    }

    .politica-header[b-xwfr65g09a] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .politica-nombre[b-xwfr65g09a] {
        text-align: center;
        width: 100%;
    }

    .controles-nivel[b-xwfr65g09a] {
        display: flex;
        gap: 10px;
    }

    .politica-nivel[b-xwfr65g09a] {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px;
    }

    .recurso-item[b-xwfr65g09a] {
        justify-content: center;
    }
}
/* /Pages/ReclutarTropas.razor.rz.scp.css */
.reclutar-gaming[b-876oy2zr33] {
    padding: 24px;
}

.titulo-gaming[b-876oy2zr33] {
    color: #f8d37a;
    text-shadow: 0 0 12px rgba(248,211,122,.35);
    margin-bottom: 22px;
}

.tropa-reclutar-card[b-876oy2zr33] {
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 0 18px rgba(248,211,122,.05);
    transition: all .22s ease;
    animation: aparecerTropaReclutar-b-876oy2zr33 .35s ease;
}

    .tropa-reclutar-card:hover[b-876oy2zr33] {
        transform: translateY(-4px);
        border-color: rgba(248,211,122,.68);
        box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 18px rgba(248,211,122,.12);
    }

.tropa-reclutar-contenido[b-876oy2zr33] {
    display: flex;
    align-items: center;
}

.tropa-reclutar-img[b-876oy2zr33] {
    width: 130px;
    height: 130px;
    object-fit: contain;
    margin-right: 15px;
    flex-shrink: 0;
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.45));
    transition: all .22s ease;
}

.tropa-reclutar-card:hover .tropa-reclutar-img[b-876oy2zr33] {
    transform: scale(1.05);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(248,211,122,.25));
}

.reclutar-control[b-876oy2zr33] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cantidad-reclutar[b-876oy2zr33] {
    max-width: 110px;
}

.recurso-item[b-876oy2zr33] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
    flex-shrink: 0;
    font-size: 14px;
    color: #e8ddc4;
    padding: 4px 6px;
    border-radius: 10px;
    transition: all .2s ease;
}

    .recurso-item:hover[b-876oy2zr33] {
        transform: translateY(-2px);
        background: rgba(248,211,122,.08);
    }

.icono-recurso[b-876oy2zr33] {
    height: 45px;
    width: 45px;
    object-fit: contain;
}

.recurso-item:hover[b-876oy2zr33]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #f8d37a;
    border: 1px solid rgba(248,211,122,.35);
    padding: 5px 9px;
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 99999;
}

.total-construccion[b-876oy2zr33] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 320px;
    z-index: 99999;
    background: linear-gradient(180deg, rgba(42,35,27,.98), rgba(20,22,29,.98));
    color: #f3e7c9;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(248,211,122,.38);
    box-shadow: 0 16px 38px rgba(0,0,0,.62), inset 0 0 18px rgba(248,211,122,.06);
}

.recurso-fila-total[b-876oy2zr33] {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    margin-bottom: 8px;
}

    .recurso-fila-total .icono-recurso[b-876oy2zr33] {
        width: 38px;
        height: 38px;
        object-fit: contain;
    }

    .recurso-fila-total span[b-876oy2zr33] {
        color: #f3e7c9;
        font-size: 14px;
    }

.recurso-suficiente span[b-876oy2zr33] {
    color: white;
}

.recurso-insuficiente span[b-876oy2zr33] {
    color: #ff4d4d;
}

.btn-total-accion[b-876oy2zr33] {
    width: 100%;
    margin-top: 10px;
}

@keyframes aparecerTropaReclutar-b-876oy2zr33 {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .reclutar-gaming[b-876oy2zr33] {
        padding: 12px;
    }

    .tropa-reclutar-contenido[b-876oy2zr33] {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .tropa-reclutar-img[b-876oy2zr33] {
        width: 150px;
        height: 150px;
        margin-right: 0;
        margin-bottom: 12px;
    }

    .reclutar-control[b-876oy2zr33] {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .cantidad-reclutar[b-876oy2zr33] {
        width: 120px !important;
        max-width: 120px;
        text-align: center;
    }

    .d-flex.flex-wrap.gap-4[b-876oy2zr33] {
        justify-content: center;
    }

    .total-construccion[b-876oy2zr33] {
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
/* /Pages/SolicitarEnvios.razor.rz.scp.css */
.envios-container[b-moax2jchiq] {
    padding: 24px;
    animation: aparecerEnvios-b-moax2jchiq .35s ease;
}

.titulo-gaming[b-moax2jchiq] {
    color: #f8d37a;
    text-shadow: 0 0 12px rgba(248,211,122,.35);
    margin-bottom: 22px;
}

/* TABS */
.tabs[b-moax2jchiq] {
    display: flex;
    gap: 14px;
    margin-bottom: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.tab[b-moax2jchiq] {
    cursor: pointer;
    position: relative;
    padding: 10px;
    background: linear-gradient(180deg, rgba(42,35,27,.94), rgba(20,22,29,.94));
    border: 2px solid rgba(248,211,122,.25);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0,0,0,.42), inset 0 0 14px rgba(248,211,122,.05);
    transition: all .22s ease;
}

    .tab img[b-moax2jchiq] {
        width: 120px;
        height: 120px;
        object-fit: contain;
        filter: drop-shadow(0 8px 12px rgba(0,0,0,.45));
        transition: all .22s ease;
    }

    .tab:hover[b-moax2jchiq] {
        transform: translateY(-4px);
        border-color: rgba(248,211,122,.70);
        box-shadow: 0 18px 40px rgba(0,0,0,.52), 0 0 18px rgba(248,211,122,.18);
    }

        .tab:hover img[b-moax2jchiq] {
            transform: scale(1.06);
        }

    .tab.active[b-moax2jchiq] {
        border-color: #35d07f;
        background: linear-gradient(180deg, rgba(36,53,39,.96), rgba(18,37,26,.96));
        box-shadow: 0 0 0 4px rgba(53,208,127,.16), 0 0 22px rgba(53,208,127,.30);
    }

        .tab.active[b-moax2jchiq]::before {
            content: "✓";
            position: absolute;
            top: -10px;
            right: -10px;
            background: #198754;
            color: white;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            font-weight: bold;
            line-height: 26px;
            text-align: center;
            z-index: 10;
        }

    /* TOOLTIP */
    .tab[b-moax2jchiq]::after,
    .recurso-item-envio[b-moax2jchiq]::after,
    .recurso-item-costo-sin-pointer[b-moax2jchiq]::after,
    .recurso-item-costo[b-moax2jchiq]::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%);
        background: #111;
        color: #f8d37a;
        border: 1px solid rgba(248,211,122,.35);
        padding: 5px 9px;
        font-size: 12px;
        border-radius: 6px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s ease;
        z-index: 99999;
    }

    .tab:hover[b-moax2jchiq]::after,
    .recurso-item-envio:hover[b-moax2jchiq]::after,
    .recurso-item-costo-sin-pointer:hover[b-moax2jchiq]::after,
    .recurso-item-costo:hover[b-moax2jchiq]::after {
        opacity: 1;
    }

/* FILAS */
.fila-envio[b-moax2jchiq] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 16px;
    align-items: center;
    padding: 16px;
    margin-bottom: 16px;
    background: linear-gradient(180deg, rgba(42,35,27,.96), rgba(20,22,29,.96));
    border: 1px solid rgba(248,211,122,.35);
    border-radius: 18px;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 0 18px rgba(248,211,122,.05);
    animation: aparecerFilaEnvio-b-moax2jchiq .3s ease;
}

    .fila-envio:hover[b-moax2jchiq] {
        border-color: rgba(248,211,122,.65);
        box-shadow: 0 18px 45px rgba(0,0,0,.55), 0 0 18px rgba(248,211,122,.12);
    }

/* COSTO */
.costo[b-moax2jchiq] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recurso-item-costo-sin-pointer[b-moax2jchiq],
.recurso-item-costo[b-moax2jchiq] {
    text-align: center;
    width: 100px;
    position: relative;
    color: #e8ddc4;
}

.icono-recurso-costo[b-moax2jchiq] {
    height: 80px;
    max-width: 90px;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
}

.recurso-item-costo-sin-pointer span[b-moax2jchiq],
.recurso-item-costo span[b-moax2jchiq] {
    display: block;
    font-size: 12px;
    color: #f3e7c9;
}

/* ITEMS */
.items[b-moax2jchiq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.recurso-item-envio[b-moax2jchiq] {
    cursor: pointer;
    text-align: center;
    width: 96px;
    position: relative;
    padding: 8px;
    border-radius: 14px;
    border: 1px solid rgba(248,211,122,.20);
    background: rgba(255,255,255,.04);
    transition: all .2s ease;
}

    .recurso-item-envio img[b-moax2jchiq] {
        width: 64px;
        height: 64px;
        object-fit: contain;
        border: none;
        filter: drop-shadow(0 6px 10px rgba(0,0,0,.40));
        transition: all .2s ease;
    }

    .recurso-item-envio:hover[b-moax2jchiq] {
        transform: translateY(-4px);
        border-color: rgba(248,211,122,.70);
        background: rgba(248,211,122,.08);
        box-shadow: 0 0 16px rgba(248,211,122,.16);
    }

        .recurso-item-envio:hover img[b-moax2jchiq] {
            transform: scale(1.08);
        }

    .recurso-item-envio span[b-moax2jchiq] {
        display: block;
        font-size: 12px;
        color: #e8ddc4;
        margin-top: 4px;
    }

.icono-recurso[b-moax2jchiq] {
    height: 40px;
    object-fit: contain;
}

@keyframes aparecerEnvios-b-moax2jchiq {
    from {
        opacity: 0;
        transform: translateY(14px) scale(.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes aparecerFilaEnvio-b-moax2jchiq {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .envios-container[b-moax2jchiq] {
        padding: 12px;
    }

    .tab img[b-moax2jchiq] {
        width: 90px;
        height: 90px;
    }

    .fila-envio[b-moax2jchiq] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .costo[b-moax2jchiq] {
        border-bottom: 1px solid rgba(248,211,122,.18);
        padding-bottom: 12px;
    }

    .items[b-moax2jchiq] {
        justify-content: center;
    }

    .recurso-item-envio[b-moax2jchiq] {
        width: 88px;
    }
}