/* ==== 5.2 Indicador de riesgo ==== */

/* Margenes */
.legal.indicador-de-riesgo-om .container,
.legal.indicador-de-riesgo-alerta-liquidez .container {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

/* Título Bloque legal */
.legal.indicador-de-riesgo-om .legal-title,
.legal.indicador-de-riesgo-alerta-liquidez .legal-title {
    --text-size: 0.75rem;
    --text-line-height: 1rem;
}

/* -- Primera columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:first-child {
    width: 28%;
}

/* Numero indicativo de alerta de liquidez */
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content {
    --text-size: 1.5rem;
    --text-line-height: 1.5rem;
    letter-spacing: 0.5rem;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content .num-danger {
    color: var(--content-low);
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container {
    padding: .2rem 0 0.65rem 2.063rem;
}

/* -- Segunda columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
    width: 38.3%;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description {
    padding: 0.875rem 5rem 0.65rem 1.25rem;
}


/* -- Tercera columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
    width: 33.7%;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description {
    padding: 0.875rem 0.625rem 0.65rem 1.2rem;
}

/* -- Fila de indicador con números de riesgo -- */

/* Bordes, incluido alerta de liquidez */
.legal.indicador-de-riesgo-om .legal-container,
.legal.indicador-de-riesgo-alerta-liquidez .legal-container {
    border: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content {
    border-bottom: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item:first-child,
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
    border-right: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item:first-child {
    border-left: 1.5px solid var(--border-low);
}

/* Textos laterales de riesgo y texto descriptivo de siguiente fila / Incluidos texto de alerta de liquidez */
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text p.text-content,
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text p.text-content,
.legal.indicador-de-riesgo-om .legal-container .description-item .text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number-text p.text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description p.text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description p.text-content {
    --text-size: 0.625rem;
    --text-line-height: 0.75rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
    padding: 0 0 0 1.15rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
    padding: 0 0.85rem 0 0;
}

/* Numeros de riesgo */
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item {
    padding-top: 0.125rem;
    padding-bottom: 0.063rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item.selected {
    background-color: var(--background-inverse);
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1px;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item.selected .number {
    color: var(--gray-10);
}

[data-bs-theme=dark] .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item.selected .number{
    color: var(--bs-body-bg);
}

/* -- Fila descripción -- */
.legal.indicador-de-riesgo-om .legal-container .legal-description {
    padding: 0.65rem 2.85rem 0.55rem 3.6rem;
}

/* Texto - Incluido alerta liquidez */
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description p.text-content {
    gap: 0.7rem
}

/* ==== 6.2 Vídeos, Vídeo único, Vídeo único vertical y Vídeo doble ==== */

/* -- Columna de vídeos -- */

/* Espaciado entre columnas */
.extras.videos .extra-content,
.extras.videos .extra-content .see-more-videos .collapse .card-body {
    --bs-gutter-y: 2.3rem;
}

.extras.videos .extra-content .see-more-videos {
    margin-top: 2.3rem;
}

/* Texto de Categoría */
.extras.videos .extra-content .extra-item .extra-category .category,
.extras.video .extra-container .extra-item-content .extra-category .category,
.extras.double-video .extra-content .extra-item-category .category {
    color: var(--content-accent);
    --text-size: 1rem;
    --text-line-height: 1.375rem;
    background: var(--background-accent-low);
    border-radius: var(--radius-default);
    padding: .25rem .625rem .3rem .625rem;
    z-index: 998;
    transition: text-shadow 0.3s ease;
}

.extras.videos .extra-content .extra-item .extra-category .category:hover,
.extras.video .extra-container .extra-item-content .extra-category .category:hover,
.extras.double-video .extra-content .extra-item-category .category:hover {
    text-shadow: 0.5px 0px 0px;
}

/* Imagen provisional al video */
.extras.videos .extra-content .extra-item .extra-video {
    max-height: 255px;
}

/* Título */
.extras.videos .extra-content .extra-item .extra-title .h3-title,
.extras.double-video .extra-content .extra-item .extra-item-title .h3-title {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
}

/* Texto */
.extras.videos .extra-content .extra-item .extra-description {
    margin-top: .8rem;
}

.extras.videos .extra-content .extra-item .extra-description .text-content,
.extras.video .extra-container .extra-item-content .extra-description .text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

.extras.video .extra-container .extra-item-content .extra-summary .summary {
    --text-size: 1.25rem;
    --text-line-height: 1.875rem;
}

@media (max-width: 1199.98px) {
    /* Textos laterales de riesgo */
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text,
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:first-child {
        width: 45%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
        width: 55%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
        width: 100%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez.two-columns .legal-item:first-child {
        width: 45.2%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez.two-columns .legal-item:last-child {
        width: 54.8%;
    }

    /* Numero indicativo de alerta de liquidez */
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container {
        padding: 0 1.5rem 0.719rem 1.5rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content {
        --text-size: 1.25rem;
        --text-line-height: 2rem;
    }

    /* Título */
    .legal.indicador-de-riesgo-om .legal-title p.text-content {
        --text-size: 0.625rem;
        --text-line-height: 1.25rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-title .text-content {
        --text-size: 0.625rem;
        --text-line-height: 1.5rem;
    }

    /* -- Segunda columna de alerta de liquidez -- */
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description {
        padding: 0.719rem 1.5rem 0.719rem 1.25rem;
    }

    /* Bordes */
    .legal.indicador-de-riesgo-om .legal-container,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-container {
        border: none;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content {
        border-top: 1.5px solid var(--border-low);
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item:first-child {
        border-left: 1.5px solid var(--border-low);
        border-bottom: 1.5px solid var(--border-low);
        border-top: 1.5px solid var(--border-low);
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item:nth-child(2) {
        border-right: 1.5px solid var(--border-low);
        border-bottom: 1.5px solid var(--border-low);
        border-top: 1.5px solid var(--border-low);
    }

    /* -- Fila descripción -- */
    .legal.indicador-de-riesgo-om .legal-container .legal-description {
        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    }

    /* Textos de riesgo */
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text,
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        position: absolute;
        bottom: -33px;
        max-width: 150px;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        text-align: left;
        margin-left: 1.5rem;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text span:nth-child(1),
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text span:nth-child(1) {
        display: block;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
        right: 0;
        text-align: right;
        margin-right: 1.5rem;
    }

    /* -- Fila inferior -- */
    .legal.indicador-de-riesgo-om .legal-item:nth-child(2) {
        margin-top: 2.563rem;
    }

    /* Bordes */
    .legal.indicador-de-riesgo-om .legal-item .legal-description {
        border: 1.5px solid var(--border-low)
    }

    /* Tercera Columna de alerta liquidez */
    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
        margin-top: 0.8rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description {
        border: 1.5px solid var(--border-low);
        padding: 0.5rem 1.5rem 0.85rem 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        margin-left: 1rem;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
        margin-right: 1rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description,
    .legal.indicador-de-riesgo-om .legal-container .legal-description {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}