.elementor-5047 .elementor-element.elementor-element-59ae402{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5047 .elementor-element.elementor-element-7f29528 img{width:100%;max-width:100%;height:405px;object-fit:cover;object-position:center center;}.elementor-5047 .elementor-element.elementor-element-4b18335{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-9045ff0{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5047 .elementor-element.elementor-element-a35eaf7{--display:flex;}.elementor-5047 .elementor-element.elementor-element-79e3f11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-4a3ddd9{--display:flex;}.elementor-5047 .elementor-element.elementor-element-a3b8323{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5047 .elementor-element.elementor-element-294b40b{--display:flex;}.elementor-5047 .elementor-element.elementor-element-e0dcdd1{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5047 .elementor-element.elementor-element-575e6aa .gallery-item .gallery-caption{text-align:center;}.elementor-5047 .elementor-element.elementor-element-f95f8d5{--display:flex;}.elementor-5047 .elementor-element.elementor-element-a786bbb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-5b3c29c{--display:flex;}.elementor-5047 .elementor-element.elementor-element-678cea0{--display:flex;}.elementor-5047 .elementor-element.elementor-element-1df1780{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5047 .elementor-element.elementor-element-1df1780:not(.elementor-motion-effects-element-type-background), .elementor-5047 .elementor-element.elementor-element-1df1780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D4067;}.elementor-5047 .elementor-element.elementor-element-ac37aef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-846dc52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-d8a7325{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-7b3301a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5047 .elementor-element.elementor-element-7c878d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-5047 .elementor-element.elementor-element-ac37aef{--width:25%;}.elementor-5047 .elementor-element.elementor-element-846dc52{--width:25%;}.elementor-5047 .elementor-element.elementor-element-d8a7325{--width:25%;}.elementor-5047 .elementor-element.elementor-element-7b3301a{--width:25%;}.elementor-5047 .elementor-element.elementor-element-7c878d7{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-4b18335 *//* ==========================================================
   SECCIÓN DE PRESENTACIÓN INSTITUCIONAL - IESTP MANU
========================================================== */

/* 1. Contenedor Padre (Card Elevada) */
.elementor-5047 .elementor-element.elementor-element-4b18335 {
    background: linear-gradient(145deg, #ffffff 0%, #f4fbf7 60%, #eef8f2 100%) !important;
    border-radius: 28px !important;
    padding: 50px 40px !important;
    border: 1px solid rgba(8, 123, 67, 0.18) !important;
    box-shadow: 0 20px 45px rgba(3, 74, 44, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    gap: 40px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Brillo superior decorativo */
.elementor-5047 .elementor-element.elementor-element-4b18335::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #034a2c 0%, #087b43 40%, #f2d437 70%, #1598a9 100%);
}

/* Hover en la sección */
.elementor-5047 .elementor-element.elementor-element-4b18335:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 55px rgba(3, 74, 44, 0.14) !important;
    border-color: rgba(242, 212, 55, 0.5) !important;
}

/* 2. Contenedor de Texto (Izquierda) */
.elementor-5047 .elementor-element.elementor-element-4b18335 > .e-con:nth-child(1) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Encabezado Principal */
.elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-heading-title {
    color: #034a2c !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    font-size: clamp(26px, 2.8vw, 36px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

/* Línea decorativa doble */
.elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-heading-title::after {
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    background: linear-gradient(90deg, #f2d437, #1598a9);
    border-radius: 10px;
    margin-top: 14px;
}

/* Texto Descriptivo */
.elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-widget-text-editor {
    color: #234232 !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-size: 16.5px !important;
    line-height: 1.8 !important;
    font-weight: 450 !important;
    margin-bottom: 24px !important;
}

/* 3. Botón / Enlace dentro del texto (si agregas uno) */
.elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-button,
.elementor-5047 .elementor-element.elementor-element-4b18335 a.elementor-button {
    background: linear-gradient(135deg, #056337, #087b43) !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 28px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(5, 99, 55, 0.25) !important;
    transition: all 0.3s ease !important;
}

.elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-button:hover {
    background: linear-gradient(135deg, #087b43, #034a2c) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(5, 99, 55, 0.35) !important;
}

/* 4. Contenedor de Imagen (Derecha) */
.elementor-5047 .elementor-element.elementor-element-4b18335 > .e-con:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.elementor-5047 .elementor-element.elementor-element-4b18335 > .e-con:nth-child(2) img {
    border-radius: 20px !important;
    box-shadow: 0 16px 38px rgba(3, 74, 44, 0.16) !important;
    border: 4px solid #ffffff !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Zoom y elevación al pasar el mouse sobre la imagen */
.elementor-5047 .elementor-element.elementor-element-4b18335 > .e-con:nth-child(2):hover img {
    transform: scale(1.03) translateY(-6px) !important;
    box-shadow: 0 24px 48px rgba(3, 74, 44, 0.24) !important;
}

/* ----------------------------------------------------------
   5. AJUSTES RESPONSIVOS (Móviles y Tablets)
---------------------------------------------------------- */
@media (max-width: 991px) {
    .elementor-5047 .elementor-element.elementor-element-4b18335 {
        padding: 36px 28px !important;
    }
}

@media (max-width: 767px) {
    .elementor-5047 .elementor-element.elementor-element-4b18335 {
        padding: 28px 20px !important;
        border-radius: 20px !important;
        gap: 24px !important;
    }

    .elementor-5047 .elementor-element.elementor-element-4b18335 .elementor-heading-title::after {
        width: 55px;
        height: 4px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79e3f11 *//* ==========================================================
   SECCIÓN PROGRAMA DE ESTUDIOS DESTACADO - IESTP MANU
========================================================== */

/* 1. Marco Principal de la Carrera */
.elementor-5047 .elementor-element.elementor-element-79e3f11 {
    background: linear-gradient(135deg, #034a2c 0%, #056337 50%, #087b43 100%) !important;
    border-radius: 28px !important;
    padding: 45px 40px !important;
    border: 2px solid rgba(242, 212, 55, 0.4) !important;
    box-shadow: 0 20px 45px rgba(3, 74, 44, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
    gap: 35px !important;
    align-items: center !important;
}

/* Marca de agua / Brillo decorativo de fondo */
.elementor-5047 .elementor-element.elementor-element-79e3f11::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(242, 212, 55, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

/* 2. Subtítulo / Etiqueta Superior */
.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-widget-heading:nth-child(1) .elementor-heading-title {
    color: #f2d437 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 8px !important;
}

/* 3. Título del Programa de Estudios */
.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-widget-heading:nth-child(2) .elementor-heading-title {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 2.5vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
}

/* 4. Descripción del Programa */
.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-widget-text-editor {
    color: #e2f4ea !important;
    font-size: 15.5px !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
}

/* 5. Estilo de los Badges / Ficha Técnica (si usas íconos o listas) */
.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-icon-list-item {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 8px 16px !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    backdrop-filter: blur(4px);
}

/* 6. Botón Principal (CTA) */
.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-button {
    background: linear-gradient(135deg, #f2d437, #e5c21f) !important;
    color: #034a2c !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    padding: 14px 32px !important;
    border-radius: 14px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.elementor-5047 .elementor-element.elementor-element-79e3f11 .elementor-button:hover {
    background: #ffffff !important;
    color: #034a2c !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

/* 7. Contenedor de Imagen (Derecha) */
.elementor-5047 .elementor-element.elementor-element-79e3f11 > .e-con:nth-child(2) img {
    border-radius: 20px !important;
    border: 4px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.4s ease !important;
    object-fit: cover !important;
}

.elementor-5047 .elementor-element.elementor-element-79e3f11 > .e-con:nth-child(2):hover img {
    transform: scale(1.03) rotate(1deg) !important;
}

/* Adaptabilidad a Móviles */
@media (max-width: 767px) {
    .elementor-5047 .elementor-element.elementor-element-79e3f11 {
        padding: 30px 20px !important;
        border-radius: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e0dcdd1 *//* ==========================================================
   SECCIÓN DE NOTICIAS Y NOVEDADES - IESTP MANU
========================================================== */

/* 1. Marco Principal de la Sección */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 45px 35px !important;
    border: 1px solid rgba(5, 99, 55, 0.12) !important;
    box-shadow: 0 15px 35px rgba(3, 74, 44, 0.06) !important;
    gap: 25px !important;
}

/* 2. Encabezado / Título de la Sección */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .elementor-heading-title {
    color: #034a2c !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    position: relative !important;
}

/* Línea decorativa centrada debajo del título */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .elementor-heading-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #f2d437, #1598a9);
    border-radius: 2px;
    margin: 12px auto 0 auto;
}

/* 3. Subtítulo o Texto Descriptivo */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .elementor-widget-text-editor {
    color: #4a6356 !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    max-width: 750px !important;
    margin: 0 auto 15px auto !important;
}

/* 4. Estilos de la Galería Básica */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-item {
    margin: 0 !important;
    max-width: 100% !important;
}

/* Tarjeta e Imagen dentro de la Galería */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-icon {
    overflow: hidden !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    border: 3px solid #ffffff !important;
    transition: all 0.35s ease !important;
}

.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-icon img {
    border: none !important;
    border-radius: 14px !important;
    transition: transform 0.4s ease !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 200px !important; /* Mantiene todas las fotos del mismo tamaño */
    display: block !important;
}

/* Efecto Hover en las Fotos de la Galería */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-item:hover .gallery-icon {
    box-shadow: 0 15px 30px rgba(3, 74, 44, 0.2) !important;
    transform: translateY(-4px) !important;
    border-color: rgba(242, 212, 55, 0.6) !important;
}

.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-item:hover img {
    transform: scale(1.06) !important;
}

/* Pie de foto / Leyenda de la imagen (si le agregas texto) */
.elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery-caption {
    font-size: 13px !important;
    color: #234232 !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Adaptabilidad para Móviles */
@media (max-width: 767px) {
    .elementor-5047 .elementor-element.elementor-element-e0dcdd1 {
        padding: 30px 18px !important;
        border-radius: 18px !important;
    }

    .elementor-5047 .elementor-element.elementor-element-e0dcdd1 .gallery {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
        gap: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f95f8d5 *//* ==========================================================
   SECCIÓN DE NOTICIAS Y NOVEDADES - IESTP MANU
========================================================== */

/* 1. Marco Principal de la Sección */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 45px 35px !important;
    border: 1px solid rgba(5, 99, 55, 0.12) !important;
    box-shadow: 0 15px 35px rgba(3, 74, 44, 0.06) !important;
    gap: 25px !important;
}

/* 2. Encabezado / Título de la Sección */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .elementor-heading-title {
    color: #034a2c !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    position: relative !important;
}

/* Línea decorativa centrada debajo del título */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .elementor-heading-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #f2d437, #1598a9);
    border-radius: 2px;
    margin: 12px auto 0 auto;
}

/* 3. Subtítulo o Texto Descriptivo */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .elementor-widget-text-editor {
    color: #4a6356 !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    max-width: 750px !important;
    margin: 0 auto 15px auto !important;
}

/* 4. Estilos de la Galería Básica */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-item {
    margin: 0 !important;
    max-width: 100% !important;
}

/* Tarjeta e Imagen dentro de la Galería */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-icon {
    overflow: hidden !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
    border: 3px solid #ffffff !important;
    transition: all 0.35s ease !important;
}

.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-icon img {
    border: none !important;
    border-radius: 14px !important;
    transition: transform 0.4s ease !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 200px !important; /* Mantiene todas las fotos del mismo tamaño */
    display: block !important;
}

/* Efecto Hover en las Fotos de la Galería */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-item:hover .gallery-icon {
    box-shadow: 0 15px 30px rgba(3, 74, 44, 0.2) !important;
    transform: translateY(-4px) !important;
    border-color: rgba(242, 212, 55, 0.6) !important;
}

.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-item:hover img {
    transform: scale(1.06) !important;
}

/* Pie de foto / Leyenda de la imagen (si le agregas texto) */
.elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery-caption {
    font-size: 13px !important;
    color: #234232 !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Adaptabilidad para Móviles */
@media (max-width: 767px) {
    .elementor-5047 .elementor-element.elementor-element-f95f8d5 {
        padding: 30px 18px !important;
        border-radius: 18px !important;
    }

    .elementor-5047 .elementor-element.elementor-element-f95f8d5 .gallery {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
        gap: 15px !important;
    }
}/* End custom CSS */