.planes-admin{max-width:1280px;margin:0 auto}.planes-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 24px}.planes-hero h1{margin:.35rem 0 .55rem}.planes-hero p{max-width:650px;margin:0;color:var(--color-texto-secundario);line-height:1.55}.planes-eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--color-primario);margin-bottom:.35rem}.planes-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.planes-resumen article,.plan-card,.planes-herramientas,.planes-estado{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm)}.planes-resumen article{padding:18px}.planes-resumen span,.planes-resumen small{display:block;color:var(--color-texto-terciario);font-size:.8rem}.planes-resumen strong{display:block;font-size:1.7rem;line-height:1.2;margin:9px 0;color:var(--color-texto-principal)}.planes-herramientas{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:20px}.planes-busqueda{display:flex;gap:10px;align-items:center;flex:1;min-width:0;padding:0 10px}.planes-busqueda svg{width:18px;color:var(--color-texto-terciario)}.planes-busqueda input{border:0;background:transparent;width:100%;padding:9px 0;outline:0}.planes-herramientas select{width:auto;min-width:165px}.planes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.plan-card{padding:20px;display:flex;flex-direction:column;min-height:390px;transition:transform var(--transicion-base),box-shadow var(--transicion-base)}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--sombra-md)}.plan-card-inactivo{opacity:.72;background:linear-gradient(135deg,var(--color-superficie),var(--color-fondo))}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-card-top .btn-icono{border:1px solid var(--color-borde);border-radius:9px}.plan-card h2{font-size:1.14rem;margin:20px 0 8px;overflow-wrap:anywhere}.plan-precio{font-weight:750;font-size:1.8rem;letter-spacing:-.04em;margin:0 0 20px;color:var(--color-texto-principal)}.plan-precio small{font-size:.78rem;font-weight:500;letter-spacing:0;color:var(--color-texto-terciario)}.plan-meta{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--color-borde);border-bottom:1px solid var(--color-borde);font-size:.82rem;color:var(--color-texto-secundario)}.plan-meta span,.plan-beneficios li{display:flex;align-items:flex-start;gap:7px}.plan-meta svg,.plan-beneficios svg{width:16px;height:16px;flex:0 0 auto;color:var(--color-primario);margin-top:1px}.plan-beneficios{display:grid;gap:8px;list-style:none;padding:16px 0;margin:0;font-size:.82rem;color:var(--color-texto-secundario);line-height:1.4;flex:1}.plan-acciones{display:grid;gap:9px;margin-top:auto}.plan-acciones .btn{justify-content:center}.plan-desactivar{font-size:.8rem;border:0;background:transparent;color:var(--color-texto-terciario)}.plan-desactivar:hover{color:var(--color-error)}.plan-nota{font-size:.8rem;color:var(--color-texto-terciario);text-align:center;padding:10px}.planes-estado,.planes-cargando{grid-column:1/-1;text-align:center;padding:58px 22px;color:var(--color-texto-secundario)}.planes-estado svg,.planes-cargando svg{width:38px;height:38px;color:var(--color-primario);margin-bottom:10px}.planes-estado h2{font-size:1.12rem;color:var(--color-texto-principal);margin:4px 0 8px}.planes-estado p{margin:0 auto 18px;max-width:430px}.planes-error svg{color:var(--color-error)}.planes-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.planes-modal small{display:block;font-size:.75rem;color:var(--color-texto-terciario);margin-top:5px}.planes-opcion{display:grid;gap:8px;font-size:.88rem;font-weight:600}.planes-opcion select{width:100%}.planes-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--color-borde);border-radius:var(--radio-md);padding:12px;cursor:pointer}.planes-check input{width:18px;height:18px;margin:2px 0 0}.planes-check strong,.planes-check small{display:block}.planes-check small{line-height:1.35}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.planes-hero{flex-direction:column}.planes-hero .btn{width:100%}.planes-resumen{grid-template-columns:1fr}.planes-herramientas{align-items:stretch;flex-direction:column}.planes-herramientas select{width:100%}.planes-form-grid{grid-template-columns:1fr}.plan-card{min-height:auto}}

/* =============================================
   TABS DE FILTRO RÁPIDO PARA GESTIÓN DE MEMBRESÍAS
   ============================================= */
.membresias-tabs-filtro {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem 0;
    background: var(--color-superficie);
    border-bottom: 1px solid var(--color-borde);
    overflow-x: auto;
    scrollbar-width: thin;
}

.tab-filtro-membresia {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-texto-terciario);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all var(--transicion-base);
    white-space: nowrap;
    border-radius: var(--radio-sm) var(--radio-sm) 0 0;
}

.tab-filtro-membresia:hover {
    color: var(--color-texto-principal);
    background: var(--color-fondo);
}

.tab-filtro-membresia.activo {
    color: var(--color-primario);
    border-bottom-color: var(--color-primario);
    background: color-mix(in srgb, var(--color-primario) 6%, transparent);
}

.tab-filtro-membresia .tab-contador {
    font-size: 0.725rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    background: var(--color-fondo);
    color: var(--color-texto-secundario);
    border: 1px solid var(--color-borde);
    transition: all var(--transicion-base);
}

.tab-filtro-membresia.activo .tab-contador {
    background: var(--color-primario);
    color: #ffffff;
    border-color: var(--color-primario);
}