.elementor-1467 .elementor-element.elementor-element-43e1521{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1467 .elementor-element.elementor-element-0b6406f{--display:flex;}.elementor-1467 .elementor-element.elementor-element-0b6406f.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1467 .elementor-element.elementor-element-3e91ac9{--display:flex;}.elementor-1467 .elementor-element.elementor-element-3e91ac9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1467 .elementor-element.elementor-element-c970656{--display:flex;--overlay-opacity:0.5;}.elementor-1467 .elementor-element.elementor-element-c970656:not(.elementor-motion-effects-element-type-background), .elementor-1467 .elementor-element.elementor-element-c970656 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#007B3A;}.elementor-1467 .elementor-element.elementor-element-c970656::before, .elementor-1467 .elementor-element.elementor-element-c970656 > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-c970656 > .e-con-inner > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-c970656 > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-c970656 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-c970656 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1467 .elementor-element.elementor-element-90c922c .elementor-heading-title{color:#FFFFFF;}.elementor-1467 .elementor-element.elementor-element-ac48c9e{--display:flex;--overlay-opacity:0.5;}.elementor-1467 .elementor-element.elementor-element-ac48c9e::before, .elementor-1467 .elementor-element.elementor-element-ac48c9e > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-ac48c9e > .e-con-inner > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-ac48c9e > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-ac48c9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-ac48c9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1467 .elementor-element.elementor-element-4c11561{--display:flex;--overlay-opacity:0.5;}.elementor-1467 .elementor-element.elementor-element-4c11561::before, .elementor-1467 .elementor-element.elementor-element-4c11561 > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-4c11561 > .e-con-inner > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-4c11561 > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-4c11561 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-4c11561 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#007B3A;--background-overlay:'';}.elementor-1467 .elementor-element.elementor-element-4bb567d .elementor-heading-title{color:#FFFFFF;}.elementor-1467 .elementor-element.elementor-element-85a3c30{--display:flex;--overlay-opacity:0.5;}.elementor-1467 .elementor-element.elementor-element-85a3c30::before, .elementor-1467 .elementor-element.elementor-element-85a3c30 > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-85a3c30 > .e-con-inner > .elementor-background-video-container::before, .elementor-1467 .elementor-element.elementor-element-85a3c30 > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-85a3c30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1467 .elementor-element.elementor-element-85a3c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1467 .elementor-element.elementor-element-43e1521{--width:100%;}.elementor-1467 .elementor-element.elementor-element-0b6406f{--width:65%;}.elementor-1467 .elementor-element.elementor-element-3e91ac9{--width:30%;}.elementor-1467 .elementor-element.elementor-element-c970656{--width:100%;}.elementor-1467 .elementor-element.elementor-element-ac48c9e{--width:100%;}.elementor-1467 .elementor-element.elementor-element-4c11561{--width:100%;}.elementor-1467 .elementor-element.elementor-element-85a3c30{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1467 .elementor-element.elementor-element-0b6406f{--width:827.6px;}.elementor-1467 .elementor-element.elementor-element-3e91ac9{--width:242.3px;}}/* Start custom CSS for container, class: .elementor-element-43e1521 *//* CONTENEDOR PADRE RESPONSIVO */
        .bloque-padre-directorio {
            display: flex;
            flex-direction: row;
            gap: 20px;
            align-items: stretch;
            justify-content: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            box-sizing: border-box;
        }

        /* Estilo para el bloque del directorio */
        .bloque-padre-directorio .bloque-directorio {
            width: 67%;
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
            box-sizing: border-box;
        }

        /* Estilo para el título dentro del bloque directorio */
        .bloque-padre-directorio .bloque-directorio .titulo-directorio {
            font-size: 1.8rem;
            font-weight: bold;
            color: #1e3c72;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 3px solid #2a5298;
            border-radius: 5px 5px 0 0;
        }

        /* Estilo para la caja de interés */
        .bloque-padre-directorio .bloque-interes {
            width: 33%;
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
            box-sizing: border-box;
        }

        /* MEDIA QUERIES PARA RESPONSIVIDAD */

        /* Tablets grandes y pantallas medianas (1024px y menos) */
        @media (max-width: 1024px) {
            .bloque-padre-directorio {
                max-width: 100%;
                padding: 15px;
                gap: 15px;
            }

            .bloque-padre-directorio .bloque-directorio {
                width: 65%;
                padding: 25px;
            }

            .bloque-padre-directorio .bloque-interes {
                width: 35%;
                padding: 25px;
            }

            .bloque-padre-directorio .bloque-directorio .titulo-directorio {
                font-size: 1.6rem;
                margin-bottom: 15px;
            }
        }

        /* Tablets (768px y menos) - CAMBIO A LAYOUT VERTICAL */
        @media (max-width: 768px) {
            .bloque-padre-directorio {
                flex-direction: column;
                gap: 20px;
                padding: 15px;
            }

            .bloque-padre-directorio .bloque-directorio {
                width: 100%;
                padding: 25px;
                order: 1; /* El directorio va primero */
            }

            .bloque-padre-directorio .bloque-interes {
                width: 100%;
                padding: 25px;
                order: 2; /* El bloque de interés va segundo */
                box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1); /* Cambiar shadow para layout vertical */
            }

            .bloque-padre-directorio .bloque-directorio .titulo-directorio {
                font-size: 1.5rem;
                margin-bottom: 15px;
                text-align: center; /* Centrar título en móviles */
            }
        }

        /* Móviles pequeños (480px y menos) */
        @media (max-width: 480px) {
            .bloque-padre-directorio {
                padding: 10px;
                gap: 15px;
            }

            .bloque-padre-directorio .bloque-directorio {
                padding: 20px;
                border-radius: 8px;
            }

            .bloque-padre-directorio .bloque-interes {
                padding: 20px;
                border-radius: 8px;
                box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08);
            }

            .bloque-padre-directorio .bloque-directorio .titulo-directorio {
                font-size: 1.3rem;
                margin-bottom: 15px;
                padding-bottom: 8px;
                border-bottom-width: 2px;
            }
        }

        /* Móviles muy pequeños (360px y menos) */
        @media (max-width: 360px) {
            .bloque-padre-directorio {
                padding: 8px;
                gap: 12px;
            }

            .bloque-padre-directorio .bloque-directorio {
                padding: 15px;
                border-radius: 6px;
            }

            .bloque-padre-directorio .bloque-interes {
                padding: 15px;
                border-radius: 6px;
            }

            .bloque-padre-directorio .bloque-directorio .titulo-directorio {
                font-size: 1.2rem;
                margin-bottom: 12px;
                padding-bottom: 6px;
            }
        }

        /* Móviles extra pequeños (320px y menos) */
        @media (max-width: 320px) {
            .bloque-padre-directorio {
                padding: 5px;
                gap: 10px;
            }

            .bloque-padre-directorio .bloque-directorio {
                padding: 12px;
            }

            .bloque-padre-directorio .bloque-interes {
                padding: 12px;
            }

            .bloque-padre-directorio .bloque-directorio .titulo-directorio {
                font-size: 1.1rem;
                margin-bottom: 10px;
                padding-bottom: 5px;
            }
        }

        /* Mejoras para modo paisaje en tablets */
        @media (max-width: 768px) and (orientation: landscape) and (min-width: 481px) {
            .bloque-padre-directorio {
                flex-direction: row;
            }

            .bloque-padre-directorio .bloque-directorio {
                width: 60%;
            }

            .bloque-padre-directorio .bloque-interes {
                width: 40%;
                box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
            }
        }

        /* Optimizaciones para dispositivos táctiles */
        @media (hover: none) and (pointer: coarse) {
            .bloque-padre-directorio .bloque-directorio,
            .bloque-padre-directorio .bloque-interes {
                transition: none;
            }

            /* Mejorar áreas táctiles si hay elementos interactivos */
            .bloque-padre-directorio a,
            .bloque-padre-directorio button {
                min-height: 44px;
                min-width: 44px;
            }
        }

        /* Optimización para impresión */
        @media print {
            .bloque-padre-directorio {
                flex-direction: column;
                gap: 20px;
                padding: 0;
                box-shadow: none;
            }

            .bloque-padre-directorio .bloque-directorio,
            .bloque-padre-directorio .bloque-interes {
                width: 100%;
                box-shadow: none;
                border: 1px solid #ddd;
                page-break-inside: avoid;
            }
        }

        /* Mejoras para accesibilidad */
        @media (prefers-reduced-motion: reduce) {
            .bloque-padre-directorio,
            .bloque-padre-directorio .bloque-directorio,
            .bloque-padre-directorio .bloque-interes {
                transition: none;
            }
        }

        /* Soporte para navegadores antiguos */
        @supports not (display: flex) {
            .bloque-padre-directorio {
                display: block;
            }

            .bloque-padre-directorio .bloque-directorio,
            .bloque-padre-directorio .bloque-interes {
                width: 100%;
                float: none;
                margin-bottom: 20px;
            }
        }

        /* Evitar overflow horizontal */
        .bloque-padre-directorio {
            overflow-x: hidden;
        }

        /* Asegurar que el contenido no se salga */
        .bloque-padre-directorio .bloque-directorio *,
        .bloque-padre-directorio .bloque-interes * {
            box-sizing: border-box;
            max-width: 100%;
        }

        /* Mejoras para texto largo en títulos */
        .bloque-padre-directorio .bloque-directorio .titulo-directorio {
            word-wrap: break-word;
            hyphens: auto;
            line-height: 1.2;
        }

        /* Estados de carga para mejor UX */
        .bloque-padre-directorio.loading {
            opacity: 0.7;
        }

        .bloque-padre-directorio.loading::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin: -20px 0 0 -20px;
            border: 3px solid #2a5298;
            border-radius: 50%;
            border-top-color: transparent;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }/* End custom CSS */