/* BASE (360px) */
#contenedorModuloCondicionesGen {
    display: flex;
    min-width: 360px;
    padding: var(--size-space-64, 64px) var(--360-575-page-margin, 16px) var(--size-space-0, 0) var(--360-575-page-margin, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-16, 16px);
    border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) var(--border-radius-l, 16px) var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);
}

.contenedorWidthLimitado {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 100%;
}

.tituloCondiciones {
    color: var(--Color-Content-General-1, #2C2C2C);
    align-self: stretch;
}

.contenedorTextoCondiciones {
    display: flex;
    flex-direction: row;
    gap: 24px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.imagenIcoDocumento {
    width: 24px;
    height: 24px;
}

#contenedorModuloCondicionesGen .enlaceDocumento {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    color: #2F6852 !important;
    width: 300px;
    height: 36px;
    align-content: center;
}

.contenedorDocumentosPdf {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.contenedorTextoCondiciones .textoCondiciones {
    align-self: stretch;
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
    font-feature-settings: 'liga' off, 'clig' off;
}

.pdfCondiciones {
    display: flex;
    height: 40px;
    padding: var(--size-space-0, 0);
    align-items: center;
    gap: var(--size-space-4, 4px);
    align-self: stretch;
}

.contenedor-pdf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 24px;
    padding-bottom: 64px;
    align-items: center;
}

.pdfCondicionesParticulares {
    display: flex;
    height: 40px;
    padding: var(--size-space-0, 0);
    align-items: center;
    gap: var(--size-space-4, 4px);
    align-self: stretch;
    flex-basis: 100%;
    width: 100%;
}

#periodo-punta {
    color: #2c2c2c !important;
}

/* ── Orden en 360px ──────────────────────────────────────
   Fila 1: Condiciones Generales + Condiciones Particulares
   Fila 2: Bases legales
   ──────────────────────────────────────────────────────── */
@media (max-width: 575px) {
    .pdfCondiciones:nth-child(1) {
        order: 1; /* Condiciones Generales → primero */
    }

    .pdfCondicionesParticulares {
        order: 2;             /* Condiciones Particulares → segundo */
        flex-basis: auto;     /* en 360px NO ocupa fila completa */
        width: auto;
    }

    .pdfCondiciones:nth-child(2) {
        order: 3;             /* Bases legales → último, fila completa */
        flex-basis: 100%;
        width: 100%;
    }
}


/* 576px */
@media (min-width: 576px) {
    #contenedorModuloCondicionesGen {
        display: flex;
        min-width: 576px;
        padding: var(--size-space-64, 64px) var(--576-767-page-margin, 42px) var(--size-space-0, 0) var(--576-767-page-margin, 42px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-16, 16px);
        border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) var(--border-radius-l, 16px) var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-3, #F9F9F9);
    }

    .contenedorTextoCondiciones .textoCondiciones {
        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-0, 0);
        align-self: stretch;
    }

    .contenedorTextoCondiciones .textoCondiciones span {
        color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
        font-feature-settings: 'liga' off, 'clig' off;
    }

    .contenedor-pdf {
        min-width: 492px;
        height: auto;
        gap: var(--size-space-8, 8px) var(--size-space-24, 24px);
        flex-wrap: wrap;
        flex-direction: row;
    }

    .enlaceDocumento {
        max-width: 206px;
        height: 36px;
        flex: 1 0 0;
    }

    .contenedorWidthLimitado {
        padding: 0px;
    }
}


/* 768px */
@media (min-width: 768px) {
    #contenedorModuloCondicionesGen {
        display: flex;
        min-width: 768px;
        padding: var(--size-space-64, 64px) var(--768-991-page-margin, 48px) var(--size-space-0, 0) var(--768-991-page-margin, 48px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-16, 16px);
        border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) var(--border-radius-l, 16px) var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-3, #F9F9F9);
    }

    .contenedorTextoCondiciones .textoCondiciones {
        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-0, 0);
        align-self: stretch;
    }

    .contenedorTextoCondiciones .textoCondiciones span {
        display: inline;
    }

    .contenedor-pdf {
        display: flex;
        width: 672px;
        height: auto;
        align-items: flex-start;
        align-content: flex-start;
        gap: var(--size-space-8, 8px) var(--size-space-24, 24px);
        align-self: stretch;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .enlaceDocumento {
        max-width: 208px;
        height: 36px;
        flex: 1 0 0;
    }

    .contenedorWidthLimitado {
        padding: 0px;
    }
}


/* 992px */
@media (min-width: 992px) {
    #contenedorModuloCondicionesGen {
        display: flex;
        min-width: 992px;
        padding: var(--size-space-64, 64px) var(--992-1199-page-margin, 82px) var(--size-space-0, 0) var(--992-1199-page-margin, 82px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-16, 16px);
        border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) 48px 48px;
        background: var(--Color-Surface-General-3, #F9F9F9);
    }

    .contenedorTextoCondiciones .textoCondiciones {
        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-0, 0);
    }
}


/* 1200px */
@media (min-width: 1200px) {
    #contenedorModuloCondicionesGen {
        display: flex;
        min-width: 1200px;
        padding: var(--size-space-64, 64px) var(--1200-1399-page-margin, 102px) var(--size-space-0, 0) var(--1200-1399-page-margin, 102px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-16, 16px);
        border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) 48px 48px;
        background: var(--Color-Surface-General-3, #F9F9F9);
    }

    .contenedorTextoCondiciones .textoCondiciones {
        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-0, 0);
    }
}


/* 1920px */
@media (min-width: 1920px) {
    #contenedorModuloCondicionesGen {
        display: flex;
        min-width: 1920px;
        padding: var(--size-space-64, 64px) var(--14001920-page-margin, 324px) var(--size-space-0, 0) var(--14001920-page-margin, 324px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--size-space-16, 16px);
        border-radius: var(--border-radius-none, 0) var(--border-radius-none, 0) 48px 48px;
        background: var(--Color-Surface-General-3, #F9F9F9);
    }

    .contenedorTextoCondiciones .textoCondiciones {
        display: flex;
        padding: var(--size-space-0, 0);
        align-items: flex-start;
        gap: var(--size-space-24, 24px);
        align-self: stretch;
    }
}