.elementor-40 .elementor-element.elementor-element-f405ea7{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-08b55fb .elementor-repeater-item-bed73b8 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://iberiat.portales.eas.org.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-40 .elementor-element.elementor-element-08b55fb .elementor-repeater-item-d5e0023 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://iberiat.portales.eas.org.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-40 .elementor-element.elementor-element-08b55fb .elementor-repeater-item-d022788 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://iberiat.portales.eas.org.pe/wp-content/uploads/2026/09/Logo-IESP-IT-sin-fondo.png);background-size:cover;}.elementor-40 .elementor-element.elementor-element-08b55fb .swiper-slide{transition-duration:calc(5000ms*1.2);height:605px;}.elementor-40 .elementor-element.elementor-element-08b55fb .swiper-slide-contents{max-width:66%;}.elementor-40 .elementor-element.elementor-element-08b55fb .swiper-slide-inner{text-align:start;}.elementor-40 .elementor-element.elementor-element-5f0ac1d{--display:flex;}.elementor-40 .elementor-element.elementor-element-2d8dc3e{text-align:center;}.elementor-40 .elementor-element.elementor-element-72a424a{text-align:center;}.elementor-40 .elementor-element.elementor-element-a3d9844{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-c6b3d8a{--display:flex;}.elementor-40 .elementor-element.elementor-element-3429125{text-align:center;}.elementor-40 .elementor-element.elementor-element-0e709c3{text-align:center;}.elementor-40 .elementor-element.elementor-element-7158ff5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-7aa3cf0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-7aa3cf0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-7aa3cf0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-7aa3cf0 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-7aa3cf0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-1d77f9b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-1d77f9b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-1d77f9b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-1d77f9b .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-1d77f9b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-6362e12.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-6362e12.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-6362e12.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-6362e12 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-6362e12 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-fba0570.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-fba0570.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-fba0570.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-fba0570 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-fba0570 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-ac04986.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-ac04986.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-ac04986.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ac04986 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-ac04986 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-1b800f1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-1b800f1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-1b800f1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-1b800f1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-1b800f1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-300f6e0{--display:flex;}.elementor-40 .elementor-element.elementor-element-3347105{text-align:center;}.elementor-40 .elementor-element.elementor-element-7cee44f{text-align:center;}.elementor-40 .elementor-element.elementor-element-33c9f2a{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-580e59d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-580e59d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-580e59d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-580e59d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-580e59d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-d9763ac.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-d9763ac.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-d9763ac.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-d9763ac .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-d9763ac .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-0c645a1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-0c645a1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-0c645a1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-0c645a1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-0c645a1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-ae54ff7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-ae54ff7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-ae54ff7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ae54ff7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-ae54ff7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-0dc1311.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-0dc1311.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-0dc1311.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-0dc1311 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-0dc1311 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-68cfa04{--display:flex;}.elementor-40 .elementor-element.elementor-element-69f7b39{text-align:center;}.elementor-40 .elementor-element.elementor-element-45a2a96{text-align:center;}.elementor-40 .elementor-element.elementor-element-c47371a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-18aa2e8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-18aa2e8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-18aa2e8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-18aa2e8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-18aa2e8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-a4a9b2e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-a4a9b2e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-a4a9b2e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-a4a9b2e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-a4a9b2e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-33de95a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-33de95a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-33de95a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-33de95a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-33de95a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-ab153e4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-ab153e4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-ab153e4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ab153e4 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-ab153e4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-ea79437.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-ea79437.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-ea79437.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ea79437 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-ea79437 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-d5cb7db.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-d5cb7db.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-d5cb7db.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-d5cb7db .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-d5cb7db .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-84af9cd{--display:flex;}.elementor-40 .elementor-element.elementor-element-4462da2{text-align:center;}.elementor-40 .elementor-element.elementor-element-7517cbe{text-align:center;}.elementor-40 .elementor-element.elementor-element-d53e704{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-f072bc1{--display:flex;}.elementor-40 .elementor-element.elementor-element-ad42558{text-align:center;}.elementor-40 .elementor-element.elementor-element-b25e343{text-align:center;}.elementor-40 .elementor-element.elementor-element-035bdbe{--display:flex;}.elementor-40 .elementor-element.elementor-element-7774f88{text-align:center;}.elementor-40 .elementor-element.elementor-element-31d1ef4{text-align:center;}.elementor-40 .elementor-element.elementor-element-46c8c18{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-110ddf7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-110ddf7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-110ddf7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-110ddf7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-110ddf7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-35255e1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-35255e1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-35255e1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-35255e1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-35255e1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-fa6f1fd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-fa6f1fd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-fa6f1fd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-fa6f1fd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-fa6f1fd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-40 .elementor-element.elementor-element-b14d15e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-40 .elementor-element.elementor-element-b14d15e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-40 .elementor-element.elementor-element-b14d15e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-b14d15e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-40 .elementor-element.elementor-element-b14d15e .elementor-image-box-img img{transition-duration:0.3s;}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-a3d9844{--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-7158ff5{--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-33c9f2a{--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-c47371a{--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-d53e704{--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-46c8c18{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-a3d9844{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-7158ff5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-7aa3cf0 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-1d77f9b .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-6362e12 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-fba0570 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ac04986 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-1b800f1 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-33c9f2a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-580e59d .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-d9763ac .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-0c645a1 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ae54ff7 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-0dc1311 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-c47371a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-18aa2e8 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-a4a9b2e .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-33de95a .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ab153e4 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-ea79437 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-d5cb7db .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-d53e704{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-46c8c18{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40 .elementor-element.elementor-element-110ddf7 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-35255e1 .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-fa6f1fd .elementor-image-box-img{margin-bottom:15px;}.elementor-40 .elementor-element.elementor-element-b14d15e .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-f405ea7 *//* ========================================================== SLIDER LIMPIO - SIN TEXTO / SIN BLUR IESTP DIVINO JESÚS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 { --morado-oscuro: #2b0b4f; --morado: #45106f; --amarillo: #f5b900; --blanco: #ffffff; position: relative; overflow: hidden; background: #ffffff; border-top: 4px solid #f5b900; border-bottom: 4px solid #2b0b4f; box-shadow: 0 10px 25px rgba(43,11,79,0.12); } /* ========================================================== SLIDER ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-widget-slides, .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-swiper, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper { width: 100%; position: relative; } /* ========================================================== CADA SLIDE ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide { position: relative; overflow: hidden; min-height: 520px; background: #ffffff; } /* ========================================================== IMAGEN LIMPIA ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide-bg { width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; filter: none !important; transform: none !important; transition: none !important; } /* ELIMINAR CUALQUIER CAPA OSCURA */ .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide::before, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide::after { display: none !important; content: none !important; } /* ========================================================== OCULTAR TEXTOS Y BOTONES ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide-contents, .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-slide-heading, .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-slide-description, .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-slide-button { display: none !important; } /* ========================================================== FLECHAS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-swiper-button, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-next { width: 44px !important; height: 44px !important; display: flex !important; align-items: center; justify-content: center; background: rgba(43,11,79,0.92); color: #ffffff !important; border-radius: 50%; border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 5px 15px rgba(0,0,0,0.18); transition: background .25s ease, color .25s ease, transform .25s ease; } .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-swiper-button:hover, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-prev:hover, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-next:hover { background: #f5b900; color: #2b0b4f !important; transform: scale(1.07); } /* ========================================================== PUNTOS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-pagination { bottom: 18px !important; } .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-pagination-bullet { width: 9px !important; height: 9px !important; background: rgba(255,255,255,0.75) !important; opacity: 1 !important; border: 1px solid rgba(43,11,79,0.30); transition: width .25s ease, background .25s ease; } .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-pagination-bullet-active { width: 28px !important; border-radius: 20px !important; background: #f5b900 !important; border-color: #f5b900 !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide { min-height: 430px; } } /* ========================================================== CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-slide { min-height: 320px; } .elementor-40 .elementor-element.elementor-element-f405ea7 .elementor-swiper-button, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-button-next { width: 36px !important; height: 36px !important; } .elementor-40 .elementor-element.elementor-element-f405ea7 .swiper-pagination { bottom: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f0ac1d *//* ================================================== SECCIÓN BIENVENIDA - IESTP IBERIA AZUL INSTITUCIONAL + PLOMO + DORADO ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d { --ib-azul-oscuro: #174A73; --ib-azul-profundo: #1F5F96; --ib-azul: #2F76B3; --ib-azul-vivo: #3E8BC7; --ib-dorado: #C9A227; --ib-dorado-claro: #E6C75A; --ib-blanco: #FFFFFF; --ib-plomo-claro: #EEF2F5; --ib-plomo: #CBD3DA; position: relative; overflow: hidden; background: radial-gradient( circle at 15% 20%, rgba(230,199,90,.11), transparent 30% ), radial-gradient( circle at 88% 72%, rgba(94,166,214,.18), transparent 32% ), linear-gradient( 135deg, #174A73 0%, #1F5F96 32%, #2F76B3 68%, #3E8BC7 100% ); padding: 68px 35px 72px; border-radius: 0; box-shadow: 0 15px 38px rgba(16,57,89,.25); } /* ================================================== LÍNEA SUPERIOR DORADA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 91%; height: 4px; background: linear-gradient( 90deg, #A98017, #C9A227, #E6C75A, #C9A227, #A98017 ); border-radius: 0 0 20px 20px; box-shadow: 0 2px 8px rgba(201,162,39,.32); } /* ================================================== DECORACIÓN DERECHA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d::after { content: ""; position: absolute; right: -110px; bottom: -120px; width: 280px; height: 280px; border: 32px solid rgba(230,199,90,.08); border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.04); pointer-events: none; } /* ================================================== CONTENIDO ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d > .e-con-inner { position: relative; z-index: 2; } /* ================================================== TÍTULOS ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d h1, .elementor-40 .elementor-element.elementor-element-5f0ac1d h2, .elementor-40 .elementor-element.elementor-element-5f0ac1d h3 { color: #FFFFFF !important; text-align: center; font-weight: 800 !important; letter-spacing: -0.35px; text-shadow: 0 2px 5px rgba(6,39,65,.32); margin-bottom: 14px !important; } /* ================================================== LÍNEA DECORATIVA DEL TÍTULO ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d h1::after, .elementor-40 .elementor-element.elementor-element-5f0ac1d h2::after { content: ""; display: block; width: 82px; height: 4px; margin: 17px auto 0; background: linear-gradient( 90deg, #A98017, #E6C75A, #A98017 ); border-radius: 20px; box-shadow: 0 2px 6px rgba(201,162,39,.28); } /* ================================================== TEXTO / DESCRIPCIÓN ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-text-editor { max-width: 880px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-text-editor p { color: #EEF5FA !important; font-size: 15px; line-height: 1.78; font-weight: 400; margin-bottom: 28px; text-shadow: 0 1px 2px rgba(5,42,69,.18); } /* ================================================== TEXTO EN NEGRITA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-text-editor strong { color: #F0D370 !important; font-weight: 700; } /* ================================================== TARJETAS DE IMAGEN ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image { position: relative; overflow: hidden; border-radius: 17px; background: linear-gradient( 145deg, #FFFFFF, #E9EEF2 ); padding: 7px; border: 1px solid rgba(230,199,90,.42); box-shadow: 0 13px 29px rgba(12,55,88,.30), inset 0 1px 0 rgba(255,255,255,.85); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ================================================== IMAGEN ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image img { width: 100%; height: 340px; object-fit: cover; display: block; border-radius: 11px; transition: transform .45s ease, filter .4s ease; } /* ================================================== DEGRADADO SUAVE SOBRE LA IMAGEN ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image::before { content: ""; position: absolute; inset: 7px; border-radius: 11px; background: linear-gradient( to top, rgba(17,69,108,.22), transparent 45% ); z-index: 1; pointer-events: none; } /* ================================================== BARRA INFERIOR DORADA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 75px; height: 5px; background: linear-gradient( 90deg, #A98017, #C9A227, #E6C75A ); border-radius: 10px 10px 0 0; box-shadow: 0 -2px 8px rgba(201,162,39,.27); z-index: 3; transition: width .35s ease; } /* ================================================== HOVER TARJETA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image:hover { transform: translateY(-8px); border-color: rgba(230,199,90,.78); box-shadow: 0 20px 42px rgba(10,53,87,.35), 0 5px 15px rgba(0,0,0,.10); } /* ================================================== HOVER IMAGEN ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image:hover img { transform: scale(1.045); filter: brightness(.94) saturate(1.05); } /* ================================================== AMPLIAR LÍNEA ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image:hover::after { width: 66%; } /* ================================================== SEPARACIÓN DE IMÁGENES ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image { margin-top: 10px; } /* ================================================== CONTENEDORES INTERNOS ================================================== */ .elementor-40 .elementor-element.elementor-element-5f0ac1d .e-con, .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-column { position: relative; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-5f0ac1d { padding: 52px 25px 58px; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image img { height: 285px; } } /* ================================================== CELULAR ================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-5f0ac1d { padding: 42px 16px 48px; background: radial-gradient( circle at 10% 10%, rgba(230,199,90,.10), transparent 30% ), linear-gradient( 150deg, #174A73 0%, #225F91 48%, #337DB8 100% ); } .elementor-40 .elementor-element.elementor-element-5f0ac1d::before { width: 86%; } .elementor-40 .elementor-element.elementor-element-5f0ac1d::after { width: 200px; height: 200px; right: -110px; bottom: -100px; border-width: 24px; } .elementor-40 .elementor-element.elementor-element-5f0ac1d h1, .elementor-40 .elementor-element.elementor-element-5f0ac1d h2 { font-size: 26px !important; line-height: 1.25; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-text-editor p { font-size: 14px; line-height: 1.68; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image { border-radius: 14px; padding: 6px; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image img { height: 245px; border-radius: 9px; } .elementor-40 .elementor-element.elementor-element-5f0ac1d .elementor-widget-image::before { inset: 6px; border-radius: 9px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6b3d8a *//* ========================================================= SERVICIOS INSTITUCIONALES - IESTP IBERIA NARANJA PROFUNDO + DORADO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a { --ib-naranja-oscuro: #5b210d; --ib-naranja-profundo: #7a2a0f; --ib-naranja: #a43a12; --ib-naranja-vivo: #d35400; --ib-dorado: #d6a21c; --ib-dorado-claro: #f0c85a; --ib-blanco: #ffffff; --ib-crema: #f6eee8; --ib-fondo: #eee5df; --ib-texto: #4a2a1d; --ib-texto-suave: #70584c; position: relative; overflow: hidden; background: radial-gradient( circle at 90% 10%, rgba(214,162,28,.08), transparent 25% ), linear-gradient( 145deg, #eee5df 0%, #f6eee8 55%, #ebe0d9 100% ); padding: 68px 35px 72px; border-top: 4px solid #7a2a0f; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); } /* ========================================================= DETALLE SUPERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 150px; height: 5px; background: linear-gradient( 90deg, #b68014, #d6a21c, #f0c85a, #d6a21c, #b68014 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(153,94,5,.20); } /* ========================================================= DECORACIÓN DERECHA ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a::after { content: ""; position: absolute; right: -75px; top: -85px; width: 215px; height: 215px; border-radius: 50%; border: 24px solid rgba(164,58,18,.07); box-shadow: 0 0 0 1px rgba(214,162,28,.04); pointer-events: none; } /* ========================================================= CONTENIDO GENERAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a > .e-con-inner { position: relative; z-index: 2; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a h1, .elementor-40 .elementor-element.elementor-element-c6b3d8a h2 { color: #6b250e !important; text-align: center; font-weight: 800 !important; letter-spacing: -0.35px; margin-bottom: 12px !important; } /* Línea dorada */ .elementor-40 .elementor-element.elementor-element-c6b3d8a h1::after, .elementor-40 .elementor-element.elementor-element-c6b3d8a h2::after { content: ""; display: block; width: 78px; height: 4px; margin: 16px auto 0; background: linear-gradient( 90deg, #b57e10, #e2b334, #f0c85a ); border-radius: 20px; box-shadow: 0 2px 6px rgba(170,111,7,.15); } /* ========================================================= TEXTO INTRODUCTORIO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-text-editor { max-width: 870px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-text-editor p { color: #665248 !important; font-size: 15px; line-height: 1.72; font-weight: 450; margin-bottom: 32px; } /* Negritas */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-text-editor strong { color: #8d300f !important; font-weight: 700; } /* ========================================================= TARJETAS DE SERVICIOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box { position: relative; height: 100%; background: radial-gradient( circle at 80% 15%, rgba(240,200,90,.08), transparent 30% ), linear-gradient( 145deg, #54200d 0%, #6c260e 48%, #812d0f 100% ); border-radius: 18px; padding: 32px 24px 29px; overflow: hidden; border: 1px solid rgba(214,162,28,.30); box-shadow: 0 10px 28px rgba(69,21,5,.22), inset 0 1px 0 rgba(255,255,255,.05); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease; } /* ========================================================= LÍNEA SUPERIOR DE TARJETA ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 5px; background: linear-gradient( 90deg, #b57d0c, #d6a21c, #f0c85a ); border-radius: 0 0 10px 10px; box-shadow: 0 3px 7px rgba(214,162,28,.15); transition: width .32s ease; } /* pequeño brillo interior */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box::after { content: ""; position: absolute; width: 140px; height: 140px; right: -75px; bottom: -75px; border-radius: 50%; background: radial-gradient( circle, rgba(240,200,90,.10), transparent 68% ); pointer-events: none; } /* ========================================================= HOVER TARJETA ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box:hover { transform: translateY(-8px); background: linear-gradient( 145deg, #67240d 0%, #842d0f 50%, #a03910 100% ); border-color: rgba(240,200,90,.60); box-shadow: 0 19px 40px rgba(65,18,4,.30), 0 5px 14px rgba(0,0,0,.10); } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box:hover::before { width: 48%; } /* ========================================================= CONTENIDO DEL IMAGE BOX ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; text-align: center; height: 100%; position: relative; z-index: 2; } /* ========================================================= IMAGEN / ICONO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-img { width: 82px !important; height: 82px !important; margin: 0 auto 21px !important; display: flex; align-items: center; justify-content: center; background: linear-gradient( 145deg, #ffffff, #f8ede3 ); border-radius: 18px; padding: 15px; box-sizing: border-box; border: 2px solid #d6a21c; box-shadow: 0 7px 18px rgba(30,7,0,.23), inset 0 0 0 3px rgba(255,255,255,.45); transition: transform .32s ease, background .32s ease, border-color .32s ease, box-shadow .32s ease; } /* ========================================================= IMAGEN REAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; transition: transform .32s ease, filter .32s ease; } /* ========================================================= HOVER DEL ICONO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-3px) scale(1.08); background: linear-gradient( 145deg, #fffaf3, #f7dec8 ); border-color: #f0c85a; box-shadow: 0 10px 22px rgba(35,8,0,.28); } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.04); } /* ========================================================= TÍTULOS DE SERVICIOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-title { margin: 0 0 12px !important; color: #ffffff !important; font-size: 20px !important; line-height: 1.25; font-weight: 750 !important; text-align: center; text-shadow: 0 2px 4px rgba(39,8,0,.25); } /* ========================================================= DESCRIPCIONES ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-description { color: #f0dfd5 !important; font-size: 14px !important; line-height: 1.65 !important; font-weight: 400; text-align: center; margin: 0 !important; } /* ========================================================= ENLACES DE TÍTULO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-title a { color: #ffffff !important; text-decoration: none !important; transition: color .25s ease; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box:hover .elementor-image-box-title a { color: #f0c85a !important; } /* ========================================================= CONTENIDO ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-content { width: 100%; position: relative; z-index: 2; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box p:last-child { margin-bottom: 0 !important; } /* ========================================================= MEJORAR ESPACIADO ENTRE TARJETAS ========================================================= */ .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box { margin-top: 6px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-c6b3d8a { padding: 56px 25px 62px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box { padding: 28px 20px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-title { font-size: 18px !important; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-img { width: 72px !important; height: 72px !important; padding: 13px; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-c6b3d8a { padding: 46px 16px 52px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a::after { width: 160px; height: 160px; right: -85px; top: -70px; border-width: 18px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a h1, .elementor-40 .elementor-element.elementor-element-c6b3d8a h2 { font-size: 26px !important; line-height: 1.25; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-widget-image-box { padding: 26px 20px; border-radius: 15px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-img { width: 68px !important; height: 68px !important; margin-bottom: 17px !important; padding: 12px; border-radius: 15px; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-title { font-size: 18px !important; } .elementor-40 .elementor-element.elementor-element-c6b3d8a .elementor-image-box-description { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-300f6e0 *//* ========================================================= SERVICIOS INSTITUCIONALES - IESTP IBERIA NARANJA OSCURO + DORADO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 { --naranja-oscuro: #5b210d; --naranja-profundo: #7c2d12; --naranja: #9a3412; --naranja-vivo: #c2410c; --dorado: #d6a21c; --dorado-claro: #f0c85a; --blanco: #ffffff; --fondo: #eee4dc; --fondo-2: #f5ece6; --texto: #4b2b20; --texto-suave: #6e574c; position: relative; overflow: hidden; background: radial-gradient( circle at 92% 8%, rgba(214,162,28,0.09), transparent 25% ), linear-gradient( 145deg, #e8ddd5 0%, #f3ebe5 55%, #e9ded7 100% ); padding: 68px 35px 72px; border-top: 4px solid var(--naranja-profundo); } /* ========================================================= DETALLE DECORATIVO SUPERIOR ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 145px; height: 5px; background: linear-gradient( 90deg, #ad7910, #d6a21c, #f0c85a, #d6a21c, #ad7910 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(152,96,5,0.18); } /* ========================================================= DECORACIÓN DERECHA ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0::after { content: ""; position: absolute; right: -65px; top: -75px; width: 205px; height: 205px; border-radius: 50%; border: 23px solid rgba(154,52,18,0.08); box-shadow: 0 0 0 1px rgba(214,162,28,0.04); pointer-events: none; } /* ========================================================= CONTENIDO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 > .e-con-inner { position: relative; z-index: 2; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 h1, .elementor-40 .elementor-element.elementor-element-300f6e0 h2 { color: #6b260e !important; text-align: center; font-weight: 800 !important; letter-spacing: -0.4px; margin-bottom: 12px !important; } /* línea dorada debajo del título */ .elementor-40 .elementor-element.elementor-element-300f6e0 h1::after, .elementor-40 .elementor-element.elementor-element-300f6e0 h2::after { content: ""; display: block; width: 76px; height: 4px; margin: 15px auto 0; background: linear-gradient( 90deg, #b78113, #d6a21c, #f0c85a ); border-radius: 20px; } /* ========================================================= TEXTO INTRODUCTORIO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-text-editor { max-width: 870px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-text-editor p { color: #665247 !important; font-size: 15px; line-height: 1.72; margin-bottom: 32px; } /* texto en negrita */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-text-editor strong { color: #8b3010 !important; font-weight: 700; } /* ========================================================= CUADROS DE SERVICIOS ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box { position: relative; height: 100%; background: radial-gradient( circle at 80% 10%, rgba(240,200,90,0.08), transparent 28% ), linear-gradient( 145deg, #51200d 0%, #67240e 48%, #7b2b0f 100% ); border-radius: 18px; padding: 31px 24px 29px; overflow: hidden; border: 1px solid rgba(214,162,28,0.30); box-shadow: 0 10px 28px rgba(65,20,5,0.22), inset 0 1px 0 rgba(255,255,255,0.05); transition: transform .32s ease, box-shadow .32s ease, background .32s ease, border-color .32s ease; } /* ========================================================= LÍNEA SUPERIOR DE CADA TARJETA ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 68px; height: 5px; background: linear-gradient( 90deg, #af7a0f, #d6a21c, #f0c85a ); border-radius: 0 0 10px 10px; transition: width .32s ease; } /* ========================================================= DECORACIÓN INTERIOR TARJETA ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 145px; height: 145px; border-radius: 50%; background: radial-gradient( circle, rgba(240,200,90,0.12), transparent 68% ); pointer-events: none; } /* ========================================================= HOVER TARJETA ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box:hover { transform: translateY(-8px); background: linear-gradient( 145deg, #62230d 0%, #7d2b0f 50%, #96340f 100% ); border-color: rgba(240,200,90,0.60); box-shadow: 0 20px 40px rgba(60,17,3,0.30), 0 5px 14px rgba(0,0,0,0.09); } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box:hover::before { width: 48%; } /* ========================================================= CONTENIDO DEL IMAGE BOX ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; text-align: center; height: 100%; position: relative; z-index: 2; } /* ========================================================= IMAGEN / ICONO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-img { width: 82px !important; height: 82px !important; margin: 0 auto 21px !important; display: flex; align-items: center; justify-content: center; background: linear-gradient( 145deg, #ffffff, #f4e7dc ); border-radius: 18px; padding: 14px; box-sizing: border-box; border: 2px solid var(--dorado); box-shadow: 0 7px 18px rgba(35,8,0,0.22); transition: transform .32s ease, background .32s ease, border-color .32s ease, box-shadow .32s ease; } /* ========================================================= IMAGEN REAL ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; transition: transform .32s ease, filter .32s ease; } /* ========================================================= HOVER ICONO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-3px) scale(1.08); background: linear-gradient( 145deg, #fffaf4, #f6deca ); border-color: #f0c85a; box-shadow: 0 10px 22px rgba(35,8,0,0.28); } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.04); } /* ========================================================= TÍTULOS DE CADA SERVICIO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-title { margin: 0 0 12px !important; color: #ffffff !important; font-size: 20px !important; line-height: 1.25; font-weight: 750 !important; text-align: center; text-shadow: 0 2px 4px rgba(40,8,0,0.25); } /* ========================================================= DESCRIPCIONES ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-description { color: #f0dfd5 !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center; margin: 0 !important; } /* ========================================================= TÍTULO CON ENLACE ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-title a { color: #ffffff !important; text-decoration: none !important; transition: color .25s ease; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box:hover .elementor-image-box-title a { color: #f0c85a !important; } /* ========================================================= CONTENIDO ========================================================= */ .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-content { width: 100%; position: relative; z-index: 2; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box p:last-child { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-300f6e0 { padding: 55px 25px 60px; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box { padding: 28px 20px; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-title { font-size: 18px !important; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-img { width: 72px !important; height: 72px !important; padding: 13px; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-300f6e0 { padding: 45px 16px 50px; } .elementor-40 .elementor-element.elementor-element-300f6e0::after { width: 160px; height: 160px; right: -85px; top: -70px; border-width: 18px; } .elementor-40 .elementor-element.elementor-element-300f6e0 h1, .elementor-40 .elementor-element.elementor-element-300f6e0 h2 { font-size: 26px !important; line-height: 1.25; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-widget-image-box { padding: 26px 20px; border-radius: 15px; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-img { width: 68px !important; height: 68px !important; margin-bottom: 16px !important; padding: 12px; border-radius: 15px; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-title { font-size: 18px !important; } .elementor-40 .elementor-element.elementor-element-300f6e0 .elementor-image-box-description { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68cfa04 *//* ========================================================== PROGRAMAS DE ESTUDIO - IESTP IBERIA NARANJA PROFUNDO + DORADO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 { --ib-naranja-oscuro: #5b210d; --ib-naranja-profundo: #7c2d12; --ib-naranja: #9a3412; --ib-naranja-vivo: #c2410c; --ib-dorado: #d6a21c; --ib-dorado-claro: #f0c85a; --ib-fondo: #eee4dc; --ib-fondo-2: #f5ece6; --ib-blanco: #ffffff; --ib-texto: #4c2a1d; --ib-texto-suave: #685247; --ib-borde: #d9c9bf; position: relative; overflow: hidden; background: radial-gradient( circle at 90% 12%, rgba(214,162,28,.08), transparent 26% ), linear-gradient( 145deg, #e9ded6 0%, #f3ebe5 52%, #e7dbd3 100% ); padding: 68px 35px 76px; border-top: 4px solid var(--ib-naranja-profundo); } /* ========================================================== DETALLE SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 145px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a, #d6a21c, #ad7810 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(160,99,5,.15); } /* ========================================================== DECORACIÓN DE FONDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04::after { content: ""; position: absolute; right: -75px; bottom: -100px; width: 220px; height: 220px; border-radius: 50%; border: 25px solid rgba(154,52,18,.055); pointer-events: none; } /* ========================================================== CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 > .e-con-inner { position: relative; z-index: 2; } /* ========================================================== TÍTULO PRINCIPAL ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 h1, .elementor-40 .elementor-element.elementor-element-68cfa04 h2 { color: #68250e !important; text-align: center; font-weight: 800 !important; letter-spacing: -.45px; margin-bottom: 12px !important; } /* Línea debajo del título */ .elementor-40 .elementor-element.elementor-element-68cfa04 h1::after, .elementor-40 .elementor-element.elementor-element-68cfa04 h2::after { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient( 90deg, #b17c12, #d6a21c, #f0c85a ); margin: 16px auto 0; border-radius: 15px; } /* ========================================================== TEXTO INTRODUCTORIO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-text-editor { max-width: 870px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-text-editor p { color: #655046 !important; font-size: 15px; line-height: 1.72; margin-bottom: 36px; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-text-editor strong { color: #8b3010 !important; font-weight: 700; } /* ========================================================== TARJETAS ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box { height: 100%; position: relative; background: linear-gradient( 145deg, #ffffff 0%, #f8f1ec 100% ); border: 1px solid rgba(124,45,18,.16); border-radius: 17px; overflow: hidden; box-shadow: 0 9px 25px rgba(75,25,7,.12); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } /* ========================================================== BARRA SUPERIOR OSCURA ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient( 90deg, #5b210d, #7c2d12, #9a3412 ); z-index: 5; } /* ========================================================== DETALLE DORADO SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box::after { content: ""; position: absolute; top: 0; left: 0; width: 105px; height: 6px; background: linear-gradient( 90deg, #b47d10, #d6a21c, #f0c85a ); z-index: 6; transition: width .32s ease; } /* ========================================================== HOVER TARJETA ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box:hover { transform: translateY(-8px); border-color: rgba(154,52,18,.38); box-shadow: 0 18px 38px rgba(75,24,6,.20); } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box:hover::after { width: 48%; } /* ========================================================== ESTRUCTURA INTERNA ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-wrapper { height: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* ========================================================== CONTENEDOR DE IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img { width: 100% !important; margin: 0 !important; position: relative; overflow: hidden; background: #dfd4cc; } /* ========================================================== OVERLAY SOBRE IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(82,29,10,.20) 0%, transparent 45% ); pointer-events: none; z-index: 2; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img a { display: block; width: 100%; overflow: hidden; } /* ========================================================== IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img img { width: 100% !important; height: 235px !important; display: block; object-fit: cover !important; border-radius: 0 !important; transition: transform .46s ease, filter .38s ease; } /* ========================================================== HOVER IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.055); filter: brightness(.91) saturate(1.06); } /* ========================================================== CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-content { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 28px 28px 31px; text-align: center; position: relative; } /* ========================================================== TÍTULO DEL PROGRAMA ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title { margin: 0 0 12px !important; color: #69260e !important; font-size: 23px !important; line-height: 1.25; font-weight: 800 !important; } /* Título enlazado */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title a { color: #69260e !important; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; transition: color .25s ease; } /* ========================================================== DESCRIPCIÓN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-description { color: #665147 !important; font-size: 14px !important; line-height: 1.67 !important; max-width: 500px; margin: 0 auto !important; } /* ========================================================== BOTÓN VER PROGRAMA ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title a::after { content: "Ver programa →"; display: inline-flex; align-items: center; justify-content: center; min-width: 150px; margin-top: 22px; padding: 11px 21px; background: linear-gradient( 135deg, #7c2d12 0%, #9a3412 60%, #b53b10 100% ); color: #ffffff; border: 1px solid rgba(214,162,28,.45); border-radius: 8px; font-size: 13px; line-height: 1; font-weight: 800; letter-spacing: .2px; box-shadow: 0 6px 14px rgba(92,31,8,.22); transition: background .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease; } /* ========================================================== HOVER BOTÓN ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title a:hover::after { background: linear-gradient( 135deg, #b27d11, #d6a21c, #e6b83b ); color: #54200d; transform: translateY(-3px); box-shadow: 0 9px 18px rgba(120,72,3,.22); } /* ========================================================== HOVER TÍTULO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title a:hover { color: #9a3412 !important; } /* ========================================================== PEQUEÑO DETALLE AL FINAL DEL CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-content::after { content: ""; width: 42px; height: 2px; margin-top: 21px; background: rgba(214,162,28,.40); border-radius: 20px; transition: width .3s ease; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box:hover .elementor-image-box-content::after { width: 75px; background: var(--ib-dorado); } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-68cfa04 { padding: 55px 25px 62px; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img img { height: 215px !important; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-content { padding: 24px 20px 28px; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title { font-size: 20px !important; } } /* ========================================================== CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-68cfa04 { padding: 45px 16px 52px; } .elementor-40 .elementor-element.elementor-element-68cfa04 h1, .elementor-40 .elementor-element.elementor-element-68cfa04 h2 { font-size: 26px !important; line-height: 1.2; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-widget-image-box { border-radius: 14px; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-img img { height: 210px !important; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-content { padding: 23px 18px 26px; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title { font-size: 19px !important; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-description { font-size: 13px !important; } .elementor-40 .elementor-element.elementor-element-68cfa04 .elementor-image-box-title a::after { min-width: 138px; padding: 11px 17px; font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84af9cd *//* ========================================================== COMUNIDAD INSTITUCIONAL - CONTADORES IESTP IBERIA NARANJA PROFUNDO + DORADO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd { --ib-naranja-oscuro: #5b210d; --ib-naranja-profundo: #7c2d12; --ib-naranja: #9a3412; --ib-naranja-vivo: #c2410c; --ib-dorado: #d6a21c; --ib-dorado-claro: #f0c85a; --ib-blanco: #ffffff; --ib-fondo: #eee4dc; --ib-fondo-2: #f6eee8; --ib-texto: #4d2d21; --ib-texto-suave: #665147; position: relative; overflow: hidden; background: radial-gradient( circle at 90% 12%, rgba(214,162,28,.08), transparent 25% ), linear-gradient( 145deg, #e9ded6 0%, #f4ece6 55%, #e8ddd5 100% ); padding: 68px 35px 72px; border-top: 4px solid var(--ib-naranja-profundo); } /* ========================================================== DETALLE SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 145px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a, #d6a21c, #ad7810 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(155,95,4,.15); } /* ========================================================== DECORACIÓN DE FONDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd::after { content: ""; position: absolute; right: -75px; top: -85px; width: 215px; height: 215px; border-radius: 50%; border: 24px solid rgba(154,52,18,.065); pointer-events: none; } /* ========================================================== TÍTULO PRINCIPAL ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd h1, .elementor-40 .elementor-element.elementor-element-84af9cd h2 { color: #68250e !important; text-align: center; font-weight: 800 !important; letter-spacing: -.45px; margin-bottom: 10px !important; } /* Línea dorada */ .elementor-40 .elementor-element.elementor-element-84af9cd h1::after, .elementor-40 .elementor-element.elementor-element-84af9cd h2::after { content: ""; display: block; width: 76px; height: 4px; margin: 16px auto 0; background: linear-gradient( 90deg, #b37c10, #d6a21c, #f0c85a ); border-radius: 20px; } /* ========================================================== TEXTO INTRODUCTORIO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-text-editor { max-width: 870px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-text-editor p { color: #665147 !important; font-size: 15px; line-height: 1.72; margin-bottom: 36px; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-text-editor strong { color: #8b3010 !important; font-weight: 700; } /* ========================================================== HACER QUE LOS 4 CONTADORES ESTÉN EN UNA SOLA FILA ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd > .e-con-inner { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 20px; row-gap: 20px; align-items: stretch; position: relative; z-index: 2; } /* título ocupa toda la fila */ .elementor-40 .elementor-element.elementor-element-84af9cd > .e-con-inner > .elementor-widget-heading { grid-column: 1 / -1; } /* texto ocupa toda la fila */ .elementor-40 .elementor-element.elementor-element-84af9cd > .e-con-inner > .elementor-widget-text-editor { grid-column: 1 / -1; } /* ========================================================== CONTADORES ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter { position: relative; width: 100%; min-width: 0; background: radial-gradient( circle at 80% 15%, rgba(240,200,90,.08), transparent 30% ), linear-gradient( 145deg, #51200d 0%, #68250e 48%, #7d2b0f 100% ); border-radius: 17px; padding: 34px 18px 30px; overflow: hidden; border: 1px solid rgba(214,162,28,.30); box-shadow: 0 10px 27px rgba(70,22,5,.22), inset 0 1px 0 rgba(255,255,255,.05); transition: transform .32s ease, box-shadow .32s ease, background .32s ease, border-color .32s ease; } /* ========================================================== DETALLE DORADO SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 68px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a ); border-radius: 0 0 12px 12px; box-shadow: 0 3px 7px rgba(214,162,28,.17); transition: width .32s ease; } /* ========================================================== CÍRCULO DECORATIVO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter::after { content: ""; position: absolute; right: -38px; bottom: -45px; width: 125px; height: 125px; border-radius: 50%; border: 20px solid rgba(240,200,90,.055); pointer-events: none; transition: transform .35s ease, border-color .35s ease; } /* ========================================================== HOVER DEL CONTADOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter:hover { transform: translateY(-8px); background: linear-gradient( 145deg, #62230d 0%, #7d2b0f 52%, #96340f 100% ); border-color: rgba(240,200,90,.60); box-shadow: 0 19px 39px rgba(61,17,3,.31), 0 5px 14px rgba(0,0,0,.10); } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter:hover::before { width: 48%; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter:hover::after { transform: scale(1.12); border-color: rgba(240,200,90,.09); } /* ========================================================== CONTENIDO INTERNO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } /* ========================================================== NÚMERO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper { color: #f0c85a !important; font-size: 54px !important; line-height: 1 !important; font-weight: 850 !important; margin-bottom: 13px; letter-spacing: -1px; text-shadow: 0 3px 7px rgba(37,8,0,.27); } /* Número + prefijo + sufijo */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number, .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-prefix, .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-suffix { color: #f0c85a !important; } /* ========================================================== PEQUEÑO RESPLANDOR EN EL NÚMERO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper { position: relative; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper::after { content: ""; display: block; width: 42px; height: 2px; margin: 13px auto 0; background: rgba(240,200,90,.45); border-radius: 30px; transition: width .3s ease, background .3s ease; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter:hover .elementor-counter-number-wrapper::after { width: 70px; background: #f0c85a; } /* ========================================================== TÍTULO DEL CONTADOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-title { color: #ffffff !important; font-size: 15px !important; line-height: 1.45; font-weight: 650 !important; text-align: center; margin-top: 3px !important; letter-spacing: .1px; } /* ========================================================== HOVER DEL NÚMERO ========================================================== */ .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper { transition: transform .3s ease, color .3s ease; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter:hover .elementor-counter-number-wrapper { transform: scale(1.05); } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-84af9cd { padding: 55px 25px 60px; } .elementor-40 .elementor-element.elementor-element-84af9cd > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper { font-size: 48px !important; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter { padding: 30px 18px 27px; } } /* ========================================================== CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-84af9cd { padding: 45px 16px 50px; } .elementor-40 .elementor-element.elementor-element-84af9cd > .e-con-inner { grid-template-columns: 1fr; row-gap: 14px; } .elementor-40 .elementor-element.elementor-element-84af9cd h1, .elementor-40 .elementor-element.elementor-element-84af9cd h2 { font-size: 26px !important; line-height: 1.2; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; margin-bottom: 28px; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter { padding: 28px 18px 26px; border-radius: 14px; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-number-wrapper { font-size: 45px !important; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-counter-title { font-size: 14px !important; } .elementor-40 .elementor-element.elementor-element-84af9cd .elementor-widget-counter::after { width: 100px; height: 100px; right: -32px; bottom: -38px; border-width: 16px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f072bc1 *//* ========================================================== SECCIÓN NUESTROS CONVENIOS IESTP IBERIA NARANJA PROFUNDO + DORADO ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 { --ib-naranja-oscuro: #5b210d; --ib-naranja-profundo: #7c2d12; --ib-naranja: #9a3412; --ib-naranja-vivo: #c2410c; --ib-dorado: #d6a21c; --ib-dorado-claro: #f0c85a; --ib-blanco: #ffffff; --ib-crema: #f4ebe5; --ib-fondo: #eee4dc; --ib-texto: #4d2d21; --ib-texto-suave: #685248; position: relative; overflow: hidden; background: radial-gradient( circle at 92% 8%, rgba(214,162,28,.09), transparent 25% ), linear-gradient( 145deg, #e8ddd5 0%, #f3ebe5 55%, #e7dbd3 100% ); padding: 62px 35px 72px; border-top: 4px solid var(--ib-naranja-profundo); } /* ========================================================== DETALLE SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 145px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a, #d6a21c, #ad7810 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(160,96,4,.15); } /* ========================================================== DECORACIÓN DERECHA ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1::after { content: ""; position: absolute; right: -70px; top: -80px; width: 205px; height: 205px; border-radius: 50%; border: 23px solid rgba(154,52,18,.07); pointer-events: none; } /* ========================================================== CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 > .e-con-inner { position: relative; z-index: 2; } /* ========================================================== TÍTULO PRINCIPAL ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 h1, .elementor-40 .elementor-element.elementor-element-f072bc1 h2 { color: #68250e !important; text-align: center; font-weight: 800 !important; letter-spacing: -.5px; margin-bottom: 10px !important; } /* línea dorada */ .elementor-40 .elementor-element.elementor-element-f072bc1 h1::after, .elementor-40 .elementor-element.elementor-element-f072bc1 h2::after { content: ""; display: block; width: 76px; height: 4px; margin: 15px auto 0; background: linear-gradient( 90deg, #b47d10, #d6a21c, #f0c85a ); border-radius: 20px; } /* ========================================================== TEXTO INTRODUCTORIO ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-text-editor { max-width: 850px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-text-editor p { color: #665147 !important; font-size: 15px; line-height: 1.72; margin-bottom: 32px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-text-editor strong { color: #8f300f !important; font-weight: 700; } /* ========================================================== CARRUSEL ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-image-carousel { position: relative !important; max-width: 1250px; margin-left: auto; margin-right: auto; padding: 10px 55px 35px; } /* ========================================================== CADA SLIDE ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide { display: flex !important; align-items: center; justify-content: center; padding: 8px; } /* ========================================================== TARJETA / MARCO DE CONVENIO ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure { position: relative; display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 235px; margin: 0 !important; padding: 14px; box-sizing: border-box; background: linear-gradient( 145deg, #ffffff 0%, #f8f0ea 100% ); border: 1px solid rgba(124,45,18,.17); border-radius: 17px; overflow: hidden; box-shadow: 0 9px 24px rgba(76,25,7,.12); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } /* ========================================================== FRANJA OSCURA SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a::before, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #5b210d, #7c2d12, #9a3412 ); z-index: 4; } /* ========================================================== DETALLE DORADO INFERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a::after, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a ); border-radius: 10px 10px 0 0; box-shadow: 0 -2px 7px rgba(214,162,28,.15); transition: width .32s ease; z-index: 5; } /* ========================================================== IMÁGENES ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide img { width: 100% !important; height: 205px !important; object-fit: contain !important; display: block; border-radius: 10px; transition: transform .38s ease, filter .35s ease; } /* ========================================================== HOVER TARJETA ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure:hover { transform: translateY(-7px); border-color: rgba(154,52,18,.40); box-shadow: 0 17px 34px rgba(75,23,5,.20); } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a:hover::after, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure:hover::after { width: 52%; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide:hover img { transform: scale(1.04); filter: brightness(.96) saturate(1.04); } /* ========================================================== FLECHAS DEL CARRUSEL ALINEADAS CON LAS TARJETAS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { position: absolute !important; top: 50% !important; width: 46px !important; height: 46px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 145deg, #5b210d 0%, #7c2d12 55%, #9a3412 100% ) !important; color: #ffffff !important; border: 2px solid rgba(214,162,28,.72) !important; border-radius: 50% !important; box-shadow: 0 7px 18px rgba(65,20,5,.27), 0 2px 5px rgba(0,0,0,.10) !important; z-index: 30 !important; cursor: pointer; transition: background .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease, border-color .28s ease; } /* ========================================================== FLECHA IZQUIERDA ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev { left: 8px !important; right: auto !important; transform: translateY(-50%) !important; } /* ========================================================== FLECHA DERECHA ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { right: 8px !important; left: auto !important; transform: translateY(-50%) !important; } /* ========================================================== ICONOS DE LAS FLECHAS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button svg { width: 17px !important; height: 17px !important; fill: currentColor !important; color: inherit !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev::after, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next::after { font-size: 15px !important; font-weight: 800 !important; color: inherit !important; } /* ========================================================== HOVER FLECHAS ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next:hover { background: linear-gradient( 135deg, #b47d10, #d6a21c, #f0c85a ) !important; color: #54200d !important; border-color: #f0c85a !important; box-shadow: 0 10px 22px rgba(82,25,5,.27), 0 3px 8px rgba(214,162,28,.22) !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev:hover { transform: translateY(-50%) scale(1.10) !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next:hover, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next:hover { transform: translateY(-50%) scale(1.10) !important; } /* ========================================================== AL PRESIONAR ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev:active, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev:active, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next:active, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next:active { transform: translateY(-50%) scale(.94) !important; } /* ========================================================== PAGINACIÓN ========================================================== */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-pagination { position: relative !important; margin-top: 20px; bottom: auto !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-pagination-bullet { width: 9px !important; height: 9px !important; background: #bba79a !important; opacity: 1 !important; margin: 0 5px !important; transition: width .25s ease, background .25s ease, transform .25s ease; } /* punto activo */ .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-pagination-bullet-active { width: 28px !important; border-radius: 20px !important; background: linear-gradient( 90deg, #b47d10, #d6a21c, #f0c85a ) !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-f072bc1 { padding: 52px 25px 60px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-image-carousel { padding: 10px 48px 30px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure { min-height: 210px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide img { height: 180px !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { width: 42px !important; height: 42px !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev { left: 5px !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { right: 5px !important; } } /* ========================================================== CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-f072bc1 { padding: 43px 15px 50px; } .elementor-40 .elementor-element.elementor-element-f072bc1 h1, .elementor-40 .elementor-element.elementor-element-f072bc1 h2 { font-size: 26px !important; line-height: 1.2; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-widget-image-carousel { padding: 5px 36px 25px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide a, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide figure { min-height: 220px; border-radius: 14px; padding: 12px; } .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-slide img { height: 195px !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { width: 37px !important; height: 37px !important; border-width: 1.5px !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-prev, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-prev { left: 0 !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button-next, .elementor-40 .elementor-element.elementor-element-f072bc1 .swiper-button-next { right: 0 !important; } .elementor-40 .elementor-element.elementor-element-f072bc1 .elementor-swiper-button svg { width: 14px !important; height: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-035bdbe *//* ========================================================== NOTICIAS Y COMUNICADOS IESTP IBERIA NARANJA PROFUNDO + DORADO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe { --ib-naranja-oscuro: #5b210d; --ib-naranja-profundo: #7c2d12; --ib-naranja: #9a3412; --ib-naranja-vivo: #c2410c; --ib-dorado: #d6a21c; --ib-dorado-claro: #f0c85a; --ib-blanco: #ffffff; --ib-fondo: #eee4dc; --ib-fondo-2: #f5ece6; --ib-texto: #4d2d21; --ib-texto-suave: #665147; position: relative; overflow: hidden; background: radial-gradient( circle at 92% 10%, rgba(214,162,28,.08), transparent 25% ), linear-gradient( 145deg, #e9ded6 0%, #f4ece6 55%, #e8ddd5 100% ); padding: 68px 35px 76px; border-top: 4px solid var(--ib-naranja-profundo); } /* ========================================================== DETALLE SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 145px; height: 5px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a, #d6a21c, #ad7810 ); border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px rgba(160,96,4,.15); } /* ========================================================== DECORACIÓN DE FONDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe::after { content: ""; position: absolute; right: -75px; top: -85px; width: 210px; height: 210px; border-radius: 50%; border: 24px solid rgba(154,52,18,.065); pointer-events: none; } /* ========================================================== CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe > .e-con-inner { position: relative; z-index: 2; } /* ========================================================== TÍTULO PRINCIPAL ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe h1, .elementor-40 .elementor-element.elementor-element-035bdbe h2 { color: #68250e !important; text-align: center; font-weight: 800 !important; letter-spacing: -.5px; margin-bottom: 10px !important; } /* Línea dorada */ .elementor-40 .elementor-element.elementor-element-035bdbe h1::after, .elementor-40 .elementor-element.elementor-element-035bdbe h2::after { content: ""; display: block; width: 76px; height: 4px; margin: 15px auto 0; background: linear-gradient( 90deg, #b47d10, #d6a21c, #f0c85a ); border-radius: 20px; } /* ========================================================== TEXTO INTRODUCTORIO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-text-editor { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-text-editor p { color: #665147 !important; font-size: 15px; line-height: 1.72; margin-bottom: 36px; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-text-editor strong { color: #8d300f !important; font-weight: 700; } /* ========================================================== TARJETA DE NOTICIA ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box { position: relative; height: 100%; background: linear-gradient( 145deg, #ffffff 0%, #f8f0ea 100% ); border: 1px solid rgba(124,45,18,.16); border-radius: 17px; overflow: hidden; box-shadow: 0 9px 25px rgba(75,24,6,.12); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } /* ========================================================== FRANJA SUPERIOR NARANJA OSCURA ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient( 90deg, #5b210d, #7c2d12, #9a3412 ); z-index: 6; } /* ========================================================== DETALLE DORADO SUPERIOR ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box::after { content: ""; position: absolute; top: 0; left: 0; width: 95px; height: 6px; background: linear-gradient( 90deg, #ad7810, #d6a21c, #f0c85a ); z-index: 7; transition: width .32s ease; } /* ========================================================== HOVER TARJETA ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box:hover { transform: translateY(-8px); border-color: rgba(154,52,18,.35); box-shadow: 0 18px 37px rgba(75,23,5,.20); } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box:hover::after { width: 42%; } /* ========================================================== ESTRUCTURA INTERNA ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-wrapper { height: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; text-align: left !important; } /* ========================================================== IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img { position: relative; width: 100% !important; margin: 0 !important; overflow: hidden; background: #ddd1c8; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img a { display: block; width: 100%; overflow: hidden; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img img { display: block; width: 100% !important; height: 270px !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .45s ease, filter .35s ease; } /* ========================================================== OVERLAY SOBRE LA IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img::before { content: ""; position: absolute; inset: 0; background: linear-gradient( to top, rgba(82,29,10,.28) 0%, transparent 45% ); z-index: 3; pointer-events: none; } /* ========================================================== HOVER IMAGEN ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.05); filter: brightness(.92) saturate(1.05); } /* ========================================================== ETIQUETA "NOTICIA" ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img::after { content: "NOTICIA"; position: absolute; left: 18px; bottom: 15px; z-index: 5; background: linear-gradient( 135deg, #b47d10, #d6a21c, #f0c85a ); color: #55200d; padding: 7px 12px; border: 1px solid rgba(255,255,255,.32); border-radius: 6px; box-shadow: 0 4px 10px rgba(62,20,5,.22); font-size: 10px; line-height: 1; font-weight: 800; letter-spacing: .8px; pointer-events: none; } /* ========================================================== CONTENIDO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-content { position: relative; flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 26px 27px 29px; text-align: left !important; } /* pequeño detalle inferior */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-content::after { content: ""; width: 42px; height: 2px; margin-top: 21px; background: rgba(214,162,28,.45); border-radius: 20px; transition: width .3s ease, background .3s ease; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box:hover .elementor-image-box-content::after { width: 75px; background: #d6a21c; } /* ========================================================== TÍTULO DE NOTICIA ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title { margin: 0 0 12px !important; color: #68250e !important; font-size: 22px !important; line-height: 1.3 !important; font-weight: 800 !important; text-align: left !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title a { color: #68250e !important; text-decoration: none !important; transition: color .25s ease; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title a:hover { color: #9a3412 !important; } /* ========================================================== DESCRIPCIÓN ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-description { color: #665147 !important; font-size: 14px !important; line-height: 1.7 !important; text-align: left !important; margin: 0 !important; } /* ========================================================== BOTÓN AUTOMÁTICO ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title a::after { content: "Leer noticia →"; display: table; margin-top: 20px; padding: 11px 18px; background: linear-gradient( 135deg, #6b250e 0%, #7c2d12 55%, #9a3412 100% ); color: #ffffff; border: 1px solid rgba(214,162,28,.45); border-radius: 7px; box-shadow: 0 6px 14px rgba(80,25,5,.20); font-size: 12px; line-height: 1; font-weight: 750; letter-spacing: .2px; transition: background .27s ease, color .27s ease, transform .27s ease, box-shadow .27s ease; } /* ========================================================== HOVER BOTÓN ========================================================== */ .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title a:hover::after { background: linear-gradient( 135deg, #b47d10, #d6a21c, #f0c85a ); color: #55200d; transform: translateY(-3px); box-shadow: 0 9px 18px rgba(118,70,3,.22); } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-40 .elementor-element.elementor-element-035bdbe { padding: 55px 25px 62px; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img img { height: 235px !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title { font-size: 20px !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-content { padding: 23px 21px 26px; } } /* ========================================================== CELULAR ========================================================== */ @media (max-width: 767px) { .elementor-40 .elementor-element.elementor-element-035bdbe { padding: 44px 15px 52px; } .elementor-40 .elementor-element.elementor-element-035bdbe h1, .elementor-40 .elementor-element.elementor-element-035bdbe h2 { font-size: 25px !important; line-height: 1.2; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; margin-bottom: 29px; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-widget-image-box { border-radius: 14px; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-img img { height: 220px !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-content { padding: 21px 18px 24px; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title { font-size: 19px !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-description { font-size: 13px !important; } .elementor-40 .elementor-element.elementor-element-035bdbe .elementor-image-box-title a::after { padding: 10px 16px; font-size: 11px; } }/* End custom CSS */