/* ============================================
   ALEGA — CLIENTE CSS  (v2 · sin sidebar · fondo neutro)
   ============================================ */
/* ---- LAYOUT — sin sidebar, contenido a ancho completo ---- */
.cliente-layout {
    display: block;          /* ya no hay grid de dos columnas */
    background: linear-gradient(to right, #0f1f3d 0%, #2a4a7f 40%, #6b8fc4 75%, #c5d5ec 100%);
    min-height: 100vh;
}
 
/* El sidebar de cliente se oculta siempre en páginas públicas.
   Cuando hay sesión (body.logged-in) se puede mostrar si existe. */
.cliente-sidebar {
    display: none;
}
 


.cliente-main::-webkit-scrollbar {
    display: none;
}

 
.cliente-main {
    padding: 48px 32px 32px;   /* más espacio arriba para separar del navbar */
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    background: transparent;
}
 
/* ---- MI CUENTA DROPDOWN ---- */
.mi-cuenta-wrap {
    position: relative;
    flex-shrink: 0;
}
 
.mi-cuenta-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    color: white;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 14px;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}
 
.mi-cuenta-btn:hover { background: rgba(255,255,255,0.2); }
 
.chevron-icon { transition: transform 0.2s ease; }
.mi-cuenta-btn.open .chevron-icon { transform: rotate(180deg); }
 
.mi-cuenta-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: white;
    border-radius: var(--radius);
    box-shadow: 0 8px 32px rgba(15,31,61,0.14);
    border: 1px solid var(--border);
    min-width: 220px;
    z-index: 200;
    overflow: hidden;
    animation: dropdownIn 0.15s ease;
}
 
@keyframes dropdownIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
 
.mi-cuenta-dropdown.open { display: block; }
 
.dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    font-size: 14px;
    color: var(--text-dark);
    transition: var(--transition);
}
 
.dropdown-item:hover { background: #F5F5F5; color: var(--navy-main); }
 
.dropdown-divider { height: 1px; background: var(--border); margin: 4px 0; }
 
.dropdown-item--logout { color: var(--crimson); }
.dropdown-item--logout:hover { background: rgba(139,26,47,0.06); color: var(--crimson-dark); }
 
/* ---- CABECERA CLIENTE ---- */
.cliente-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0 20px;
}
 
.cliente-saludo {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    color: var(--navy-deep);
    margin-bottom: 4px;
}
 
.cliente-bienvenida {
    font-size: 14px;
    color: var(--text-mid);
    font-weight: 300;
}
 
.btn-nuevo-caso {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--navy-main);
    border: 2px solid var(--navy-main);
    border-radius: var(--radius);
    color: white;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 26px;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(30,58,110,0.22);
}
 
.btn-nuevo-caso:hover {
    background: var(--navy-deep);
    border-color: var(--navy-deep);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(21,38,72,0.28);
}
 
.btn-nuevo-caso:active { transform: translateY(0); }
 
/* ---- TARJETA DATOS CLIENTE ---- */
.cliente-datos-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    box-shadow: 0 2px 16px rgba(15,31,61,0.07);
    border: 1px solid var(--border);
}
 
.cliente-datos-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
 
.cliente-datos-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-dark);
}
 
.btn-editar-perfil {
    display: flex;
    align-items: center;
    gap: 6px;
    background: white;
    border: 1.5px solid var(--border);
    border-radius: 8px;
    color: var(--navy-main);
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 16px;
    cursor: pointer;
    transition: var(--transition);
}
 
.btn-editar-perfil:hover {
    border-color: var(--navy-main);
    background: #F5F5F5;
}
 
.cliente-datos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 32px;
}
 
.cliente-dato-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
 
.cliente-dato-icon {
    color: var(--navy-main);
    margin-top: 2px;
    flex-shrink: 0;
}
 
.cliente-dato-label {
    font-size: 12px;
    color: var(--text-light);
    margin-bottom: 3px;
    font-weight: 400;
}
 
.cliente-dato-valor {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}
 
.cliente-dato-vacio {
    font-weight: 400;
    color: var(--text-light);
    font-style: italic;
}
 
/* ---- NUEVO CASO ---- */
.nuevo-caso-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    box-shadow: 0 2px 16px rgba(15,31,61,0.07);
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: fadeInUp 0.3s ease;
}
 
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
 
.nuevo-caso-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-dark);
}
 
/* STEPPER */
.stepper { display: flex; align-items: center; gap: 0; }
 
.stepper-step { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
 
.stepper-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #E8EDF5;
    color: var(--text-light);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
 
.stepper-step--active .stepper-num {
    background: var(--navy-main);
    color: white;
}
 
.stepper-step--completado .stepper-num {
    background: var(--navy-light);
    color: white;
}
 
.stepper-label {
    font-size: 14px;
    color: var(--text-light);
    font-weight: 400;
}
 
.stepper-step--active .stepper-label {
    color: var(--navy-main);
    font-weight: 600;
}
 
.stepper-step--completado .stepper-label { color: var(--navy-light); }
 
.stepper-line {
    flex: 1;
    height: 1px;
    background: #D4DCE8;
    margin: 0 12px;
}
 
/* CAMPOS NUEVO CASO */
.nuevo-caso-field { display: flex; flex-direction: column; gap: 10px; }
 
.nuevo-caso-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}
 
.nuevo-caso-textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: var(--text-dark);
    background: white;
    resize: vertical;
    min-height: 100px;
    outline: none;
    transition: var(--transition);
    line-height: 1.6;
}
 
.nuevo-caso-textarea:focus {
    border-color: var(--navy-light);
    box-shadow: 0 0 0 3px rgba(46,82,153,0.08);
}
 
.nuevo-caso-counter {
    text-align: right;
    font-size: 12px;
    color: var(--text-light);
    margin-top: -6px;
}
 
/* TIPOS DE DOCUMENTOS */
.doc-tipos-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
 
.doc-tipo {
    background: #F5F5F5;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    color: var(--navy-main);
}
 
.doc-tipo:hover {
    border-color: var(--navy-light);
    background: #EAEFF8;
}
 
.doc-tipo--add {
    border-style: dashed;
    border-color: var(--navy-light);
    color: var(--navy-light);
}
 
.doc-tipo-name {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-dark);
    line-height: 1.2;
}
 
.doc-tipo-ext { font-size: 10px; color: var(--text-light); }
 
.doc-tipo:active { transform: scale(0.96); }
 
.doc-tipo--add:hover {
    border-color: var(--navy-main);
    background: #EAEFF8;
    color: var(--navy-main);
}
 
/* DROPZONE */
.dropzone {
    border: 2px dashed var(--navy-light);
    border-radius: 10px;
    padding: 28px 20px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    background: #F5F5F5;
    color: var(--text-mid);
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
 
.dropzone:hover, .dropzone.dragover {
    border-color: var(--navy-main);
    background: #EAEFF8;
}
 
.dropzone svg { color: var(--navy-light); }
 
.dropzone-btn {
    background: none;
    border: none;
    color: var(--navy-main);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    font-family: 'DM Sans', sans-serif;
}
 
.file-list { display: flex; flex-direction: column; gap: 6px; margin-top: -8px; }
 
.file-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #EAEFF8;
    border-radius: 8px;
    font-size: 13px;
    color: var(--text-dark);
}
 
.file-item-remove {
    margin-left: auto;
    cursor: pointer;
    color: var(--crimson);
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1;
}
 
/* CALCULADORA HONORARIOS */
.honorarios-section {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid var(--border);
}
 
.honorarios-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-dark);
}
 
.honorarios-input-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
 
.honorarios-label {
    font-size: 14px;
    color: var(--text-mid);
    flex-shrink: 0;
}
 
.honorarios-input-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1.5px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    background: white;
}
 
.honorarios-euro {
    padding: 10px 12px;
    background: #EAEFF8;
    color: var(--navy-main);
    font-weight: 600;
    font-size: 14px;
    border-right: 1px solid var(--border);
}
 
.honorarios-euro-suffix {
    padding: 10px 12px;
    color: var(--text-light);
    font-size: 14px;
    border-left: 1px solid var(--border);
}
 
.honorarios-input {
    padding: 10px 12px;
    border: none;
    outline: none;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    width: 120px;
    text-align: right;
}
 
.honorarios-result {
    background: var(--navy-main);
    border-radius: 10px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: white;
    font-size: 15px;
}
 
.honorarios-result strong {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    margin-left: auto;
}
 
.honorarios-nota {
    font-size: 12px;
    color: var(--text-light);
    font-style: italic;
    margin-top: -8px;
}
 
/* BOTONES FORMULARIO */
.nuevo-caso-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}
 
.btn-cancelar-caso {
    padding: 12px 28px;
    background: white;
    border: 1.5px solid var(--border);
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-mid);
    cursor: pointer;
    transition: var(--transition);
}
 
.btn-cancelar-caso:hover { border-color: var(--text-mid); color: var(--text-dark); }
 
.btn-enviar-caso {
    padding: 12px 32px;
    background: var(--navy-main);
    border: none;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: var(--transition);
}
 
.btn-enviar-caso:hover {
    background: var(--navy-deep);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(30,58,110,0.22);
}
 
/* ---- BADGES INFERIORES ---- */
.cliente-badges-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 20px 32px;
    background: linear-gradient(to right, #0f1f3d 0%, #2a4a7f 40%, #6b8fc4 75%, #c5d5ec 100%);
    border-top: none;
}
 
.cliente-badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px 20px;
}
 
.cliente-badge-label {
    font-size: 12px;
    color: var(--text-light);
    margin-bottom: 2px;
}
 
.cliente-badge-val {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark);
}
 
.cliente-badge-val--alert { color: var(--crimson); }
 
/* FORMULARIO EDICIÓN */
.edicion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 8px;
}
 
.edicion-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
    margin-top: 8px;
}
 
/* SELECTOR DE SERVICIOS */
.servicios-selector {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
 
.servicio-opcion input { display: none; }
 
.servicio-opcion-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 12px;
    border: 2px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
    color: var(--text-mid);
    font-size: 13px;
    background: white;
}
 
.servicio-opcion-inner:hover {
    border-color: var(--navy-light);
    background: #EAEFF8;
}
 
.servicio-opcion input:checked + .servicio-opcion-inner {
    border-color: var(--navy-main);
    background: #EAEFF8;
    color: var(--navy-deep);
}
 
.servicio-precio {
    font-size: 12px;
    font-weight: 700;
    color: var(--crimson);
}
 
/* PASO CONTENIDO */
.paso-contenido {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
 
/* RESUMEN PASO 3 */
.paso3-resumen {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
    border-radius: 12px;
    padding: 24px;
    border: 1px solid var(--border);
}
 
.resumen-item {
    display: flex;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
}
 
.resumen-item:last-child { border-bottom: none; }
 
.resumen-label {
    font-weight: 600;
    color: var(--text-mid);
    min-width: 140px;
    flex-shrink: 0;
}
 
.resumen-valor { color: var(--text-dark); }
 
.resumen-precio {
    font-weight: 700;
    color: var(--crimson);
    font-size: 16px;
}
 
.paso3-aviso {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: rgba(234,179,8,0.08);
    border: 1px solid rgba(234,179,8,0.3);
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 13px;
    color: var(--text-mid);
}
 
.paso3-aviso svg { color: #CA8A04; flex-shrink: 0; margin-top: 1px; }
 
.btn-enviar-final { display: flex; align-items: center; gap: 8px; }
 
/* ---- AVISO PRIMER COBRO ---- */
.primer-cobro-aviso {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 13px;
    color: #1E40AF;
    margin-bottom: 14px;
    line-height: 1.5;
}
.primer-cobro-aviso svg { flex-shrink: 0; margin-top: 1px; }
 
.servicio-precio--tras-consulta {
    font-size: 11px !important;
    color: var(--navy-light) !important;
    font-weight: 600 !important;
}
 
/* HONORARIOS: aviso segundo cobro */
.honorarios-title-nota {
    font-size: 12px;
    font-weight: 400;
    color: var(--text-mid);
}
 
.honorarios-segundo-cobro-aviso {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    background: #EEF2F9;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 13px;
    color: var(--navy-main);
    line-height: 1.5;
    margin-bottom: 14px;
}
.honorarios-segundo-cobro-aviso svg { flex-shrink: 0; margin-top: 1px; }
 
/* FLUJO DE COBROS en pago */
@keyframes spin { to { transform: rotate(360deg); } }
 
.pago-flujo-explicacion {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F5F5F5;
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
 
.pago-flujo-paso { display: flex; align-items: center; gap: 10px; opacity: .55; }
.pago-flujo-paso--activo { opacity: 1; }
.pago-flujo-paso div { display: flex; flex-direction: column; gap: 2px; }
.pago-flujo-paso strong { font-size: 13px; color: var(--text-dark); }
.pago-flujo-paso span   { font-size: 12px; color: var(--text-mid); }
 
.pago-flujo-num {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--navy-main); color: white;
    font-size: 13px; font-weight: 800;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
 
.pago-flujo-num--gris { background: #D1D5DB; color: #6B7280; }
.pago-flujo-sep { font-size: 18px; color: #D1D5DB; font-weight: 700; }

/* Texto del header visible sobre fondo azul */
.cliente-saludo {
    color: white;
}

.cliente-bienvenida {
    color: rgba(255, 255, 255, 0.75);
}

/* ---- RESPONSIVE ---- */

/* Ocultar subnav dentro del área cliente (todas las pantallas) */
.es-area-cliente .subnav {
    display: none !important;
}

@media (max-width: 900px) {

    /* Layout */
    body.logged-in .cliente-layout { grid-template-columns: 1fr; }
    body.logged-in .cliente-sidebar { display: none; }
    .cliente-main { padding: 20px; }
    .cliente-datos-grid { grid-template-columns: 1fr 1fr; }
    .doc-tipos-grid { grid-template-columns: repeat(3, 1fr); }
    .cliente-badges-bar { grid-template-columns: repeat(2, 1fr); }

    /* Ocultar subnav en área cliente móvil */
    body.logged-in:has(.cliente-layout) .subnav {
        display: none !important;
    }

    /* Navbar fijo y bien estructurado */
    .navbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: var(--canvas, #F7F4EF) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }

    .navbar-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 16px !important;
        height: 56px !important;
        position: relative !important;
        gap: 8px !important;
    }

    /* Logo: deja de ser absolute */
    .navbar-logo {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        z-index: auto !important;
    }

    .navbar-logo .logo-img { height: 32px !important; }
    .nv2-logo-name { font-size: 20px !important; }
    .nv2-logo-sub  { display: none !important; }

    /* Ocultar nav links y teléfono */
    .navbar-nav,
    .navbar-phone,
    .btn-contactar { display: none !important; }

    /* Botón cuenta compacto */
    .mi-cuenta-btn {
        font-size: 12px !important;
        padding: 6px 10px !important;
        max-width: 150px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Hamburger visible */
    .hamburger {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        cursor: pointer !important;
        background: none !important;
        border: none !important;
        padding: 4px !important;
        z-index: 10000 !important;
    }

    .hamburger span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #1C1917 !important;
        border-radius: 2px !important;
    }

    /* Subnav: scroll horizontal */
    .subnav { overflow: hidden !important; }
    .subnav-inner {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        padding: 0 12px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .subnav-inner::-webkit-scrollbar { display: none !important; }
    .subnav-link {
        white-space: nowrap !important;
        font-size: 12px !important;
    }

     /* Ocultar logo en área cliente móvil */
    .es-area-cliente .navbar-logo {
        display: none !important;
    }

        .mi-cuenta-wrap {
        position: relative !important;
    }

    .mi-cuenta-dropdown {
        right: 0 !important;
        left: auto !important;
        min-width: 200px !important;
        max-width: calc(100vw - 16px) !important;
    }
}

@media (max-width: 600px) {
    .cliente-datos-grid { grid-template-columns: 1fr; }
    .doc-tipos-grid { grid-template-columns: repeat(2, 1fr); }
    .cliente-badges-bar { grid-template-columns: 1fr 1fr; padding: 16px; }
    .honorarios-input-row { flex-direction: column; align-items: flex-start; }
    .servicios-selector { grid-template-columns: 1fr 1fr; }
    .edicion-grid { grid-template-columns: 1fr; }
    .cliente-main { padding: 12px !important; }
    .btn-nuevo-caso { font-size: 13px !important; padding: 8px 14px !important; }
    .cliente-resumen-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .mi-cuenta-dropdown { min-width: 180px !important; right: 0 !important; }
}

/* Espacio para que el contenido no quede tapado por el navbar sticky */
    .es-area-cliente .cliente-main {
        padding-top: 72px !important;
    }