/* =========================================================
   1. FUENTES CORPORATIVAS
   ========================================================= */
@font-face {
    font-family: 'Regular';
    src: url('../../recursos/fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Negrita';
    src: url('../../recursos/fonts/OpenSans-Bold.woff2') format('woff2');
    font-weight: 700;
}

/* =========================================================
   2. RESET GLOBAL (MKT70: Único fuera de MQ)
   ========================================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    overflow-x: hidden;
}

/* =========================================================
   3. MEDIA QUERY 1 (> 1367px) - LARGE SCREENS (PERFECTO: NO TOCAR)
   ========================================================= */
@media (min-width: 1367px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 100px; background-color: rgba(10, 22, 84, 0.95); justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 1200px; height: 100px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 15px; align-items: center; font-family: 'Negrita'; font-size: 26px; text-decoration: none; }
    .icono-m1111 { width: 50px; height: 50px; }
    .bloque-m12 { display: flex; gap: 30px; }
    .contenido-m121 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .contenido-m122 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .contenido-m123 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .contenido-m124 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .contenido-m125 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .contenido-m126 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 15px; transition: color 0.3s; }
    .bloque-m13 { display: none; }
    .modulo-m2 { display: none; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 1200px; height: 700px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 1000px; height: 300px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 65px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 120px; }
    .bloque-f-21b { width: 100%; height: 120px; }
    .modulo-21 { display: flex; width: 1250px; flex-direction: column; align-items: center; gap: 80px; }
    .bloque-211 { display: flex; flex-direction: column; width: 800px; height: 100px; justify-content: center; align-items: center; gap: 20px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 45px; text-transform: uppercase; letter-spacing: 1px; }
    .contenido-2112 { width: 180px; height: 6px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 1250px; gap: 40px; }
    
    /* Fila Superior */
    .modulo-2121 { display: flex; flex-direction: row; width: 100%; gap: 40px; }
    .contenido-21211 { display: flex; width: 820px; height: 420px; background-color: #ffffff; border-radius: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 700px; gap: 25px; }
    .elemento-212111 { width: 70px; height: 70px; background-color: #B8C1EC; border-radius: 12px; display: flex; justify-content: center; align-items: center; } /* Simulación Icono */
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 26px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 17px; line-height: 1.8; }

    .contenido-21212 { display: flex; width: 390px; height: 420px; background-color: #ffffff; border-radius: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 310px; gap: 30px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 32px; line-height: 1.2; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 17px; line-height: 1.6; }
    .elemento-212121 { display: flex; width: 280px; height: 65px; background-color: #0A1654; border-radius: 12px; justify-content: center; align-items: center; gap: 15px; cursor: pointer; transition: transform 0.3s ease; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 20px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 30px; right: 0; bottom: 30px; width: 8px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    /* Fila Inferior */
    .modulo-2122 { display: flex; flex-direction: row; width: 100%; gap: 40px; }
    .contenido-21221 { display: flex; flex-direction: column; width: 390px; height: 380px; background-color: #ffffff; border-radius: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 50px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 310px; gap: 20px; align-items: flex-start; }
    .elemento-212211 { width: 60px; height: 60px; background-color: #B8C1EC; border-radius: 12px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 15px; line-height: 1.6; }

    .contenido-21222 { display: flex; flex-direction: column; width: 390px; height: 380px; background-color: #ffffff; border-radius: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 50px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 310px; gap: 20px; align-items: flex-start; }
    .elemento-212221 { width: 60px; height: 60px; background-color: #B8C1EC; border-radius: 12px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 15px; line-height: 1.6; }

    .contenido-21223 { display: flex; flex-direction: column; width: 390px; height: 380px; background-color: #ffffff; border-radius: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 50px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 310px; gap: 20px; align-items: flex-start; }
    .elemento-212223 { width: 60px; height: 60px; background-color: #B8C1EC; border-radius: 12px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 15px; line-height: 1.6; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 80px; }
    
    /* Bloque Visión MQ1 */
    .modulo-31 { position: relative; display: flex; width: 100%; height: 500px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 55%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-311s { width: 100%; height: 110px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 48px; width: 550px; text-transform: uppercase; }
    .bloque-f-311m { width: 100%; height: 35px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 19px; line-height: 1.6; width: 550px; }
    
    .bloque-312 { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }

    /* Bloque Tarjetas MQ1 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: row; width: 1250px; gap: 30px; justify-content: center; }
    
    .contenido-3211 { display: flex; flex-direction: column; width: 400px; height: 380px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 15px 40px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 45px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 320px; gap: 15px; align-items: flex-start; }
    .elemento-32111 { width: 55px; height: 55px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }

    .contenido-3212 { display: flex; flex-direction: column; width: 400px; height: 380px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 15px 40px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 45px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 320px; gap: 15px; align-items: flex-start; }
    .elemento-32121 { width: 55px; height: 55px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }

    .contenido-3213 { display: flex; flex-direction: column; width: 400px; height: 380px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 15px 40px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 45px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 320px; gap: 15px; align-items: flex-start; }
    .elemento-32131 { width: 55px; height: 55px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }

    .bloque-f-32b { width: 100%; height: 100px; }

    /* SECCIÓN 4: ABOGADOS MQ1 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    
    .modulo-41 { position: relative; display: flex; width: 100%; height: 500px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 55%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-411s { width: 100%; height: 130px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 42px; width: 550px; text-transform: uppercase; line-height: 1.2; }
    .bloque-f-411m { width: 100%; height: 35px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 20px; width: 550px; opacity: 0.8; }
    .bloque-412 { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }

    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 90px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 48px; text-transform: uppercase; }
    .bloque-f-42m { width: 400px; height: 5px; background-color: #0A1654; border-radius: 10px; margin-top: 15px; }

    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-direction: row; width: 1300px; gap: 20px; justify-content: center; margin-top: 60px; }
    .contenido-4311 { display: flex; flex-direction: column; width: 310px; height: 460px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 35px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .bloque-43111 { width: 100%; height: 300px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 25px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: flex-start; padding-left: 20px; box-sizing: border-box; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 16px; width: 90%; line-height: 1.3; }
    .bloque-f-4311-linea { width: 270px; height: 2px; background-color: #0A1654; margin: 12px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 12px; letter-spacing: 1px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 100px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ1 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 100px; }
    .bloque-f-61b { width: 100%; height: 100px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 1200px; align-items: center; gap: 20px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 15px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 45px; text-transform: uppercase; letter-spacing: 1px; }
    .contenido-6112 { width: 180px; height: 6px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: row; width: 1200px; justify-content: center; gap: 40px; margin-top: 60px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: row; width: 580px; height: 350px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 15px 45px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 50%; height: 100%; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; gap: 15px; }
    .elemento-6211 { width: 50px; height: 50px; background-color: #f2f4ff; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 30px; height: 30px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; line-height: 1.3; }
    .linea-621 { width: 90%; height: 2px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 14px; letter-spacing: 1px; }

    .modulo-63 { display: flex; flex-direction: row; width: 1200px; justify-content: center; gap: 20px; margin-top: 40px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: 285px; height: 440px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 10px 35px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6311 { width: 100%; height: 300px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 20px; gap: 8px; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 12px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ1 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-51 { display: flex; flex-direction: row; width: 1200px; height: auto; justify-content: space-between; align-items: center; gap: 50px; }
    .bloque-f-51s { width: 100%; height: 120px; }
    .bloque-511 { display: flex; flex-direction: column; width: 500px; height: auto; justify-content: center; gap: 25px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 48px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 19px; line-height: 1.6; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 15px; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 17px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 17px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 17px; }
    .bloque-512 { display: flex; width: 650px; height: auto; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 600px; height: auto; padding: 50px 0; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 500px; height: auto; justify-content: center; gap: 20px; }
    .contenido-51211 { width: 100%; height: 60px; border: 1px solid #ddd; border-radius: 10px; padding: 0 20px; font-family: 'Regular'; font-size: 16px; }
    .contenido-51212 { width: 100%; height: 60px; border: 1px solid #ddd; border-radius: 10px; padding: 0 20px; font-family: 'Regular'; font-size: 16px; }
    .contenido-51213 { width: 100%; height: 180px; border: 1px solid #ddd; border-radius: 10px; padding: 20px; font-family: 'Regular'; font-size: 16px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 70px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 10px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-51b { width: 100%; height: 120px; }


    .footer { display: flex; width: 100%; height: 120px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 1200px; height: 100px; justify-content: space-between; align-items: center; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 14px; }
    .contenido-f121 { display: flex; gap: 20px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 16px; opacity: 0.8; transition: opacity 0.3s; }
    .contenido-f121 a:hover { opacity: 1; }
}

/* =========================================================
   4. MEDIA QUERY 2 (1281px - 1366px)
   ========================================================= */
@media (min-width: 1281px) and (max-width: 1366px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 100px; background-color: rgba(10, 22, 84, 0.95); justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 1160px; height: 100px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 12px; align-items: center; font-family: 'Negrita'; font-size: 22px; text-decoration: none; }
    .icono-m1111 { width: 45px; height: 45px; }
    .bloque-m12 { display: flex; gap: 20px; }
    .contenido-m121 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .contenido-m122 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .contenido-m123 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .contenido-m124 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .contenido-m125 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .contenido-m126 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 14px; }
    .bloque-m13 { display: none; }
    .modulo-m2 { display: none; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 1160px; height: 600px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 950px; height: 300px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 55px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 100px; }
    .bloque-f-21b { width: 100%; height: 100px; }
    .modulo-21 { display: flex; width: 1160px; flex-direction: column; align-items: center; gap: 60px; }
    .bloque-211 { display: flex; flex-direction: column; width: 700px; height: 90px; justify-content: center; align-items: center; gap: 15px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 38px; text-transform: uppercase; }
    .contenido-2112 { width: 140px; height: 5px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 1160px; gap: 30px; }
    
    .modulo-2121 { display: flex; flex-direction: row; width: 100%; gap: 30px; }
    .contenido-21211 { display: flex; width: 760px; height: 380px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 660px; gap: 20px; }
    .elemento-212111 { width: 60px; height: 60px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 15px; line-height: 1.6; }

    .contenido-21212 { display: flex; width: 370px; height: 380px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 300px; gap: 25px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 28px; line-height: 1.2; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 15px; }
    .elemento-212121 { display: flex; width: 240px; height: 55px; background-color: #0A1654; border-radius: 10px; justify-content: center; align-items: center; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 18px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 30px; right: 0; bottom: 30px; width: 6px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    .modulo-2122 { display: flex; flex-direction: row; width: 100%; gap: 30px; }
    .contenido-21221 { display: flex; flex-direction: column; width: 366px; height: 350px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 45px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 260px; gap: 15px; align-items: flex-start; }
    .elemento-212211 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.5; }

    .contenido-21222 { display: flex; flex-direction: column; width: 366px; height: 350px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 45px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 260px; gap: 15px; align-items: flex-start; }
    .elemento-212221 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.5; }

    .contenido-21223 { display: flex; flex-direction: column; width: 366px; height: 350px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 15px 45px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 45px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 260px; gap: 15px; align-items: flex-start; }
    .elemento-212223 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.5; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 70px; }
    
    /* Bloque Visión MQ2 */
    .modulo-31 { position: relative; display: flex; width: 100%; height: 480px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 55%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-311s { width: 100%; height: 100px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 44px; width: 500px; text-transform: uppercase; }
    .bloque-f-311m { width: 100%; height: 30px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 18px; line-height: 1.6; width: 500px; }
    .bloque-312 { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }

    /* Bloque Tarjetas MQ2 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: row; width: 1100px; gap: 20px; justify-content: center; }
    .contenido-3211 { display: flex; flex-direction: column; width: 350px; height: 350px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 40px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 280px; gap: 12px; align-items: flex-start; }
    .elemento-32111 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .contenido-3212 { display: flex; flex-direction: column; width: 350px; height: 350px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 40px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 280px; gap: 12px; align-items: flex-start; }
    .elemento-32121 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .contenido-3213 { display: flex; flex-direction: column; width: 350px; height: 350px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 40px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 280px; gap: 12px; align-items: flex-start; }
    .elemento-32131 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .bloque-f-32b { width: 100%; height: 80px; }


    /* SECCIÓN 4: ABOGADOS MQ2 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    .modulo-41 { position: relative; display: flex; width: 100%; height: 480px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 55%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-411s { width: 100%; height: 110px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 38px; width: 500px; text-transform: uppercase; }
    .bloque-f-411m { width: 100%; height: 25px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 18px; width: 500px; opacity: 0.8; }
    .bloque-412 { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }
    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 80px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 44px; }
    .bloque-f-42m { width: 350px; height: 4px; background-color: #0A1654; border-radius: 10px; margin-top: 12px; }
    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-direction: row; width: 1150px; gap: 15px; justify-content: center; margin-top: 50px; }
    .contenido-4311 { display: flex; flex-direction: column; width: 270px; height: 420px; background-color: #ffffff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .bloque-43111 { width: 100%; height: 260px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 20px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: flex-start; padding-left: 15px; box-sizing: border-box; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; width: 90%; }
    .bloque-f-4311-linea { width: 230px; height: 2px; background-color: #0A1654; margin: 10px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 11px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 80px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ2 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 80px; }
    .bloque-f-61b { width: 100%; height: 80px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 1100px; align-items: center; gap: 15px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 12px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 38px; text-transform: uppercase; }
    .contenido-6112 { width: 140px; height: 5px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: row; width: 1100px; justify-content: center; gap: 30px; margin-top: 50px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: row; width: 520px; height: 320px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 50%; height: 100%; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 25px; gap: 12px; }
    .elemento-6211 { width: 45px; height: 45px; background-color: #f2f4ff; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 25px; height: 25px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; line-height: 1.3; }
    .linea-621 { width: 90%; height: 2px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 13px; letter-spacing: 0.5px; }

    .modulo-63 { display: flex; flex-direction: row; width: 1100px; justify-content: center; gap: 15px; margin-top: 35px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: 260px; height: 400px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 8px 30px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6311 { width: 100%; height: 260px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 18px; gap: 8px; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 14px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 11px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ2 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-51 { display: flex; flex-direction: row; width: 1100px; height: 500px; justify-content: space-between; align-items: center; }
    .bloque-511 { display: flex; flex-direction: column; width: 450px; height: 400px; justify-content: center; gap: 15px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 40px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 16px; line-height: 1.5; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 10px; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-512 { display: flex; width: 550px; height: 500px; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 500px; height: 450px; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 15px; }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 420px; height: 400px; justify-content: center; gap: 15px; }
    .contenido-51211 { width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 8px; padding: 0 12px; font-family: 'Regular'; font-size: 14px; }
    .contenido-51212 { width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 8px; padding: 0 12px; font-family: 'Regular'; font-size: 14px; }
    .contenido-51213 { width: 100%; height: 130px; border: 1px solid #ddd; border-radius: 8px; padding: 12px; font-family: 'Regular'; font-size: 14px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 55px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 6px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 16px; }

    .footer { display: flex; width: 100%; height: 100px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 1160px; height: 80px; justify-content: space-between; align-items: center; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 12px; }
    .contenido-f121 { display: flex; gap: 15px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 14px; opacity: 0.8; transition: opacity 0.3s; }
    .contenido-f121 a:hover { opacity: 1; }
}

/* =========================================================
   5. MEDIA QUERY 3 (1025px - 1280px)
   ========================================================= */
@media (min-width: 1025px) and (max-width: 1280px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 80px; background-color: rgba(10, 22, 84, 0.95); justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 1000px; height: 80px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 10px; align-items: center; font-family: 'Negrita'; font-size: 20px; text-decoration: none; }
    .icono-m1111 { width: 40px; height: 40px; }
    .bloque-m12 { display: flex; gap: 15px; }
    .contenido-m121 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .contenido-m122 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .contenido-m123 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .contenido-m124 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .contenido-m125 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .contenido-m126 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 13px; }
    .bloque-m13 { display: none; }
    .modulo-m2 { display: none; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 1000px; height: 500px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 800px; height: 250px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 45px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 80px; }
    .bloque-f-21b { width: 100%; height: 80px; }
    .modulo-21 { display: flex; width: 1000px; flex-direction: column; align-items: center; gap: 50px; }
    .bloque-211 { display: flex; flex-direction: column; width: 600px; height: 80px; justify-content: center; align-items: center; gap: 10px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 32px; text-transform: uppercase; }
    .contenido-2112 { width: 120px; height: 4px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 1000px; gap: 20px; }
    
    .modulo-2121 { display: flex; flex-direction: row; width: 100%; gap: 20px; }
    .contenido-21211 { display: flex; width: 650px; height: 350px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 580px; gap: 15px; }
    .elemento-212111 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.5; }

    .contenido-21212 { display: flex; width: 330px; height: 350px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 270px; gap: 20px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 24px; line-height: 1.2; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 14px; }
    .elemento-212121 { display: flex; width: 210px; height: 50px; background-color: #0A1654; border-radius: 10px; justify-content: center; align-items: center; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 16px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 25px; right: 0; bottom: 25px; width: 6px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    .modulo-2122 { display: flex; flex-direction: row; width: 100%; gap: 20px; }
    .contenido-21221 { display: flex; flex-direction: column; width: 320px; height: 320px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 40px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 270px; gap: 12px; align-items: flex-start; }
    .elemento-212211 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .contenido-21222 { display: flex; flex-direction: column; width: 320px; height: 320px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 40px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 270px; gap: 12px; align-items: flex-start; }
    .elemento-212221 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .contenido-21223 { display: flex; flex-direction: column; width: 320px; height: 320px; background-color: #ffffff; border-radius: 25px; box-shadow: 0 12px 35px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 40px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 270px; gap: 12px; align-items: flex-start; }
    .elemento-212223 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 60px; }
    
    /* Bloque Visión MQ3 */
    .modulo-31 { position: relative; display: flex; width: 100%; height: 450px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 65%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-311s { width: 100%; height: 80px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 40px; width: 400px; text-transform: uppercase; }
    .bloque-f-311m { width: 100%; height: 25px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 17px; line-height: 1.6; width: 400px; }
    .bloque-312 { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }

    /* Bloque Tarjetas MQ3 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: row; width: 950px; gap: 15px; justify-content: center; }
    .contenido-3211 { display: flex; flex-direction: column; width: 310px; height: 320px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 35px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 250px; gap: 12px; align-items: flex-start; }
    .elemento-32111 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .contenido-3212 { display: flex; flex-direction: column; width: 310px; height: 320px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 35px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 250px; gap: 12px; align-items: flex-start; }
    .elemento-32121 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .contenido-3213 { display: flex; flex-direction: column; width: 310px; height: 320px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 35px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 250px; gap: 12px; align-items: flex-start; }
    .elemento-32131 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .bloque-f-32b { width: 100%; height: 60px; }

    /* SECCIÓN 4: ABOGADOS MQ3 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    .modulo-41 { position: relative; display: flex; width: 100%; height: 450px; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 65%; height: 100%; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-411s { width: 100%; height: 80px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 34px; width: 450px; text-transform: uppercase; }
    .bloque-f-411m { width: 100%; height: 20px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 16px; width: 450px; opacity: 0.8; }
    .bloque-412 { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }
    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 60px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 38px; }
    .bloque-f-42m { width: 300px; height: 3px; background-color: #0A1654; border-radius: 10px; margin-top: 10px; }
    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-direction: row; width: 1000px; gap: 12px; justify-content: center; margin-top: 40px; }
    .contenido-4311 { display: flex; flex-direction: column; width: 235px; height: 380px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .bloque-43111 { width: 100%; height: 230px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 15px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: flex-start; padding-left: 12px; box-sizing: border-box; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 14px; width: 90%; }
    .bloque-f-4311-linea { width: 200px; height: 2px; background-color: #0A1654; margin: 8px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 10px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 60px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ3 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 60px; }
    .bloque-f-61b { width: 100%; height: 60px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 950px; align-items: center; gap: 12px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 10px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 32px; text-transform: uppercase; }
    .contenido-6112 { width: 120px; height: 4px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: row; width: 950px; justify-content: center; gap: 20px; margin-top: 40px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: row; width: 460px; height: 280px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 10px 35px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 45%; height: 100%; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 55%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; gap: 10px; }
    .elemento-6211 { width: 40px; height: 40px; background-color: #f2f4ff; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 22px; height: 22px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 16px; line-height: 1.3; }
    .linea-621 { width: 90%; height: 2px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 11px; letter-spacing: 0.5px; }

    .modulo-63 { display: flex; flex-direction: row; width: 950px; justify-content: center; gap: 15px; margin-top: 30px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: 225px; height: 350px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 25px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6311 { width: 100%; height: 230px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 15px; gap: 6px; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 13px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 10px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ3 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-51 { display: flex; flex-direction: row; width: 1000px; height: 500px; justify-content: space-between; align-items: center; }
    .bloque-511 { display: flex; flex-direction: column; width: 450px; height: 450px; justify-content: center; gap: 20px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 36px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 15px; line-height: 1.4; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 8px; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 14px; }
    .bloque-512 { display: flex; width: 500px; height: 500px; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 480px; height: 480px; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 15px; }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 420px; height: 420px; justify-content: center; gap: 15px; }
    .contenido-51211 { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 8px; padding: 0 10px; font-family: 'Regular'; font-size: 13px; }
    .contenido-51212 { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 8px; padding: 0 10px; font-family: 'Regular'; font-size: 13px; }
    .contenido-51213 { width: 100%; height: 100px; border: 1px solid #ddd; border-radius: 8px; padding: 10px; font-family: 'Regular'; font-size: 13px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 50px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 5px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 15px; }

    .footer { display: flex; width: 100%; height: 100px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 1000px; height: 80px; justify-content: space-between; align-items: center; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 12px; }
    .contenido-f121 { display: flex; gap: 12px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 13px; opacity: 0.8; }
}

/* =========================================================
   6. MEDIA QUERY 4 (768px - 1024px) - TABLET (LAYOUT VERTICAL)
   ========================================================= */@media (min-width: 768px) and (max-width: 1024px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 70px; background-color: #0A1654; justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 760px; height: 70px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 8px; align-items: center; font-family: 'Negrita'; font-size: 18px; text-decoration: none; }
    .icono-m1111 { width: 35px; height: 35px; }
    .bloque-m12 { display: none; } 
    .bloque-m13 { display: flex; flex-direction: column; width: 30px; height: 25px; gap: 5px; cursor: pointer; justify-content: center; }
    .contenido-m131 { width: 100%; height: 3px; background-color: #ffffff; }
    .contenido-m132 { width: 100%; height: 3px; background-color: #ffffff; }
    .contenido-m133 { width: 100%; height: 3px; background-color: #ffffff; }
    .modulo-m2 { display: none; position: fixed; top: 70px; left: 0; width: 100%; height: 350px; background-color: #0A1654; flex-direction: column; justify-content: center; align-items: center; gap: 20px; z-index: 99; }
    .bloque-m21 { display: flex; flex-direction: column; align-items: center; gap: 15px; }
    .contenido-m211 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m212 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m213 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m214 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m215 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m216 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 760px; height: 500px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 650px; height: 250px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 38px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 60px; }
    .bloque-f-21b { width: 100%; height: 60px; }
    .modulo-21 { display: flex; width: 760px; flex-direction: column; align-items: center; gap: 40px; }
    .bloque-211 { display: flex; flex-direction: column; width: 100%; height: 80px; justify-content: center; align-items: center; gap: 10px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 30px; text-transform: uppercase; }
    .contenido-2112 { width: 100px; height: 4px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 100%; gap: 20px; align-items: center; }
    
    .modulo-2121 { display: flex; flex-direction: column; width: 100%; gap: 20px; align-items: center; }
    .contenido-21211 { display: flex; width: 650px; height: auto; padding: 40px 0; background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 550px; gap: 15px; }
    .elemento-212111 { width: 50px; height: 50px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 15px; line-height: 1.5; }

    .contenido-21212 { display: flex; width: 650px; height: auto; padding: 40px 0; background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 550px; gap: 20px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 26px; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 15px; }
    .elemento-212121 { display: flex; width: 220px; height: 50px; background-color: #0A1654; border-radius: 10px; justify-content: center; align-items: center; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 17px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 20px; right: 0; bottom: 20px; width: 6px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    .modulo-2122 { display: flex; flex-direction: column; width: 100%; gap: 20px; align-items: center; }
    .contenido-21221 { display: flex; flex-direction: column; width: 650px; height: auto; background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 35px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 550px; gap: 12px; align-items: flex-start; }
    .elemento-212211 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.4; }

    .contenido-21222 { display: flex; flex-direction: column; width: 650px; height: auto; background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 35px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 550px; gap: 12px; align-items: flex-start; }
    .elemento-212221 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.4; }

    .contenido-21223 { display: flex; flex-direction: column; width: 650px; height: auto; background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 35px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 550px; gap: 12px; align-items: flex-start; }
    .elemento-212223 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 10px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.4; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 50px; }
    
    /* Bloque Visión MQ4 */
    .modulo-31 { position: relative; display: flex; width: 100%; min-height: 500px; height: auto; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; position: relative; }
    .bloque-f-311s { width: 100%; height: 80px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 38px; width: 85%; text-transform: uppercase; text-align: center; }
    .bloque-f-311m { width: 100%; height: 25px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 18px; line-height: 1.6; width: 85%; text-align: center; }
    .bloque-f-311b { width: 100%; height: 80px; }
    .bloque-312 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(10, 22, 84, 0.85), rgba(10, 22, 84, 0.85)), url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; z-index: 1; }

    /* Bloque Tarjetas MQ4 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: column; width: 90%; gap: 20px; align-items: center; }
    .contenido-3211 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 35px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 90%; gap: 12px; align-items: flex-start; }
    .elemento-32111 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }
    .bloque-f-3211b { width: 100%; height: 35px; } /* Filler for bottom "padding" */

    .contenido-3212 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 35px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 90%; gap: 12px; align-items: flex-start; }
    .elemento-32121 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }
    .bloque-f-3212b { width: 100%; height: 35px; }

    .contenido-3213 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 35px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 90%; gap: 12px; align-items: flex-start; }
    .elemento-32131 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 19px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 14px; line-height: 1.6; }
    .bloque-f-3213b { width: 100%; height: 35px; }

    .bloque-f-32b { width: 100%; height: 60px; }

    /* SECCIÓN 4: ABOGADOS MQ4 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    
    .modulo-41 { position: relative; display: flex; width: 100%; min-height: 500px; height: auto; background-color: #0A1654; overflow: hidden; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; position: relative; }
    .bloque-f-411s { width: 100%; height: 80px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 36px; width: 85%; text-transform: uppercase; text-align: center; }
    .bloque-f-411m { width: 100%; height: 25px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 18px; line-height: 1.6; width: 85%; text-align: center; opacity: 0.8; }
    .bloque-f-411b { width: 100%; height: 80px; }
    .bloque-412 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(10, 22, 84, 0.85), rgba(10, 22, 84, 0.85)), url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; z-index: 1; }

    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 60px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 34px; text-align: center; }
    .bloque-f-42m { width: 250px; height: 3px; background-color: #0A1654; border-radius: 10px; margin-top: 10px; }

    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-wrap: wrap; width: 90%; gap: 20px; justify-content: center; margin-top: 40px; }
    .contenido-4311 { display: flex; flex-direction: column; width: calc(50% - 20px); min-width: 280px; height: 440px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .bloque-43111 { width: 100%; height: 280px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 20px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: flex-start; padding-left: 15px; box-sizing: border-box; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; width: 90%; }
    .bloque-f-4311-linea { width: 220px; height: 1px; background-color: #0A1654; margin: 10px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 11px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 60px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ4 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 60px; }
    .bloque-f-61b { width: 100%; height: 60px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 10px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 8px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 30px; text-transform: uppercase; text-align: center; }
    .contenido-6112 { width: 100px; height: 4px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 30px; margin-top: 40px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: column; width: 100%; max-width: 500px; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 100%; height: 350px; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 100%; padding: 25px; display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
    .elemento-6211 { width: 45px; height: 45px; background-color: #f2f4ff; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 25px; height: 25px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; line-height: 1.3; }
    .linea-621 { width: 100%; height: 2px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 13px; }

    .modulo-63 { display: flex; flex-wrap: wrap; width: 90%; justify-content: center; gap: 20px; margin-top: 30px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: calc(50% - 10px); min-width: 280px; height: 420px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6311 { width: 100%; height: 280px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 15px; gap: 8px; align-items: center; text-align: center; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 14px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 11px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ4 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-51s { width: 100%; height: 60px; }
    .bloque-f-51b { width: 100%; height: 60px; }
    .modulo-51 { display: flex; flex-direction: column; width: 90%; height: auto; align-items: center; gap: 40px; }
    .bloque-511 { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: center; text-align: center; gap: 15px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 34px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 18px; line-height: 1.6; max-width: 600px; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 12px; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 16px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 16px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 16px; }
    .bloque-512 { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 650px; height: auto; padding: 40px 0; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 85%; height: auto; justify-content: center; gap: 20px; }
    .contenido-51211 { width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 0 15px; font-family: 'Regular'; font-size: 15px; }
    .contenido-51212 { width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 0 15px; font-family: 'Regular'; font-size: 15px; }
    .contenido-51213 { width: 100%; height: 150px; border: 1px solid #ddd; border-radius: 5px; padding: 15px; font-family: 'Regular'; font-size: 15px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 60px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 5px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 18px; }

    .footer { display: flex; width: 100%; height: 100px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 760px; height: 80px; justify-content: space-between; align-items: center; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 12px; }
    .contenido-f121 { display: flex; gap: 10px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 12px; opacity: 0.8; }
}

/* =========================================================
   7. MEDIA QUERY 5 (481px - 767px) - MOBILE L
   ========================================================= */
@media (min-width: 481px) and (max-width: 767px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 60px; background-color: #0A1654; justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 90%; height: 60px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 5px; align-items: center; font-family: 'Negrita'; font-size: 16px; text-decoration: none; }
    .icono-m1111 { width: 30px; height: 30px; }
    .bloque-m12 { display: none; } 
    .bloque-m13 { display: flex; flex-direction: column; width: 25px; height: 20px; gap: 4px; cursor: pointer; justify-content: center; }
    .contenido-m131 { width: 100%; height: 2px; background-color: #ffffff; }
    .contenido-m132 { width: 100%; height: 2px; background-color: #ffffff; }
    .contenido-m133 { width: 100%; height: 2px; background-color: #ffffff; }
    .modulo-m2 { display: none; position: fixed; top: 60px; left: 0; width: 100%; height: 350px; background-color: #0A1654; flex-direction: column; justify-content: center; align-items: center; gap: 15px; z-index: 99; }
    .bloque-m21 { display: flex; flex-direction: column; align-items: center; gap: 12px; }
    .contenido-m211 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }
    .contenido-m212 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }
    .contenido-m213 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }
    .contenido-m214 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }
    .contenido-m215 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }
    .contenido-m216 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 16px; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 90%; height: 400px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 100%; height: 200px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 28px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 40px; }
    .bloque-f-21b { width: 100%; height: 40px; }
    .modulo-21 { display: flex; width: 90%; flex-direction: column; align-items: center; gap: 30px; }
    .bloque-211 { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: center; gap: 8px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 26px; text-transform: uppercase; text-align: center; }
    .contenido-2112 { width: 80px; height: 3px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    
    .modulo-2121 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    .contenido-21211 { display: flex; width: 100%; height: auto; padding: 30px 0; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 90%; gap: 12px; }
    .elemento-212111 { width: 45px; height: 45px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 18px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 14px; line-height: 1.4; }

    .contenido-21212 { display: flex; width: 100%; height: auto; padding: 30px 0; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 90%; gap: 15px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 22px; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 14px; }
    .elemento-212121 { display: flex; width: 180px; height: 45px; background-color: #0A1654; border-radius: 8px; justify-content: center; align-items: center; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 15px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 15px; right: 0; bottom: 15px; width: 5px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    .modulo-2122 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    .contenido-21221 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 30px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-212211 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .contenido-21222 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 30px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-212221 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .contenido-21223 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 30px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-212223 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 40px; }
    
    /* Bloque Visión MQ5 */
    .modulo-31 { position: relative; display: flex; width: 100%; min-height: 450px; height: auto; background-color: #0A1654; overflow: hidden; flex-direction: column; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-311s { width: 100%; height: 60px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 30px; width: 85%; text-transform: uppercase; text-align: center; }
    .bloque-f-311m { width: 100%; height: 15px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 15px; line-height: 1.5; width: 85%; text-align: center; }
    .bloque-f-311b { width: 100%; height: 60px; }
    .bloque-312 { position: relative; width: 100%; height: 350px; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; }

    /* Bloque Tarjetas MQ5 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: column; width: 90%; gap: 15px; align-items: center; }
    .contenido-3211 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 30px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-32111 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .bloque-f-3211b { width: 100%; height: 30px; }

    .contenido-3212 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 30px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-32121 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .bloque-f-3212b { width: 100%; height: 30px; }

    .contenido-3213 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 30px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 90%; gap: 10px; align-items: flex-start; }
    .elemento-32131 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 17px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 13px; line-height: 1.5; }
    .bloque-f-3213b { width: 100%; height: 30px; }

    .bloque-f-32b { width: 100%; height: 50px; }

    /* SECCIÓN 4: ABOGADOS MQ5 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    .modulo-41 { position: relative; display: flex; width: 100%; min-height: 400px; height: auto; background-color: #0A1654; overflow: hidden; flex-direction: column; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; position: relative; }
    .bloque-f-411s { width: 100%; height: 60px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 28px; width: 85%; text-transform: uppercase; text-align: center; }
    .bloque-f-411m { width: 100%; height: 15px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 15px; line-height: 1.5; width: 85%; text-align: center; opacity: 0.8; }
    .bloque-f-411b { width: 100%; height: 60px; }
    .bloque-412 { position: relative; width: 100%; height: 300px; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; z-index: 1; }
    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 50px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 30px; text-align: center; }
    .bloque-f-42m { width: 220px; height: 3px; background-color: #0A1654; border-radius: 10px; margin-top: 8px; }
    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-direction: column; width: 90%; gap: 20px; align-items: center; margin-top: 30px; }
    .contenido-4311 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); border: 1px solid #f2f2f2; overflow: hidden; padding-bottom: 20px; }
    .bloque-43111 { width: 100%; height: 320px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 15px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: center; text-align: center; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 16px; width: 90%; }
    .bloque-f-4311-linea { width: 180px; height: 1px; background-color: #0A1654; margin: 10px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 12px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 50px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ5 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 50px; }
    .bloque-f-61b { width: 100%; height: 50px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 8px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 6px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 26px; text-transform: uppercase; text-align: center; }
    .contenido-6112 { width: 80px; height: 3px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 25px; margin-top: 35px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 100%; height: 300px; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 100%; padding: 20px; display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; }
    .elemento-6211 { width: 40px; height: 40px; background-color: #f2f4ff; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 22px; height: 22px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 16px; line-height: 1.3; }
    .linea-621 { width: 100%; height: 1px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 12px; }

    .modulo-63 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 20px; margin-top: 25px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; padding-bottom: 20px; }
    .contenido-6311 { width: 100%; height: 280px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 15px; gap: 6px; align-items: center; text-align: center; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 13px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 10px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ5 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-51 { display: flex; flex-direction: column; width: 90%; height: auto; align-items: center; gap: 30px; }
    .bloque-511 { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: center; text-align: center; gap: 10px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 30px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 16px; line-height: 1.5; text-align: center; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 10px; align-items: center; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 15px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 15px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 15px; }
    .bloque-512 { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 100%; height: auto; padding: 30px 0; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 12px; }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 90%; height: auto; justify-content: center; gap: 15px; }
    .contenido-51211 { width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 5px; padding: 0 12px; font-family: 'Regular'; font-size: 14px; }
    .contenido-51212 { width: 100%; height: 45px; border: 1px solid #ddd; border-radius: 5px; padding: 0 12px; font-family: 'Regular'; font-size: 14px; }
    .contenido-51213 { width: 100%; height: 120px; border: 1px solid #ddd; border-radius: 5px; padding: 12px; font-family: 'Regular'; font-size: 14px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 55px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 5px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 16px; }

    .footer { display: flex; width: 100%; height: 100px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 90%; height: 80px; justify-content: space-between; align-items: center; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 11px; }
    .contenido-f121 { display: flex; gap: 10px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 11px; }
}

/* =========================================================
   8. MEDIA QUERY 6 (320px - 480px) - MOBILE S
   ========================================================= */
@media (min-width: 320px) and (max-width: 480px) {
    .encabezado { display: flex; position: fixed; z-index: 100; top: 0; width: 100%; height: 50px; background-color: #0A1654; justify-content: center; align-items: center; }
    .modulo-m1 { display: flex; width: 90%; height: 50px; justify-content: space-between; align-items: center; }
    .bloque-m11 { display: flex; align-items: center; }
    .contenido-m111 { display: flex; color: #ffffff; gap: 5px; align-items: center; font-family: 'Negrita'; font-size: 14px; text-decoration: none; }
    .icono-m1111 { width: 25px; height: 25px; }
    .bloque-m12 { display: none; } 
    .bloque-m13 { display: flex; flex-direction: column; width: 22px; height: 18px; gap: 3px; cursor: pointer; justify-content: center; }
    .contenido-m131 { width: 100%; height: 2px; background-color: #ffffff; }
    .contenido-m132 { width: 100%; height: 2px; background-color: #ffffff; }
    .contenido-m133 { width: 100%; height: 2px; background-color: #ffffff; }
    .modulo-m2 { display: none; position: fixed; top: 50px; left: 0; width: 100%; height: 100vh; background-color: #0A1654; flex-direction: column; justify-content: center; align-items: center; gap: 20px; z-index: 99; }
    .bloque-m21 { display: flex; flex-direction: column; align-items: center; gap: 15px; }
    .contenido-m211 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m212 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m213 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m214 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m215 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }
    .contenido-m216 { color: #ffffff; text-decoration: none; font-family: 'Regular'; font-size: 18px; }

    .pagina { display: flex; flex-direction: column; width: 100%; }
    .seccion-1 { display: flex; width: 100%; height: 100vh; background-image: linear-gradient(rgba(10, 22, 84, 0.8), rgba(10, 22, 84, 0.8)), url('../../recursos/img/equipo-ajep.png'); background-size: cover; background-position: center; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-11 { display: flex; width: 90%; height: 400px; justify-content: center; align-items: center; }
    .bloque-111 { display: flex; width: 100%; height: 200px; justify-content: center; align-items: center; }
    .contenido-1111 { color: #ffffff; font-family: 'Negrita'; font-size: 24px; text-align: center; }

    .seccion-2 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-21s { width: 100%; height: 30px; }
    .bloque-f-21b { width: 100%; height: 30px; }
    .modulo-21 { display: flex; width: 95%; flex-direction: column; align-items: center; gap: 25px; }
    .bloque-211 { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: center; gap: 5px; }
    .contenido-2111 { color: #000000; font-family: 'Negrita'; font-size: 22px; text-transform: uppercase; text-align: center; }
    .contenido-2112 { width: 60px; height: 3px; background-color: #0A1654; border-radius: 10px; }
    
    .bloque-212 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    
    .modulo-2121 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    .contenido-21211 { display: flex; width: 100%; height: auto; padding: 25px 0; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); justify-content: center; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21211 { display: flex; flex-direction: column; width: 90%; gap: 10px; }
    .elemento-212111 { width: 40px; height: 40px; background-color: #B8C1EC; border-radius: 8px; }
    .bloque-f-21211 h3 { color: #000000; font-family: 'Negrita'; font-size: 16px; }
    .bloque-f-21211 p { color: #555555; font-family: 'Regular'; font-size: 13px; line-height: 1.4; }

    .contenido-21212 { display: flex; width: 100%; height: auto; padding: 25px 0; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); position: relative; justify-content: center; align-items: center; border: 1px solid #f0f0f0; overflow: hidden; }
    .bloque-f-21212 { display: flex; flex-direction: column; width: 90%; gap: 12px; }
    .bloque-f-21212 h3 { color: #0A1654; font-family: 'Negrita'; font-size: 20px; }
    .bloque-f-21212 p { color: #555555; font-family: 'Regular'; font-size: 13px; }
    .elemento-212121 { display: flex; width: 160px; height: 40px; background-color: #0A1654; border-radius: 8px; justify-content: center; align-items: center; }
    .elemento-212121 a { color: #ffffff; font-family: 'Negrita'; font-size: 14px; text-decoration: none; }
    .borde-derecho-21212 { position: absolute; top: 10px; right: 0; bottom: 10px; width: 4px; background-color: #0A1654; border-radius: 10px 0 0 10px; }

    .modulo-2122 { display: flex; flex-direction: column; width: 100%; gap: 15px; align-items: center; }
    .contenido-21221 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21221s { width: 100%; height: 25px; }
    .bloque-f-21221 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-212211 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-21221 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-21221 p { color: #555555; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }

    .contenido-21222 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21222s { width: 100%; height: 25px; }
    .bloque-f-21222 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-212221 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-21222 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-21222 p { color: #555555; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }

    .contenido-21223 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.04); justify-content: flex-start; align-items: center; border: 1px solid #f0f0f0; }
    .bloque-f-21223s { width: 100%; height: 25px; }
    .bloque-f-21223 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-212223 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-21223 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-21223 p { color: #555555; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }

    .seccion-3 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; gap: 30px; }
    
    /* Bloque Visión MQ6 */
    .modulo-31 { position: relative; display: flex; width: 100%; min-height: 400px; height: auto; background-color: #0A1654; overflow: hidden; flex-direction: column; flex-shrink: 0; }
    .bloque-311 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; }
    .bloque-f-311s { width: 100%; height: 60px; }
    .contenido-3111 { color: #ffffff; font-family: 'Negrita'; font-size: 26px; width: 85%; text-transform: uppercase; text-align: center; }
    .bloque-f-311m { width: 100%; height: 12px; }
    .contenido-3112 { color: #ffffff; font-family: 'Regular'; font-size: 14px; line-height: 1.4; width: 85%; text-align: center; }
    .bloque-f-311b { width: 100%; height: 60px; }
    .bloque-312 { position: relative; width: 100%; height: 250px; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; }

    /* Bloque Tarjetas MQ6 */
    .modulo-32 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-321 { display: flex; flex-direction: column; width: 95%; gap: 12px; align-items: center; }
    .contenido-3211 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3211s { width: 100%; height: 25px; }
    .bloque-f-3211 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-32111 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-3211 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-3211 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .bloque-f-3211b { width: 100%; height: 25px; }

    .contenido-3212 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3212s { width: 100%; height: 25px; }
    .bloque-f-3212 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-32121 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-3212 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-3212 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .bloque-f-3212b { width: 100%; height: 25px; }

    .contenido-3213 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); justify-content: flex-start; align-items: center; border: 1px solid #f2f2f2; }
    .bloque-f-3213s { width: 100%; height: 25px; }
    .bloque-f-3213 { display: flex; flex-direction: column; width: 90%; gap: 8px; align-items: flex-start; }
    .elemento-32131 { width: 35px; height: 35px; background-color: #B8C1EC; border-radius: 6px; }
    .bloque-f-3213 h3 { color: #000000; font-family: 'Negrita'; font-size: 15px; }
    .bloque-f-3213 p { color: #666666; font-family: 'Regular'; font-size: 12px; line-height: 1.4; }
    .bloque-f-3213b { width: 100%; height: 25px; }

    .bloque-f-32b { width: 100%; height: 40px; }

    /* SECCIÓN 4: ABOGADOS MQ6 */
    .seccion-4 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; align-items: center; }
    .modulo-41 { position: relative; display: flex; width: 100%; min-height: 350px; height: auto; background-color: #0A1654; overflow: hidden; flex-direction: column; flex-shrink: 0; }
    .bloque-411 { display: flex; flex-direction: column; width: 100%; height: auto; align-items: center; justify-content: flex-start; z-index: 2; position: relative; }
    .bloque-f-411s { width: 100%; height: 40px; }
    .contenido-4111 { color: #ffffff; font-family: 'Negrita'; font-size: 24px; width: 90%; text-transform: uppercase; text-align: center; }
    .bloque-f-411m { width: 100%; height: 10px; }
    .contenido-4112 { color: #ffffff; font-family: 'Regular'; font-size: 13px; line-height: 1.4; width: 90%; text-align: center; opacity: 0.8; }
    .bloque-f-411b { width: 100%; height: 40px; }
    .bloque-412 { position: relative; width: 100%; height: 220px; background-image: url('../../recursos/img/palacio.png'); background-size: cover; background-position: center; z-index: 1; }
    .modulo-42 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-f-42s { width: 100%; height: 40px; }
    .contenido-4211 { color: #000000; font-family: 'Negrita'; font-size: 26px; text-align: center; }
    .bloque-f-42m { width: 180px; height: 3px; background-color: #0A1654; border-radius: 10px; margin-top: 6px; }
    .modulo-43 { display: flex; flex-direction: column; width: 100%; align-items: center; }
    .bloque-431 { display: flex; flex-direction: column; width: 90%; gap: 15px; align-items: center; margin-top: 25px; }
    .contenido-4311 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid #f2f2f2; overflow: hidden; padding-bottom: 15px; }
    .bloque-43111 { width: 100%; height: 300px; background-size: cover; background-position: center; }
    .bloque-f-4311s { width: 100%; height: 12px; }
    .bloque-43112 { display: flex; flex-direction: column; width: 100%; align-items: center; text-align: center; }
    .bloque-43112 h3 { color: #000000; font-family: 'Negrita'; font-size: 14px; width: 90%; }
    .bloque-f-4311-linea { width: 160px; height: 1px; background-color: #0A1654; margin: 8px 0; opacity: 0.3; }
    .bloque-43112 p { color: #666666; font-family: 'Regular'; font-size: 11px; font-weight: bold; }
    .bloque-f-43b { width: 100%; height: 40px; }

    /* SECCIÓN 6: EQUIPO DE TRABAJO MQ6 */
    .seccion-6 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .bloque-f-61s { width: 100%; height: 40px; }
    .bloque-f-61b { width: 100%; height: 40px; }
    
    .modulo-61 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 6px; }
    .bloque-611 { display: flex; flex-direction: column; width: auto; align-items: center; gap: 5px; }
    .contenido-6111 { color: #000000; font-family: 'Negrita'; font-size: 22px; text-transform: uppercase; text-align: center; }
    .contenido-6112 { width: 60px; height: 3px; background-color: #0A1654; border-radius: 10px; }

    .modulo-62 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 20px; margin-top: 30px; }
    .bloque-621, .bloque-622 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 10px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); border: 1px solid #f2f2f2; overflow: hidden; }
    .contenido-6211 { width: 100%; height: 260px; background-size: cover; background-position: center; }
    .bloque-f-621t { width: 100%; padding: 15px; display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center; }
    .elemento-6211 { width: 35px; height: 35px; background-color: #f2f4ff; border-radius: 6px; display: flex; justify-content: center; align-items: center; }
    .icono-62111 { width: 20px; height: 20px; }
    .bloque-f-621t h3 { color: #000000; font-family: 'Negrita'; font-size: 14px; line-height: 1.3; }
    .linea-621 { width: 100%; height: 1px; background-color: #0A1654; opacity: 0.3; }
    .bloque-f-621t p { color: #555555; font-family: 'Negrita'; font-size: 11px; }

    .modulo-63 { display: flex; flex-direction: column; width: 90%; align-items: center; gap: 15px; margin-top: 20px; }
    .bloque-631, .bloque-632, .bloque-633, .bloque-634 { display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid #f2f2f2; overflow: hidden; padding-bottom: 15px; }
    .contenido-6311 { width: 100%; height: 240px; background-size: cover; background-position: center; }
    .bloque-f-631t { display: flex; flex-direction: column; padding: 12px; gap: 5px; align-items: center; text-align: center; }
    .bloque-f-631t h3 { color: #000000; font-family: 'Negrita'; font-size: 12px; line-height: 1.3; }
    .bloque-f-631t p { color: #888888; font-family: 'Regular'; font-size: 10px; font-weight: bold; text-transform: uppercase; }

    /* SECCIÓN 5: CONTACTO MQ6 */
    .seccion-5 { display: flex; flex-direction: column; width: 100%; min-height: 100vh; height: auto; background-color: #ffffff; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-51 { display: flex; flex-direction: column; width: 90%; height: auto; align-items: center; gap: 25px; }
    .bloque-511 { display: flex; flex-direction: column; width: 100%; height: auto; justify-content: center; align-items: center; text-align: center; gap: 8px; }
    .contenido-5111 { color: #0A1654; font-family: 'Negrita'; font-size: 26px; }
    .contenido-5112 { color: #333333; font-family: 'Regular'; font-size: 14px; line-height: 1.4; text-align: center; }
    .modulo-5111 { display: flex; flex-direction: column; gap: 8px; align-items: center; }
    .bloque-51111 { color: #0A1654; font-family: 'Negrita'; font-size: 13px; }
    .bloque-51112 { color: #0A1654; font-family: 'Negrita'; font-size: 13px; }
    .bloque-51113 { color: #0A1654; font-family: 'Negrita'; font-size: 13px; }
    .bloque-512 { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; }
    .modulo-5121 { display: flex; width: 100%; height: auto; padding: 25px 0; background-color: #f9fafb; justify-content: center; align-items: center; border-radius: 10px; }
    .bloque-f-5121 { display: flex; flex-direction: column; width: 92%; height: auto; justify-content: center; gap: 12px; }
    .contenido-51211 { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 5px; padding: 0 10px; font-family: 'Regular'; font-size: 13px; }
    .contenido-51212 { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 5px; padding: 0 10px; font-family: 'Regular'; font-size: 13px; }
    .contenido-51213 { width: 100%; height: 100px; border: 1px solid #ddd; border-radius: 5px; padding: 10px; font-family: 'Regular'; font-size: 13px; resize: none; }
    .elemento-51211 { display: flex; width: 100%; height: 50px; background-color: #0A1654; justify-content: center; align-items: center; border-radius: 5px; }
    .elemento-51211 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 15px; }

    .footer { display: flex; width: 100%; height: 120px; background-color: #0A1654; justify-content: center; align-items: center; flex-shrink: 0; }
    .modulo-f1 { display: flex; width: 90%; height: 100px; flex-direction: column; justify-content: center; align-items: center; gap: 15px; }
    .contenido-f111 { color: #ffffff; font-family: 'Regular'; font-size: 10px; text-align: center; }
    .contenido-f121 { display: flex; gap: 15px; }
    .contenido-f121 a { color: #ffffff; text-decoration: none; font-family: 'Negrita'; font-size: 14px; }
}