/* Importación de iconos y fuentes */
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap");
/* Variables */
:root {
    /* Colores Dinamicos*/
    --color-primario: #107fc9;
    --color-primario-light: #279be8;
    --color-primario-dark-60: #0D56A6;
    --color-primario-dark-70: #194270;
    --color-secundario: #fac414;
    --color-secundario-light: #FAC4141A;
    /* Colores base */
    --primary-color-40: #279be8;
    --primary-color-50: #107fc9;
    --primary-color-60: #0D56A6;
    --primary-color-70: #194270;
    --secondary-color-40: #e5b414;
    --secondary-color: #FAC414;
    --tertiary-color-50: #999999;
    --tertiary-color-60: #555555;
    --tertiary-color-70: #333333;
    --success-color: #07b480;
    --danger-color: #DC3545;
    --warning-color: #ffe600;
    --white-color: #ffffff;
    --dark-color: #000000;
    /* Colores sutiles */
    --primary-color-subtle: #94cdff;
    --secondary-color-subtle: #ffe07a;
    --tertiary-color-subtle: #adadad;
    --success-color-subtle: #84ffda;
    --danger-color-subtle: #ffa6b0;
    --warning-color-subtle: #fff28b;
    --light-color: #f2f2f2;
    /* Colores transparentes */
    --dark-color-glass: #1f1f1fab;
    --light-color-glass: #f2f2f2ab;
}

/* Reset global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Titillium Web", sans-serif;
}

.btn-apolo-bd {
    color: #fff;
    background-color: #194270;
    border-color: #194270;
    padding: 0px;
    width: 27px;
}

.input-group {
    width: auto !important;
}

.apl-texts-between > div:first-child {
    text-align: left;
}

.apl-texts-between > div:last-child {
    text-align: right;
}

.form-check-input:checked {
    background-color: var(--color-primario) !important;
    border-color: var(--color-primario) !important;
}

.form-check-input:focus {
    border-color: var(--color-primario) !important;
    outline: 0;
   
}

.apl-container-white-apolo {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
}

.apl-container-light {
    background-color: var(--light-color);
    color: var(--dark-color);
    padding: 15px;
    border-radius: 10px;
}

.apl-iconandtext img, .apl-iconandtext i {
    margin-right: 10px;
/*    filter: brightness(0.6) contrast(1.2);
*/}

.apl-tabs-round-solid, .apl-tabs-round-border, .apl-tabs-fold-solid, .apl-tabs-fold-border .apl-tab-content {
    display: -webkit-inline-block;
    display: inline-block;
    width: 100%;
}

    .apl-tabs-fold-solid ul, .apl-tabs-fold-border {
        border-bottom: solid #194270;
        justify-content: space-around;
        flex-direction: row;
    }

        .apl-tabs-round-solid li, .apl-tabs-round-border li, .apl-tabs-fold-solid li, .apl-tabs-fold-border li {
            display: flex;
            justify-content: end;
            flex-direction: column;
            flex: 1 1 auto;
        }

    .apl-tabs-round-solid button, .apl-tabs-round-border button, .apl-tabs-round-solid a, .apl-tabs-round-border a {
        color: var(--color-primario) !important;
        padding: 15px 30px;
        padding: 20px 30px !important;
        height: 100%;
        line-height: 1;
        border-radius: 30px !important;
        font-weight: 600;
    }

        .apl-tabs-round-solid button.active, .apl-tabs-round-border button.active, .apl-tabs-round-solid a.active, .apl-tabs-round-border a.active {
            background-color: var(--color-primario) !important;
            color: #ffffff !important;
        }

    .apl-tabs-fold-solid button, .apl-tabs-fold-border button, .apl-tabs-fold-solid a, .apl-tabs-fold-border a {
        background-color: var(--color-primario) !important;
        color: #ffffff;
        padding: 15px 30px;
        line-height: 1;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-weight: 600;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    }

        .apl-tabs-fold-solid button.active, .apl-tabs-fold-border button.active, .apl-tabs-fold-solid a.active, .apl-tabs-fold-border a.active {
            background-color: var(--color-primario-dark-70) !important;
            padding-top: 20px;
            color: #fff;
        }

        .apl-tabs-fold-solid button:hover, .apl-tabs-fold-border button:hover, .apl-tabs-fold-solid a:hover, .apl-tabs-fold-border a:hover {
            color: #f2f2f2 !important;
        }

.apl-v-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apl-spinner {
    width: 250px;
    height: 250px;
    animation: spin 5s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.apl-d-none {
    display: none;
}

.apl-d-block {
    display: block;
}

/* Generar colores de fondo y colores de texto */
.apl-bg-primary-50 {
    background-color: var(--primary-color-50);
    color: var(--white-color);
}

.apl-bg-primary-60 {
    background-color: var(--primary-color-60);
    color: var(--white-color);
}

.apl-bg-primary-70 {
    background-color: var(--primary-color-70);
    color: var(--white-color);
}

.apl-text-primary-50 {
    color: var(--primary-color-50) !important;
}

.apl-text-primary-60 {
    color: var(--primary-color-60) !important;
}

.apl-text-primary-70 {
    color: var(--primary-color-70) !important;
}

.apl-bg-secondary {
    background-color: var(--secondary-color);
    color: var(--tertiary-color-70);
}

.apl-text-secondary {
    color: var(--secondary-color) !important;
}

.apl-bg-tertiary-50 {
    background-color: var(--tertiary-color-50);
    color: var(--white-color);
}

.apl-bg-tertiary-60 {
    background-color: var(--tertiary-color-60);
    color: var(--white-color);
}

.apl-bg-tertiary-70 {
    background-color: var(--tertiary-color-70);
    color: var(--white-color);
}

.apl-text-tertiary-50 {
    color: var(--tertiary-color-50) !important;
}

.apl-text-tertiary-60 {
    color: var(--tertiary-color-60) !important;
}

.apl-text-tertiary-70 {
    color: var(--tertiary-color-70) !important;
}

.apl-bg-success {
    background-color: var(--success-color);
    color: var(--white-color);
}

.apl-text-success {
    color: var(--success-color) !important;
}

.apl-bg-danger {
    background-color: var(--danger-color);
    color: var(--white-color);
}

.apl-text-danger {
    color: var(--danger-color) !important;
}

.apl-bg-warning {
    background-color: var(--warning-color);
    color: var(--dark-color);
}

.apl-text-warning {
    color: var(--warning-color) !important;
}

.apl-bg-light {
    background-color: var(--light-color);
    color: var(--dark-color);
}

.apl-text-light {
    color: var(--light-color) !important;
}

.apl-bg-dark {
    background-color: var(--dark-color);
    color: var(--white-color);
}

.apl-text-dark {
    color: var(--dark-color) !important;
}

.apl-bg-white {
    background-color: var(--white-color);
    color: var(--dark-color);
}

.apl-text-white {
    color: var(--white-color) !important;
}

/* Generar clases de fondo sutil */
.apl-bg-primary-subtle {
    background-color: var(--primary-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-primary-subtle {
    color: var(--primary-color-subtle) !important;
}

.apl-bg-secondary-subtle {
    background-color: var(--secondary-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-secondary-subtle {
    color: var(--secondary-color-subtle) !important;
}

.apl-bg-tertiary-subtle {
    background-color: var(--tertiary-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-tertiary-subtle {
    color: var(--tertiary-color-subtle) !important;
}

.apl-bg-success-subtle {
    background-color: var(--success-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-success-subtle {
    color: var(--success-color-subtle) !important;
}

.apl-bg-danger-subtle {
    background-color: var(--danger-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-danger-subtle {
    color: var(--danger-color-subtle) !important;
}

.apl-bg-warning-subtle {
    background-color: var(--warning-color-subtle);
    color: var(--tertiary-color);
}

.apl-text-warning-subtle {
    color: var(--warning-color-subtle) !important;
}

/* Generar clases para fondos tipo "glass" */
.apl-bg-dark-glass {
    background-color: var(--dark-color-glass);
    backdrop-filter: blur(10px);
    color: var(--white-color);
}

.apl-bg-light-glass {
    background-color: var(--light-color-glass);
    backdrop-filter: blur(10px);
    color: var(--white-color);
}

/* Estilos base de los botones */
.apl-btn {
    display: inline-block;
    padding: 5px 20px;
    font-size: 16px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    margin: 5px;
    border: 2px solid transparent;
}

.apl-btn-primary-50 {
    background-color: var(--primary-color-50);
    color: var(--white-color);
    border-color: var(--primary-color-50);
}

    .apl-btn-primary-50:disabled,
    .apl-btn-primary-50[disabled] {
        background-color: var(--primary-color-50);
        cursor: not-allowed;
        opacity: 0.8;
        pointer-events: none;
    }


    .apl-btn-primary-50:hover {
        background-color: color-mix(in srgb, var(--primary-color-50) 90%, black 10%);
        border-color: color-mix(in srgb, var(--primary-color-50) 85%, black 15%);
    }

    .apl-btn-primary-50:active {
        background-color: color-mix(in srgb, var(--primary-color-50) 85%, black 15%);
        border-color: color-mix(in srgb, var(--primary-color-50) 80%, black 20%);
    }

.apl-btn-secondary {
    background-color: var(--secondary-color);
    color: var(--tertiary-color-70);
    border-color: var(--secondary-color);
}

    .apl-btn-secondary:hover {
        background-color: color-mix(in srgb, var(--secondary-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--secondary-color) 85%, black 15%);
    }

    .apl-btn-secondary:active {
        background-color: color-mix(in srgb, var(--secondary-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--secondary-color) 80%, black 20%);
    }

.apl-btn-tertiary-50 {
    background-color: var(--tertiary-color-50);
    color: var(--white-color);
    border-color: var(--tertiary-color-50);
}

    .apl-btn-tertiary-50:hover {
        background-color: color-mix(in srgb, var(--tertiary-color-50) 90%, black 10%);
        border-color: color-mix(in srgb, var(--tertiary-color-50) 85%, black 15%);
    }

    .apl-btn-tertiary-50:active {
        background-color: color-mix(in srgb, var(--tertiary-color-50) 85%, black 15%);
        border-color: color-mix(in srgb, var(--tertiary-color-50) 80%, black 20%);
    }

.apl-btn-tertiary-60 {
    background-color: var(--tertiary-color-60);
    color: var(--white-color);
    border-color: var(--tertiary-color-60);
}

    .apl-btn-tertiary-60:disabled,
    .apl-btn-tertiary-60[disabled] {
        background-color: var(--tertiary-color-60);
        cursor: not-allowed;
        opacity: 0.8;
        pointer-events: none;
    }

    .apl-btn-tertiary-60:hover {
        background-color: color-mix(in srgb, var(--tertiary-color-60) 90%, black 10%);
        border-color: color-mix(in srgb, var(--tertiary-color-60) 85%, black 15%);
    }

    .apl-btn-tertiary-60:active {
        background-color: color-mix(in srgb, var(--tertiary-color-60) 85%, black 15%);
        border-color: color-mix(in srgb, var(--tertiary-color-60) 80%, black 20%);
    }

.apl-btn-tertiary-70 {
    background-color: var(--tertiary-color-70);
    color: var(--white-color);
    border-color: var(--tertiary-color-70);
}

    .apl-btn-tertiary-70:hover {
        background-color: color-mix(in srgb, var(--tertiary-color-70) 90%, black 10%);
        border-color: color-mix(in srgb, var(--tertiary-color-70) 85%, black 15%);
    }

    .apl-btn-tertiary-70:active {
        background-color: color-mix(in srgb, var(--tertiary-color-70) 85%, black 15%);
        border-color: color-mix(in srgb, var(--tertiary-color-70) 80%, black 20%);
    }

.apl-btn-success {
    background-color: var(--success-color);
    color: var(--white-color);
    border-color: var(--success-color);
}

    .apl-btn-success:hover {
        background-color: color-mix(in srgb, var(--success-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--success-color) 85%, black 15%);
    }

    .apl-btn-success:active {
        background-color: color-mix(in srgb, var(--success-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--success-color) 80%, black 20%);
    }

.apl-btn-danger {
    background-color: var(--danger-color);
    color: var(--white-color);
    border-color: var(--danger-color);
}

    .apl-btn-danger:hover {
        background-color: color-mix(in srgb, var(--danger-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--danger-color) 85%, black 15%);
    }

    .apl-btn-danger:active {
        background-color: color-mix(in srgb, var(--danger-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--danger-color) 80%, black 20%);
    }

.apl-btn-warning {
    background-color: var(--warning-color);
    color: var(--white-color);
    border-color: var(--warning-color);
}

    .apl-btn-warning:hover {
        background-color: color-mix(in srgb, var(--warning-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--warning-color) 85%, black 15%);
    }

    .apl-btn-warning:active {
        background-color: color-mix(in srgb, var(--warning-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--warning-color) 80%, black 20%);
    }

.apl-btn-light {
    background-color: var(--light-color);
    color: var(--white-color);
    border-color: var(--light-color);
}

    .apl-btn-light:hover {
        background-color: color-mix(in srgb, var(--light-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--light-color) 85%, black 15%);
    }

    .apl-btn-light:active {
        background-color: color-mix(in srgb, var(--light-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--light-color) 80%, black 20%);
    }

.apl-btn-dark {
    background-color: var(--dark-color);
    color: var(--white-color);
    border-color: var(--dark-color);
}

    .apl-btn-dark:hover {
        background-color: color-mix(in srgb, var(--dark-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--dark-color) 85%, black 15%);
    }

    .apl-btn-dark:active {
        background-color: color-mix(in srgb, var(--dark-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--dark-color) 80%, black 20%);
    }

.apl-btn-white {
    background-color: var(--white-color);
    color: var(--white-color);
    border-color: var(--white-color);
}

    .apl-btn-white:hover {
        background-color: color-mix(in srgb, var(--white-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--white-color) 85%, black 15%);
    }

    .apl-btn-white:active {
        background-color: color-mix(in srgb, var(--white-color) 85%, black 15%);
        border-color: color-mix(in srgb, var(--white-color) 80%, black 20%);
    }

/* Generar botones con borde (outline) */
.apl-btn-outline-primary {
    background-color: transparent;
    color: var(--primary-color-50);
    border: 2px solid var(--primary-color-50);
}

    .apl-btn-outline-primary:hover {
        background-color: var(--primary-color-50);
        color: var(--white-color);
    }

    .apl-btn-outline-primary:active {
        background-color: color-mix(in srgb, var(--primary-color-50) 90%, black 10%);
        border-color: color-mix(in srgb, var(--primary-color-50) 85%, black 15%);
    }

.apl-btn-outline-secondary {
    background-color: transparent;
    color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

    .apl-btn-outline-secondary:hover {
        background-color: var(--secondary-color);
        color: var(--white-color);
    }

    .apl-btn-outline-secondary:active {
        background-color: color-mix(in srgb, var(--secondary-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--secondary-color) 85%, black 15%);
    }

.apl-btn-outline-tertiary {
    background-color: transparent;
    color: var(--tertiary-color);
    border: 2px solid var(--tertiary-color);
}

    .apl-btn-outline-tertiary:hover {
        background-color: var(--tertiary-color);
        color: var(--white-color);
    }

    .apl-btn-outline-tertiary:active {
        background-color: color-mix(in srgb, var(--tertiary-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--tertiary-color) 85%, black 15%);
    }

.apl-btn-outline-success {
    background-color: transparent;
    color: var(--success-color);
    border: 2px solid var(--success-color);
}

    .apl-btn-outline-success:hover {
        background-color: var(--success-color);
        color: var(--white-color);
    }

    .apl-btn-outline-success:active {
        background-color: color-mix(in srgb, var(--success-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--success-color) 85%, black 15%);
    }

.apl-btn-outline-danger {
    background-color: transparent;
    color: var(--danger-color);
    border: 2px solid var(--danger-color);
}

    .apl-btn-outline-danger:hover {
        background-color: var(--danger-color);
        color: var(--white-color);
    }

    .apl-btn-outline-danger:active {
        background-color: color-mix(in srgb, var(--danger-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--danger-color) 85%, black 15%);
    }

.apl-btn-outline-warning {
    background-color: transparent;
    color: var(--warning-color);
    border: 2px solid var(--warning-color);
}

    .apl-btn-outline-warning:hover {
        background-color: var(--warning-color);
        color: var(--white-color);
    }

    .apl-btn-outline-warning:active {
        background-color: color-mix(in srgb, var(--warning-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--warning-color) 85%, black 15%);
    }

.apl-btn-outline-light {
    background-color: transparent;
    color: var(--light-color);
    border: 2px solid var(--light-color);
}

    .apl-btn-outline-light:hover {
        background-color: var(--light-color);
        color: var(--white-color);
    }

    .apl-btn-outline-light:active {
        background-color: color-mix(in srgb, var(--light-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--light-color) 85%, black 15%);
    }

.apl-btn-outline-dark {
    background-color: transparent;
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
}

    .apl-btn-outline-dark:hover {
        background-color: var(--dark-color);
        color: var(--white-color);
    }

    .apl-btn-outline-dark:active {
        background-color: color-mix(in srgb, var(--dark-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--dark-color) 85%, black 15%);
    }

.apl-btn-outline-white {
    background-color: transparent;
    color: var(--white-color);
    border: 2px solid var(--white-color);
}

    .apl-btn-outline-white:hover {
        background-color: var(--white-color);
        color: var(--white-color);
    }

    .apl-btn-outline-white:active {
        background-color: color-mix(in srgb, var(--white-color) 90%, black 10%);
        border-color: color-mix(in srgb, var(--white-color) 85%, black 15%);
    }

.apl-bs {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* Border Radius*/
.apl-br-10 {
    border-radius: 10px;
}

.apl-br-20 {
    border-radius: 20px;
}

.apl-br-30 {
    border-radius: 30px;
}

.apl-br-40 {
    border-radius: 40px;
}

.apl-br-50 {
    border-radius: 50px;
}

/*Colores de imagenes*/
.apl-img-white {
    filter: brightness(100);
}

.apl-img-dark {
    filter: brightness(20%);
}

.apl-bg-panel {
    background-image: url('/imagenes/background-panel.png');
}

.tag-table {
    background: var(--primary-color-70);
    color: var(--white-color);
    padding: 10px;
    border-radius: 15px;
}

.table-info-financiera {
    width: 100%;
    font-size: 0.7rem;
    margin-bottom: 30px;
}

/*Redes sociales*/

.apl-social-icons img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    filter: invert();
    transition: 0.5s;
    margin-top: 5px;
}

/* Tarjetas de información */
.apl-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #fff border-box;
    border: 1px solid #ddd;
    border-radius: 0.375rem;
}

.apl-bg-tertiary-70 a, .apl-bg-tertiary-70 a:not([href]):not([class]) {
    color: var(--white-color);
    cursor: pointer;
}

    .apl-bg-tertiary-70 a:hover, .apl-bg-tertiary-70 a:not([href]):not([class]):hover {
        color: var(--tertiary-color-50);
    }

.apl-card-body {
    padding: 1.25rem;
    flex: 1 1 auto;
    min-height: 1px;
}

.apl-card-header, .apl-card-footer {
    padding: 0.75rem;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

.apl-card-header {
    border-bottom: 1px solid #ddd;
}

.apl-card-title {
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 500;
}

.apl-card-img-top, .apl-card-img-bottom {
    width: 100%;
    height: auto;
    border-radius: 0.375rem;
}

.apl-card-img-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.apl-card-img-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.apl-card-group, .apl-card-deck {
    display: flex;
    gap: 1rem;
}

.apl-card-group {
    flex-direction: row;
}

.apl-card-deck {
    flex-wrap: wrap;
}

.apl-card-columns {
    column-count: 3;
    column-gap: 1rem;
}

.apl-card-link {
    color: #007bff;
    text-decoration: none;
}

    .apl-card-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

/* Tamaños de Textos Títulos */
.apl-h1,
.apl-h2,
.apl-h3,
.apl-h4,
.apl-h5,
.apl-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1;
    padding: 0 !important;
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 16px;
}

.apl-p-s {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 12.8px;
}

.apl-h1,
h1 {
    font-size: 2.5rem;
}

.apl-h2,
h2 {
    font-size: 2rem;
}

.apl-h3,
h3 {
    font-size: 1.75rem;
}

.apl-h4,
h4 {
    font-size: 1.25rem;
}

.apl-h5,
h5 {
    font-size: 1.10rem;
}

.apl-h6,
h6 {
    font-size: 1rem;
}

/* Alineación de textos */
.apl-text-left {
    text-align: left;
}

.apl-text-center, .apl-text-center-flex-l, .apl-text-center-flex-r {
    text-align: center;
}

.apl-text-right {
    text-align: right;
}

.apl-text-justify {
    text-align: justify;
}

@media (max-width: 576px) {
    .apl-text-center-flex-l {
        text-align: left;
    }

    .apl-text-center-flex-r {
        text-align: right;
    }
}

/* Definimos los valores de margen y padding */
/* Generamos clases para márgenes y paddings */
/* Margen */
.apl-m-0 {
    margin: 0 !important;
}

.apl-mt-0 {
    margin-top: 0 !important;
}

.apl-mb-0 {
    margin-bottom: 0 !important;
}

.apl-ms-0 {
    margin-inline-start: 0 !important;
}

.apl-me-0 {
    margin-inline-end: 0 !important;
}

.apl-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.apl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Padding */
.apl-p-0 {
    padding: 0 !important;
}

.apl-pt-0 {
    padding-top: 0 !important;
}

.apl-pb-0 {
    padding-bottom: 0 !important;
}

.apl-ps-0 {
    padding-inline-start: 0 !important;
}

.apl-pe-0 {
    padding-inline-end: 0 !important;
}

.apl-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.apl-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Margen */
.apl-m-1 {
    margin: 0.25rem !important;
}

.apl-mt-1 {
    margin-top: 0.25rem !important;
}

.apl-mb-1 {
    margin-bottom: 0.25rem !important;
}

.apl-ms-1 {
    margin-inline-start: 0.25rem !important;
}

.apl-me-1 {
    margin-inline-end: 0.25rem !important;
}

.apl-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.apl-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

/* Padding */
.apl-p-1 {
    padding: 0.25rem !important;
}

.apl-pt-1 {
    padding-top: 0.25rem !important;
}

.apl-pb-1 {
    padding-bottom: 0.25rem !important;
}

.apl-ps-1 {
    padding-inline-start: 0.25rem !important;
}

.apl-pe-1 {
    padding-inline-end: 0.25rem !important;
}

.apl-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.apl-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* Margen */
.apl-m-2 {
    margin: 0.5rem !important;
}

.apl-mt-2 {
    margin-top: 0.5rem !important;
}

.apl-mb-2 {
    margin-bottom: 0.5rem !important;
}

.apl-ms-2 {
    margin-inline-start: 0.5rem !important;
}

.apl-me-2 {
    margin-inline-end: 0.5rem !important;
}

.apl-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.apl-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Padding */
.apl-p-2 {
    padding: 0.5rem !important;
}

.apl-pt-2 {
    padding-top: 0.5rem !important;
}

.apl-pb-2 {
    padding-bottom: 0.5rem !important;
}

.apl-ps-2 {
    padding-inline-start: 0.5rem !important;
}

.apl-pe-2 {
    padding-inline-end: 0.5rem !important;
}

.apl-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.apl-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Margen */
.apl-m-3 {
    margin: 1rem !important;
}

.apl-mt-3 {
    margin-top: 1rem !important;
}

.apl-mb-3 {
    margin-bottom: 1rem !important;
}

.apl-ms-3 {
    margin-inline-start: 1rem !important;
}

.apl-me-3 {
    margin-inline-end: 1rem !important;
}

.apl-mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.apl-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Padding */
.apl-p-3 {
    padding: 1rem !important;
}

.apl-pt-3 {
    padding-top: 1rem !important;
}

.apl-pb-3 {
    padding-bottom: 1rem !important;
}

.apl-ps-3 {
    padding-inline-start: 1rem !important;
}

.apl-pe-3 {
    padding-inline-end: 1rem !important;
}

.apl-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.apl-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Margen */
.apl-m-4 {
    margin: 1.5rem !important;
}

.apl-mt-4 {
    margin-top: 1.5rem !important;
}

.apl-mb-4 {
    margin-bottom: 1.5rem !important;
}

.apl-ms-4 {
    margin-inline-start: 1.5rem !important;
}

.apl-me-4 {
    margin-inline-end: 1.5rem !important;
}

.apl-mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.apl-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Padding */
.apl-p-4 {
    padding: 1.5rem !important;
}

.apl-pt-4 {
    padding-top: 1.5rem !important;
}

.apl-pb-4 {
    padding-bottom: 1.5rem !important;
}

.apl-ps-4 {
    padding-inline-start: 1.5rem !important;
}

.apl-pe-4 {
    padding-inline-end: 1.5rem !important;
}

.apl-px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.apl-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

/* Margen */
.apl-m-5 {
    margin: 3rem !important;
}

.apl-mt-5 {
    margin-top: 3rem !important;
}

.apl-mb-5 {
    margin-bottom: 3rem !important;
}

.apl-ms-5 {
    margin-inline-start: 3rem !important;
}

.apl-me-5 {
    margin-inline-end: 3rem !important;
}

.apl-mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.apl-my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

/* Padding */
.apl-p-5 {
    padding: 3rem !important;
}

.apl-pt-5 {
    padding-top: 3rem !important;
}

.apl-pb-5 {
    padding-bottom: 3rem !important;
}

.apl-ps-5 {
    padding-inline-start: 3rem !important;
}

.apl-pe-5 {
    padding-inline-end: 3rem !important;
}

.apl-px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.apl-py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/* Margen */
.apl-m-auto {
    margin: auto !important;
}

.apl-mt-auto {
    margin-top: auto !important;
}

.apl-mb-auto {
    margin-bottom: auto !important;
}

.apl-ms-auto {
    margin-inline-start: auto !important;
}

.apl-me-auto {
    margin-inline-end: auto !important;
}

.apl-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.apl-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* Padding */
.apl-p-auto {
    padding: auto !important;
}

.apl-pt-auto {
    padding-top: auto !important;
}

.apl-pb-auto {
    padding-bottom: auto !important;
}

.apl-ps-auto {
    padding-inline-start: auto !important;
}

.apl-pe-auto {
    padding-inline-end: auto !important;
}

.apl-px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
}

.apl-py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
}

/* Variables */
/* Contenedor principal (ajustado según breakpoint) */
.apl-container {
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
}

@media (min-width: 576px) {
    .apl-container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .apl-container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .apl-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .apl-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .apl-container {
        max-width: 1320px;
    }
}

/* Contenedor de ancho completo */
.apl-container-wide {
    width: 100%;
}

/* Fila */
.apl-row {
    display: flex;
    flex-wrap: wrap;
}

    .apl-row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
    }

/* Mixin para generar columnas */
/* Generar columnas globales */
.apl-col-1 {
    width: calc(8.3333333333% * 1);
}

.apl-col-2 {
    width: calc(8.3333333333% * 2);
}

.apl-col-3 {
    width: calc(8.3333333333% * 3);
}

.apl-col-4 {
    width: calc(8.3333333333% * 4);
}

.apl-col-5 {
    width: calc(8.3333333333% * 5);
}

.apl-col-6 {
    width: calc(8.3333333333% * 6);
}

.apl-col-7 {
    width: calc(8.3333333333% * 7);
}

.apl-col-8 {
    width: calc(8.3333333333% * 8);
}

.apl-col-9 {
    width: calc(8.3333333333% * 9);
}

.apl-col-10 {
    width: calc(8.3333333333% * 10);
}

.apl-col-11 {
    width: calc(8.3333333333% * 11);
}

.apl-col-12 {
    width: calc(8.3333333333% * 12);
}

@media (max-width: 1400px) {
    .apl-d-none {
        display: block;
    }

    .apl-d-block {
        display: none;
    }
}

@media (max-width: 1200px) {

    p {
        font-size: 14px;
    }

    .apl-h2, h2 {
        font-size: 1.50rem !important;
    }

    .apl-h3, h3 {
        font-size: 1.25em !important;
    }
}

@media (max-width: 1000px){
    .apl-texts-between > div:last-child {
        text-align: left;
    }
}

@media (max-width: 800px) {

    .apl-tabs-round-solid, .apl-tabs-round-border, .apl-tabs-fold-solid, .apl-tabs-fold-border .apl-tab-content {
        width: 100%;
    }

        .apl-tabs-fold-solid ul, .apl-tabs-fold-border {
            flex-direction: column;
        }

            .apl-tabs-fold-solid button, .apl-tabs-fold-border button, .apl-tabs-fold-solid a, .apl-tabs-fold-border a {
                padding: 10px;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

                .apl-tabs-fold-solid button.active, .apl-tabs-fold-border button.active, .apl-tabs-fold-solid a.active, .apl-tabs-fold-border a.active {
                    padding-top: 0;
                    padding: 10px;
                }
}

@media (max-width: 575px) {
    .apl-col-xs-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-xs-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-xs-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-xs-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-xs-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-xs-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-xs-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-xs-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-xs-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-xs-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-xs-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-xs-12 {
        width: calc(8.3333333333% * 12);
    }

    p {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-size: 12px;
    }

    .apl-h2, h2 {
        font-size: 1.25rem !important;
    }

    .apl-h3, h3 {
        font-size: 1rem;
    }
}
/* Generar columnas para cada breakpoint */
@media (min-width: 576px) {
    .apl-h1,
    h1 {
        font-size: 2.5rem;
    }

    .apl-h2,
    h2 {
        font-size: 2rem;
    }

    .apl-h3,
    h3 {
        font-size: 1.50em;
    }

    .apl-h4,
    h4 {
        font-size: 1.15rem;
    }

    .apl-h5,
    h5 {
        font-size: 1.10rem;
    }

    .apl-h6,
    h6 {
        font-size: 1rem;
    }

    .apl-col-sm-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-sm-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-sm-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-sm-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-sm-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-sm-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-sm-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-sm-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-sm-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-sm-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-sm-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-sm-12 {
        width: calc(8.3333333333% * 12);
    }
}

@media (min-width: 768px) {
    .apl-col-md-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-md-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-md-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-md-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-md-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-md-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-md-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-md-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-md-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-md-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-md-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-md-12 {
        width: calc(8.3333333333% * 12);
    }
}

@media (min-width: 992px) {
    .apl-col-lg-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-lg-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-lg-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-lg-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-lg-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-lg-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-lg-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-lg-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-lg-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-lg-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-lg-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-lg-12 {
        width: calc(8.3333333333% * 12);
    }
}

@media (min-width: 1200px) {
    .apl-col-xl-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-xl-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-xl-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-xl-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-xl-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-xl-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-xl-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-xl-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-xl-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-xl-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-xl-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-xl-12 {
        width: calc(8.3333333333% * 12);
    }
}

@media (min-width: 1400px) {
    .apl-col-xxl-1 {
        width: calc(8.3333333333% * 1);
    }

    .apl-col-xxl-2 {
        width: calc(8.3333333333% * 2);
    }

    .apl-col-xxl-3 {
        width: calc(8.3333333333% * 3);
    }

    .apl-col-xxl-4 {
        width: calc(8.3333333333% * 4);
    }

    .apl-col-xxl-5 {
        width: calc(8.3333333333% * 5);
    }

    .apl-col-xxl-6 {
        width: calc(8.3333333333% * 6);
    }

    .apl-col-xxl-7 {
        width: calc(8.3333333333% * 7);
    }

    .apl-col-xxl-8 {
        width: calc(8.3333333333% * 8);
    }

    .apl-col-xxl-9 {
        width: calc(8.3333333333% * 9);
    }

    .apl-col-xxl-10 {
        width: calc(8.3333333333% * 10);
    }

    .apl-col-xxl-11 {
        width: calc(8.3333333333% * 11);
    }

    .apl-col-xxl-12 {
        width: calc(8.3333333333% * 12);
    }
}
/* Clase para columnas autoajustables */
.apl-col-auto {
    width: auto;
}

/*# sourceMappingURL=main.css.map */

.icon-responsive svg {
    width: 100% !important;
    height: auto !important;
    max-width: auto !important;
}