Calendarios escolares anteriores Calendario escolar IEMS 2025-2026 Calendario escolar IEMS 2024-2025 Calendario escolar IEMS 2023-2024 Calendario escolar IEMS 2022-2023 Calendario escolar IEMS 2021-2022 /* Fondo oscuro detrás del modal */ .modal-overlay-pdf { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); display: flex; justify-content: center; align-items: center; z-index: 99999; /* Por encima de todo en Joomla */ opacity: 0; pointer-events: none; transition: opacity 0.4s ease; } /* Estado activo del modal */ .modal-overlay-pdf.mostrar-modal { opacity: 1; pointer-events: auto; } /* Caja del contenedor del PDF */ .modal-wrapper-pdf { background: #fff; width: 90%; max-width: 500px; /* Tamaño estético e ideal */ height: 80vh; border-radius: 16px; position: relative; box-shadow: 0 15px 40px rgba(0,0,0,0.4); transform: scale(0.7); transition: transform 0.4s ease; overflow: hidden; } .modal-overlay-pdf.mostrar-modal .modal-wrapper-pdf { transform: scale(1); } /* Botón de cerrar (X) flotante sobre el PDF */ .boton-cerrar-modal { position: absolute; top: 15px; right: 15px; background: #8D203D; /* Guinda Institucional */ color: #fff; border: none; font-size: 22px; font-weight: bold; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; z-index: 100000; /* Asegura estar por encima del iframe */ display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 8px rgba(0,0,0,0.3); transition: background 0.2s, transform 0.2s; } .boton-cerrar-modal:hover { background: #333; transform: scale(1.05); } ×
