/* ============================================
   CUSTOMIZACIÓN COMPLETA RadTabStrip TELERIK
   ============================================ */

/* CONTENEDOR PRINCIPAL */
.RadTabStrip {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.RadTabStrip_Default .rtsLevel {
    background-color: transparent;
}

/*.RadMultiPage .rmpView {
    padding: 0.5rem !important;
}*/

.RadTabStrip_Default {
    background: transparent !important;
}

.RadTabStripTop_Default {
    background: transparent !important;
}

.RadTabStripTop {
    background: transparent !important;
    border-bottom: none !important;
}

/* NIVEL DE TABS */
.rtsLevel {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rtsLevel1 {
    background: transparent !important;
    display: flex !important;
    gap: 4px !important;
}

/* LISTA DE TABS */
.rtsUL {
    background: #e2edf9 !important;
    border: 0.5px solid #c1d4e757 !important;
    list-style: none !important;
    padding: 6px 3px 4px 3px !important;
    margin-bottom: 8px !important;
    border-radius: 12px !important;
}

/* ITEMS DE TAB */
.rtsLI {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.rtsFirst {
    margin-left: 0 !important;
}

.rtsLast {
    margin-right: 0 !important;
}

/* LINKS DE TAB - ESTADO DEFAULT */
.rtsLink {
    display: inline-block !important;
    padding: 2px 16px 2px 16px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 12px !important;
    color: #666666 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    outline: none !important;
    position: relative !important;
    z-index: 1 !important;
}

    .rtsLink:hover {
        background: #a8c3e1 !important;
        color: #333333 !important;
        z-index: 2 !important;
    }

    /* LINKS DE TAB - ESTADO SELECCIONADO */
    .rtsLink.rtsSelected {
        background: #FF6B00 !important;
        border: none !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        box-shadow: none !important;
        border-radius: 8px !important;
        z-index: 3 !important;
    }

        .rtsLink.rtsSelected:hover {
            background: #FF6B00 !important;
            box-shadow: none !important;
            z-index: 3 !important;
        }

    /* ESTADOS ADICIONALES */
    .rtsLink.rtsAfter {
        background: transparent !important;
        border: none !important;
    }

        .rtsLink.rtsAfter:hover {
            background: #a8c3e1 !important;
            color: #333333 !important;
            z-index: 2 !important;
        }


    .rtsLink.rtsHoverBefore:hover {
        background: #f0f0f0 !important;
    }

/* ESTRUCTURA INTERNA DEL LINK */
.rtsOut {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.rtsIn {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.rtsTxt {
    display: inline-block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: inherit !important;
}

/* RESPONSIVE AJUSTMENTS */
@media (max-width: 768px) {
    .rtsLevel1 {
        gap: 2px !important;
    }

    .rtsUL {
        gap: 2px !important;
    }

    .rtsLink {
        padding: 5px 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .rtsLink {
        padding: 4px 10px !important;
        font-size: 11px !important;
        border-radius: 16px !important;
    }

    .rtsLevel1 {
        gap: 2px !important;
    }

    .rtsUL {
        gap: 2px !important;
    }
}

/* DESACTIVAR ESTILOS POR DEFECTO DE TELERIK */
div.RadTabStrip .rtsLevel .rtsLevel1 ul li a {
    background: transparent !important;
    border: none !important;
    color: #666666 !important;
}

    div.RadTabStrip .rtsLevel .rtsLevel1 ul li a.rtsSelected {
        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
        border: none !important;
        color: #ffffff !important;
    }



/* --- TAB LEFT --- */
.RadTabStrip_Default.RadTabStripLeft .rtsLink,
.RadTabStrip_Default.RadTabStripLeft .rtsLink:hover,
.RadTabStrip_Default.RadTabStripLeft .rtsLevel1 .rtsLink.rtsSelected {
    width: 100% !important;
    text-align: left !important;
}

/* --- TAB RIGHT --- */
.RadTabStripRight_Default.RadTabStripRight .rtsLink .rtsIn,
.RadTabStripRight_Default.RadTabStripRight .rtsLink .rtsOut,
.RadTabStripRight_Default.RadTabStripRight .rtsLink .rtsTxt {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
}

.RadTabStripRight_Default.RadTabStripRight .rtsLink {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding-right: 5px !important;
}

.RadTabStripRight_Default.RadTabStripRight .rtsUL {
    text-align: left !important;
}

/* Mejora el scroll en móviles para la lista de pestañas */
.RadTabStripVertical .rtsUL {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

    .RadTabStripVertical .rtsUL::-webkit-scrollbar {
        width: 6px;
    }

    .RadTabStripVertical .rtsUL::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 10px;
    }