* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}

/* 1. MQ1 (>1367px) */
@media (min-width: 1367px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* SECCION 1: PORTADA & LEMA (min-height: 100vh) */
    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 650px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 300px;
        height: 112px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 75px;
        height: 75px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 45px;
        height: 45px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 150px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 20px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 15px;
    }

    .bloque-112 {
        display: flex;
        height: 50px;
        padding: 0 20px;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 15px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 30px;
        height: 30px;
    }

    .icono-11231 {
        width: 30px;
        height: 30px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 100px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 40px;
        letter-spacing: 1px;
    }

    /* SECCION 2: ASESORIA LEGAL (min-height: 100vh) */
    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 35px;
        padding: 40px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 30px;
    }

    .modulo-22 {
        display: flex;
        width: 941px;
        height: 381px;
        background-color: #0c388b;
        gap: 35px;
        border-radius: 10px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 326px;
        height: 381px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        width: 550px;
        height: 381px;
        justify-content: center;
        gap: 22px;
        padding-right: 35px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 17px;
        line-height: 1.6;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 15px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 30px;
        height: 30px;
    }

    .icono-2222221 {
        width: 30px;
        height: 30px;
    }

    .modulo-23 {
        display: flex;
        width: 380px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 100px;
        height: 100px;
        background-color: #0c388b;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 70px;
        height: 70px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 140px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 26px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 18px;
    }

    /* SECCION 3: PILARES & GALERIA (min-height: 100vh) */
    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 35px;
        padding: 50px 0;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 1000px;
        align-items: center;
    }

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

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 15px;
        text-align: justify;
        line-height: 1.6;
    }

    .modulo-32 {
        display: flex;
        width: 1000px;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
    }

    .contenido-3211 {
        width: 485px;
        height: 290px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    .contenido-3212 {
        width: 485px;
        height: 290px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 70px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 40px 0 20px 0;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 40px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 1000px;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 12px;
        background-color: #ffffff;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 175px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 6px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }

    .icono-421111:hover {
        transform: scale(1.08);
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 13px;
        color: #555555;
        line-height: 1.5;
    }

    /* FOOTER (f-) */
    .modulo-f1 {
        display: flex;
        width: 100%;
        height: 70px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 15px;
    }
}

/* 2. MQ2 (1281px - 1366px) */
@media (min-width: 1281px) and (max-width: 1366px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 600px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 280px;
        height: 105px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 70px;
        height: 70px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 42px;
        height: 42px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 140px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 18px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 14px;
    }

    .bloque-112 {
        display: flex;
        height: 50px;
        padding: 0 20px;
        justify-content: center;
        align-items: center;
        gap: 18px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 14px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 28px;
        height: 28px;
    }

    .icono-11231 {
        width: 28px;
        height: 28px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 90px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 36px;
        letter-spacing: 1px;
    }

    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 35px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 28px;
    }

    .modulo-22 {
        display: flex;
        width: 880px;
        height: 360px;
        background-color: #0c388b;
        gap: 30px;
        border-radius: 10px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 300px;
        height: 360px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        width: 520px;
        height: 360px;
        justify-content: center;
        gap: 18px;
        padding-right: 30px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 16px;
        line-height: 1.55;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 14px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 18px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 28px;
        height: 28px;
    }

    .icono-2222221 {
        width: 28px;
        height: 28px;
    }

    .modulo-23 {
        display: flex;
        width: 360px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 90px;
        height: 90px;
        background-color: #0c388b;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 62px;
        height: 62px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 130px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 24px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 16px;
    }

    /* SECCION 3: PILARES & GALERIA (min-height: 100vh) */
    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 45px 0;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 1000px;
        align-items: center;
    }

    .bloque-311 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 14px;
    }

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.6;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.6;
    }

    .modulo-32 {
        display: flex;
        width: 1000px;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 25px;
    }

    .contenido-3211 {
        width: 487px;
        height: 280px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    .contenido-3212 {
        width: 487px;
        height: 280px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 65px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 35px 0 20px 0;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 36px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 1000px;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        background-color: #ffffff;
        padding: 14px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 165px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 6px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }

    .icono-421111:hover {
        transform: scale(1.08);
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 15px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #555555;
        line-height: 1.45;
    }

    .modulo-f1 {
        display: flex;
        width: 100%;
        height: 65px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 14px;
    }
}

/* 3. MQ3 (1025px - 1280px) */
@media (min-width: 1025px) and (max-width: 1280px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 550px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 260px;
        height: 95px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 65px;
        height: 65px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 38px;
        height: 38px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 130px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 17px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 13px;
    }

    .bloque-112 {
        display: flex;
        height: 45px;
        padding: 0 15px;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 13px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 26px;
        height: 26px;
    }

    .icono-11231 {
        width: 26px;
        height: 26px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 85px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 32px;
        letter-spacing: 1px;
    }

    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 30px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 26px;
    }

    .modulo-22 {
        display: flex;
        width: 800px;
        height: 340px;
        background-color: #0c388b;
        gap: 25px;
        border-radius: 10px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 270px;
        height: 340px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        width: 480px;
        height: 340px;
        justify-content: center;
        gap: 16px;
        padding-right: 25px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 15px;
        line-height: 1.5;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 13px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 26px;
        height: 26px;
    }

    .icono-2222221 {
        width: 26px;
        height: 26px;
    }

    .modulo-23 {
        display: flex;
        width: 340px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 80px;
        height: 80px;
        background-color: #0c388b;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 55px;
        height: 55px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 120px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 22px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 15px;
    }

    /* SECCION 3: PILARES & GALERIA (min-height: 100vh) */
    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 40px 0;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 900px;
        align-items: center;
    }

    .bloque-311 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 14px;
    }

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
        text-align: justify;
        line-height: 1.5;
    }

    .modulo-32 {
        display: flex;
        width: 900px;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .contenido-3211 {
        width: 440px;
        height: 250px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    .contenido-3212 {
        width: 440px;
        height: 250px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 60px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 30px 0 20px 0;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 32px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 900px;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 8px;
        background-color: #ffffff;
        padding: 12px;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 150px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 5px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }

    .icono-421111:hover {
        transform: scale(1.08);
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #555555;
        line-height: 1.4;
    }

    .modulo-f1 {
        display: flex;
        width: 100%;
        height: 60px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 13px;
    }
}

/* 4. MQ4 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 500px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 230px;
        height: 85px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 55px;
        height: 55px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 32px;
        height: 32px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 120px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 15px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 11px;
    }

    .bloque-112 {
        display: flex;
        height: 40px;
        padding: 0 15px;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 12px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 22px;
        height: 22px;
    }

    .icono-11231 {
        width: 22px;
        height: 22px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 75px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 26px;
        letter-spacing: 1px;
    }

    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 30px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 22px;
    }

    .modulo-22 {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: auto;
        background-color: #0c388b;
        border-radius: 8px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 100%;
        height: 380px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        padding: 25px;
        justify-content: center;
        gap: 15px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 15px;
        line-height: 1.55;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 13px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 24px;
        height: 24px;
    }

    .icono-2222221 {
        width: 24px;
        height: 24px;
    }

    .modulo-23 {
        display: flex;
        width: 300px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 70px;
        height: 70px;
        background-color: #0c388b;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 48px;
        height: 48px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 110px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 20px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 14px;
    }

    /* SECCION 3: PILARES & GALERIA (min-height: 100vh) */
    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 25px;
        padding: 30px 20px;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 700px;
        align-items: center;
    }

    .bloque-311 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 14px;
    }

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .modulo-32 {
        display: flex;
        width: 700px;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .contenido-3211 {
        width: 340px;
        height: 210px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    .contenido-3212 {
        width: 340px;
        height: 210px;
        object-fit: cover;
        border-radius: 6px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 55px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 25px 20px 20px 20px;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 26px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 700px;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        background-color: #ffffff;
        padding: 14px;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 165px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 5px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #555555;
        line-height: 1.45;
    }

    .modulo-f1 {
        display: flex;
        width: 100%;
        height: 55px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        padding: 0 15px;
        text-align: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 13px;
    }
}

/* 5. MQ5 (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 400px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 200px;
        height: 75px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 45px;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 26px;
        height: 26px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 100px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 13px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 10px;
    }

    .bloque-112 {
        display: flex;
        height: 36px;
        padding: 0 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 11px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 20px;
        height: 20px;
    }

    .icono-11231 {
        width: 20px;
        height: 20px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 65px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 22px;
        letter-spacing: 1px;
    }

    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 25px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        text-align: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 18px;
    }

    .modulo-22 {
        display: flex;
        flex-direction: column;
        width: 92%;
        height: auto;
        background-color: #0c388b;
        border-radius: 8px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 100%;
        height: 340px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        padding: 20px;
        justify-content: center;
        gap: 14px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 14px;
        line-height: 1.5;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 12px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 22px;
        height: 22px;
    }

    .icono-2222221 {
        width: 22px;
        height: 22px;
    }

    .modulo-23 {
        display: flex;
        width: 260px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 60px;
        height: 60px;
        background-color: #0c388b;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 40px;
        height: 40px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 90px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 18px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 12px;
    }

    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 30px 15px;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 92%;
        align-items: center;
    }

    .bloque-311 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 13px;
        text-align: justify;
        line-height: 1.5;
    }

    .modulo-32 {
        display: flex;
        flex-direction: column;
        width: 92%;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .contenido-3211 {
        width: 100%;
        height: 240px;
        object-fit: cover;
        border-radius: 6px;
    }

    .contenido-3212 {
        width: 100%;
        height: 240px;
        object-fit: cover;
        border-radius: 6px;
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 50px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 20px 15px;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 22px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 92%;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        background-color: #ffffff;
        padding: 14px;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 180px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 5px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 15px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #555555;
        line-height: 1.45;
    }

    .modulo-f1 {
        display: flex;
        width: 100%;
        height: auto;
        min-height: 50px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        padding: 15px 10px;
        text-align: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 12px;
        line-height: 1.4;
    }
}

/* 6. MQ6 (320px - 480px) */
@media (min-width: 320px) and (max-width: 480px) {
    .contenedor-inicio {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .seccion-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
    }

    .modulo-11 {
        display: flex;
        flex: 1;
        width: 100%;
        min-height: 340px;
        background-image: url('../../../../recursos/img/bg_01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        justify-content: space-between;
        align-items: flex-start;
    }

    .bloque-111 {
        display: flex;
        width: 170px;
        height: 65px;
        background-image: url('../../../../recursos/iconos/fondo_logo_azul.svg');
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: space-evenly;
        align-items: center;
    }

    .contenido-1111 {
        display: flex;
        width: 38px;
        height: 38px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        justify-content: center;
        align-items: center;
    }

    .icono-11111 {
        width: 22px;
        height: 22px;
    }

    .contenido-1112 {
        display: flex;
        flex-direction: column;
        width: 85px;
        align-items: center;
        text-align: center;
    }

    .texto-11121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 11px;
    }

    .texto-11122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 8px;
    }

    .bloque-112 {
        display: flex;
        height: 32px;
        padding: 0 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .link-1121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #0c388b;
        font-size: 10px;
    }

    .link-1122 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1123 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-11221 {
        width: 18px;
        height: 18px;
    }

    .icono-11231 {
        width: 18px;
        height: 18px;
    }

    .modulo-12 {
        display: flex;
        width: 100%;
        height: 55px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
    }

    .texto-121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .seccion-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 20px 0;
    }

    .modulo-21 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        text-align: center;
    }

    .texto-211 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 16px;
    }

    .modulo-22 {
        display: flex;
        flex-direction: column;
        width: 94%;
        height: auto;
        background-color: #0c388b;
        border-radius: 6px;
        overflow: hidden;
    }

    .bloque-221 {
        display: flex;
        width: 100%;
        height: 280px;
        background-image: url('../../../../recursos/img/bg_02.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bloque-222 {
        display: flex;
        flex-direction: column;
        padding: 18px;
        justify-content: center;
        gap: 12px;
    }

    .contenido-2221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 13px;
        line-height: 1.45;
        text-align: justify;
    }

    .contenido-2222 {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .texto-22221 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #ffffff;
        font-size: 11px;
    }

    .subcontenido-22222 {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .link-222221 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-222222 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-2222211 {
        width: 20px;
        height: 20px;
    }

    .icono-2222221 {
        width: 20px;
        height: 20px;
    }

    .modulo-23 {
        display: flex;
        width: 220px;
        justify-content: space-evenly;
        align-items: center;
    }

    .bloque-231 {
        display: flex;
        width: 50px;
        height: 50px;
        background-color: #0c388b;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
    }

    .icono-2311 {
        width: 32px;
        height: 32px;
    }

    .bloque-232 {
        display: flex;
        flex-direction: column;
        width: 80px;
        align-items: center;
        text-align: center;
    }

    .texto-2321 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 16px;
    }

    .texto-2322 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 11px;
    }

    .seccion-3 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 20px 10px;
    }

    .modulo-31 {
        display: flex;
        flex-direction: column;
        width: 94%;
        align-items: center;
    }

    .bloque-311 {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .contenido-3111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 12px;
        text-align: justify;
        line-height: 1.4;
    }

    .contenido-3112 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 12px;
        text-align: justify;
        line-height: 1.4;
    }

    .contenido-3113 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 12px;
        text-align: justify;
        line-height: 1.4;
    }

    .contenido-3114 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #0c388b;
        font-size: 12px;
        text-align: justify;
        line-height: 1.4;
    }

    .modulo-32 {
        display: flex;
        flex-direction: column;
        width: 94%;
        justify-content: center;
        align-items: center;
    }

    .bloque-321 {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .contenido-3211 {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 5px;
    }

    .contenido-3212 {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 5px;
    }

    /* SECCION 4: ARTICULOS BLOG (min-height: 100vh) */
    .seccion-4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: calc(100vh - 45px);
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 15px 10px;
    }

    .modulo-41 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .texto-411 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0c388b;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .modulo-42 {
        display: flex;
        flex-direction: column;
        width: 94%;
    }

    .bloque-421 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contenido-4211 {
        display: flex;
        flex-direction: column;
        gap: 8px;
        background-color: #ffffff;
        padding: 12px;
        border-radius: 5px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }

    .subcontenido-42111 {
        display: flex;
        width: 100%;
        height: 150px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: 4px;
    }

    .icono-421111 {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .subcontenido-42112 {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .link-421121 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        line-height: 1.35;
        text-decoration: none;
        color: #0c388b;
    }

    .link-421121:hover {
        text-decoration: underline;
    }

    .texto-421122 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 11px;
        color: #555555;
        line-height: 1.4;
    }

    .modulo-f1 {
        display: flex;
        width: 100%;
        height: auto;
        min-height: 45px;
        background-color: #f2f2f2;
        justify-content: center;
        align-items: center;
        padding: 10px;
        text-align: center;
    }

    .bloque-f11 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenido-f111 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #4d4d4d;
        font-size: 11px;
        line-height: 1.3;
    }
}