/**
 * Estilo para listas de tipo acordeon
 * Autor: Andres Hurtado
 * Fecha: 30-09-2025
 */

.acordion-contenedor {
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.acordion-titulo {
    background-color: rgba(45, 78, 145, 0.1);
    padding: 10px;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    align-items: center;
    transition: var(--transicion);
}

.acordion-titulo:hover {
    background-color: rgba(45, 78, 145, 0.2);
}

.acordion-titulo.activo {
    background-color: rgba(45, 78, 145, 0.2);
    border-bottom: 1px solid var(--color-borde);
}

.acordion-ver-mas {
    font-weight: bold;
    color: var(--color-primario);
}

.acordion-descripcion {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
    background-color: white;
    border-left: 3px solid transparent;
    overflow-y: auto;
    font-size: 0.9rem;
    ;
    /* padding-right: 10px; */
}

.acordion-descripcion.mostrar {
    padding: 0 20px 20px;
    max-height: 1000px;
    border-left-color: var(--color-primario);
}

/* Estilo para scrollbar */
.acordion-descripcion::-webkit-scrollbar {
    width: 6px;
}

.acordion-descripcion::-webkit-scrollbar-thumb {
    background-color: var(--color-borde);
    border-radius: 3px;
}

/* LISTAS */
.lista-acordeon {
    padding-left: 20px;
}

.lista-acordeon li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}

.lista-acordeon li::before {
    color: var(--color-primario);
    position: absolute;
    left: 0;
    font-weight: bold;
}

.lista-acordeon a {
    display: block;
    color: #3498db;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
    position: relative;
    padding-left: 30px;
}

.lista-acordeon a:hover {
    background: #f8f9fa;
    color: #2980b9;
    transform: translateX(5px);
}

/* File Type Indicators */
.lista-acordeon a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.lista-acordeon menu {
    padding-left: 20px;
    margin: 10px 0;
    border-left: 3px solid var(--color-borde);
}

.lista-advertencias {
    list-style-type: none;
    padding-left: 0;
    margin: 20px 0;
}

.lista-advertencias li {
    padding: 8px 15px;
    margin-bottom: 8px;
    border-left: 3px solid var(--color-error);
    background-color: rgba(220, 53, 69, 0.08);
}

.lista-acordeon a[href$=".pdf"]:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23e74c3c" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.5 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-30 19.7-43.4-13.1-15.9-30.4-17.6-39.8-17.6zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z"/></svg>');
}

.lista-acordeon a[href$=".doc"]:before,
.lista-acordeon a[href$=".docx"]:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%232980b9" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm57.1 120H305c7.7 0 13.4 7.1 11.7 14.7l-38 168c-1.2 5.5-6.1 9.3-11.7 9.3h-38c-5.5 0-10.3-3.8-11.6-9.1-25.8-103.5-20.8-81.2-25.6-110.5h-.5c-1.1 14.3-2.4 17.4-25.6 110.5-1.3 5.3-6.1 9.1-11.6 9.1H117c-5.6 0-10.5-3.9-11.7-9.4l-37.8-168c-1.7-7.5 4-14.6 11.7-14.6h24.5c5.7 0 10.7 4 11.8 9.7 15.6 78 20.1 109.5 21 122.2 1.6-10.2 7.3-32.7 29.4-122.7 1.3-5.4 6.1-9.1 11.7-9.1h29.1c5.6 0 10.4 3.8 11.7 9.2 24 100.4 28.8 124 29.6 129.4-.2-11.2-2.6-17.8 21.6-129.2 1-5.6 5.9-9.5 11.5-9.5zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
}

.lista-acordeon a[href*="Planillas/"][href$=".php"]:before,
.lista-acordeon a[href$=".xls"]:before,
.lista-acordeon a[href$=".xlsx"]:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%2327ae60" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm-96 144c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm32 32c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm-32-96c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm128 64c0 4.4-3.6 8-8 8h-56c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v16zm0-64c0 4.4-3.6 8-8 8h-56c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v16zm0-64c0 4.4-3.6 8-8 8h-56c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v16zm-32-32c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm32 0c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm64 96c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm0-64c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm0-64c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zm0-64c0 4.4-3.6 8-8 8h-8c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h8c4.4 0 8 3.6 8 8v16zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"/></svg>');
}

/* Optional: Different background color for Excel links on hover */
.lista-acordeon a[href$=".xls"]:hover,
.lista-acordeon a[href$=".xlsx"]:hover {
    background-color: #e8f5e9;
    /* Light green background */
}