.elementor-445 .elementor-element.elementor-element-e9dd79e:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-e9dd79e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ayscorporate.es/wp-content/uploads/2026/01/zutrittskontrolle-4312260_1920.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-445 .elementor-element.elementor-element-e9dd79e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;}.elementor-445 .elementor-element.elementor-element-e9dd79e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-9aab00f{width:var( --container-widget-width, 97.942% );max-width:97.942%;--container-widget-width:97.942%;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-9aab00f > .elementor-widget-container{margin:26% 0% 0% 0%;}.elementor-445 .elementor-element.elementor-element-9aab00f .elementor-heading-title{font-size:77px;color:#FCFCFC;}.elementor-445 .elementor-element.elementor-element-becbc89 > .elementor-widget-container{margin:0px 0px 0px -3px;}.elementor-445 .elementor-element.elementor-element-becbc89{color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-9028801 .elementor-button{background-color:#0474B9;font-weight:700;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-9028801 .elementor-button:hover, .elementor-445 .elementor-element.elementor-element-9028801 .elementor-button:focus{background-color:#CFECFE;color:#000000;}.elementor-445 .elementor-element.elementor-element-9028801{width:var( --container-widget-width, 103.014% );max-width:103.014%;--container-widget-width:103.014%;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-9028801 > .elementor-widget-container{margin:-8px 0px 0px -4px;}.elementor-445 .elementor-element.elementor-element-9028801 .elementor-button:hover svg, .elementor-445 .elementor-element.elementor-element-9028801 .elementor-button:focus svg{fill:#000000;}.elementor-445 .elementor-element.elementor-element-b1a602d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-445 .elementor-element.elementor-element-b1a602d{width:var( --container-widget-width, 113.469% );max-width:113.469%;--container-widget-width:113.469%;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-b1a602d > .elementor-widget-container{margin:21% 0% 0% 0%;}.elementor-445 .elementor-element.elementor-element-b1a602d .elementor-main-swiper{height:263px;}.elementor-445 .elementor-element.elementor-element-b1a602d .elementor-swiper-button{font-size:20px;}.elementor-445 .elementor-element.elementor-element-b1a602d .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-445 .elementor-element.elementor-element-57c398e{--spacer-size:41px;}.elementor-445 .elementor-element.elementor-element-1a9c01b img{width:83%;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:30px;--ekit_testimonial_slidetoshow:1;}.elementor-445 .elementor-element.elementor-element-e6d3b36{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-e6d3b36 > .elementor-widget-container{margin:-20% -21% 18% 29%;box-shadow:2px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-445 .elementor-element.elementor-element-e6d3b36 .ekit_testimonial_style_5 .elementskit-watermark-icon{bottom:30px;right:30px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-single-testimonial-slider, .elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial_card{border-radius:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-single-testimonial-slider .elementskit-commentor-content > p{margin:12px 0px 20px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial_card .elementskit-commentor-coment{margin:12px 0px 20px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-stars > li > a, .elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-stars > li:not(:last-child){margin-right:2px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-stars{margin:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before{border-radius:50%;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-profile-info .elementskit-author-name{margin-bottom:0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-commentor-bio .elementskit-commentor-image > img{height:56px;width:56px;}.elementor-445 .elementor-element.elementor-element-852b304 .elementor-heading-title{color:#0474B9;}.elementor-445 .elementor-element.elementor-element-13dd60e:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-13dd60e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-13dd60e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-445 .elementor-element.elementor-element-13dd60e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-442ce9f{text-align:center;}.elementor-445 .elementor-element.elementor-element-7d6cf01:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-7d6cf01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#012C46;}.elementor-445 .elementor-element.elementor-element-7d6cf01{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-445 .elementor-element.elementor-element-7d6cf01 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-764b6aa{--spacer-size:50px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-705aae5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box{height:469px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__image img{width:86%;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:42px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__button{margin-center:0;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#000000;font-size:21px;}.elementor-445 .elementor-element.elementor-element-073e72f{--spacer-size:50px;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box{height:469px;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__image img{width:95%;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:42px;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__button{margin-center:0;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#000000;font-size:21px;}.elementor-445 .elementor-element.elementor-element-8905cfd{--spacer-size:50px;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box{height:469px;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__image img{width:86%;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:42px;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__button{margin-center:0;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#000000;font-size:21px;}.elementor-445 .elementor-element.elementor-element-327c090:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-327c090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#012C46;}.elementor-445 .elementor-element.elementor-element-327c090{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-445 .elementor-element.elementor-element-327c090 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box{height:469px;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__image img{width:86%;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:42px;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__button{margin-center:0;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description{color:#000000;font-size:21px;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box{height:469px;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__image{margin-bottom:0px;opacity:1;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__image img{width:86%;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:42px;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__button{margin-center:0;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#000000;font-size:21px;}.elementor-445 .elementor-element.elementor-element-f30aa11{--spacer-size:119px;}.elementor-445 .elementor-element.elementor-element-87c135a:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-87c135a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-87c135a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-445 .elementor-element.elementor-element-87c135a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-67993c5:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-67993c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-445 .elementor-element.elementor-element-67993c5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-445 .elementor-element.elementor-element-67993c5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-445 .elementor-element.elementor-element-588b7a8 .elementor-icon-box-wrapper{gap:15px;}.elementor-445 .elementor-element.elementor-element-6d96028 .elementor-icon-box-wrapper{gap:15px;}.elementor-445 .elementor-element.elementor-element-d1bc724 .elementor-icon-box-wrapper{gap:15px;}.elementor-445 .elementor-element.elementor-element-b9ddfad .elementor-icon-box-wrapper{gap:15px;}.elementor-445 .elementor-element.elementor-element-81bf835 .elementor-icon-box-wrapper{gap:15px;}.elementor-445 .elementor-element.elementor-element-205ff29{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-445 .elementor-element.elementor-element-e9dd79e{margin-top:0px;margin-bottom:-30px;}.elementor-445 .elementor-element.elementor-element-9aab00f{width:var( --container-widget-width, 280.234px );max-width:280.234px;--container-widget-width:280.234px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-9aab00f > .elementor-widget-container{margin:41% 0% 0% 0%;}.elementor-445 .elementor-element.elementor-element-9aab00f .elementor-heading-title{font-size:43px;}.elementor-445 .elementor-element.elementor-element-b1a602d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-445 .elementor-element.elementor-element-b1a602d .elementor-main-swiper{height:156px;width:412px;}.elementor-445 .elementor-element.elementor-element-57c398e{--spacer-size:70px;}.elementor-445 .elementor-element.elementor-element-1a9c01b{text-align:center;}.elementor-445 .elementor-element.elementor-element-1a9c01b img{width:65%;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-445 .elementor-element.elementor-element-e6d3b36{width:var( --container-widget-width, 567px );max-width:567px;--container-widget-width:567px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-e6d3b36 > .elementor-widget-container{margin:0% 1% -88% 0%;}.elementor-445 .elementor-element.elementor-element-442ce9f{width:var( --container-widget-width, 783.031px );max-width:783.031px;--container-widget-width:783.031px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-705aae5{width:var( --container-widget-width, 230px );max-width:230px;--container-widget-width:230px;--container-widget-flex-grow:0;align-self:center;}.elementor-445 .elementor-element.elementor-element-705aae5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:27px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:12px;}.elementor-445 .elementor-element.elementor-element-4487211{width:var( --container-widget-width, 230px );max-width:230px;--container-widget-width:230px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:27px;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:12px;}.elementor-445 .elementor-element.elementor-element-66ce032{width:var( --container-widget-width, 230px );max-width:230px;--container-widget-width:230px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:27px;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:12px;}.elementor-445 .elementor-element.elementor-element-e7a21cc{width:var( --container-widget-width, 355px );max-width:355px;--container-widget-width:355px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:27px;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:19px;}.elementor-445 .elementor-element.elementor-element-b7e17b7{width:var( --container-widget-width, 355px );max-width:355px;--container-widget-width:355px;--container-widget-flex-grow:0;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:27px;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:19px;}}@media(max-width:767px){.elementor-445 .elementor-element.elementor-element-e9dd79e > .elementor-container{max-width:500px;}.elementor-445 .elementor-element.elementor-element-9aab00f .elementor-heading-title{font-size:30px;}.elementor-445 .elementor-element.elementor-element-b1a602d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-445 .elementor-element.elementor-element-b1a602d > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-b1a602d .elementor-main-swiper{height:165px;width:219px;}.elementor-445 .elementor-element.elementor-element-57c398e{--spacer-size:67px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial-slider .swiper-wrapper{padding:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-445 .elementor-element.elementor-element-e6d3b36 .ekit-main-swiper .elementskit-single-testimonial-slider, .elementor-445 .elementor-element.elementor-element-e6d3b36 .elementskit-testimonial_card{margin-left:0px;margin-right:0px;}.elementor-445 .elementor-element.elementor-element-705aae5{--container-widget-width:325px;--container-widget-flex-grow:0;width:var( --container-widget-width, 325px );max-width:325px;}.elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-445 .elementor-element.elementor-element-4487211{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-445 .elementor-element.elementor-element-66ce032{--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-445 .elementor-element.elementor-element-205ff29{--spacer-size:83px;}}@media(min-width:768px){.elementor-445 .elementor-element.elementor-element-2d5d1bf{width:41.561%;}.elementor-445 .elementor-element.elementor-element-03793ac{width:58.439%;}.elementor-445 .elementor-element.elementor-element-0fbe71f{width:50%;}.elementor-445 .elementor-element.elementor-element-982d1f1{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-445 .elementor-element.elementor-element-a7cc291{width:30%;}}/* Start custom CSS for section, class: .elementor-element-e9dd79e *//* 1) Header de Elementor encima del contenido */ .elementor-location-header{ position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } /* 2) Quita el fondo del header (para que sea transparente) */ .elementor-location-header, .elementor-location-header .elementor-section, .elementor-location-header .elementor-container{ background: transparent !important; box-shadow: none !important; } /* 3) Si tu hero es la primera sección, quítale el espacio superior */ .elementor-location-header + .elementor-location-single .elementor-section-wrap > section:first-child, .elementor-location-header + .elementor-location-archive .elementor-section-wrap > section:first-child, .elementor-location-header + .elementor-location-page .elementor-section-wrap > section:first-child{ margin-top: 0 !important; } /* 4) Para que el texto del hero no quede debajo del menú: ajusta 110px al alto real de tu header */ .elementor-location-header + .elementor-location-page .elementor-section-wrap > section:first-child{ padding-top: 110px; }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-705aae5 *//* Contenedor con efecto neón brillante */ .elementor-445 .elementor-element.elementor-element-705aae5 { border-radius: 15px; overflow: hidden !important; border: 2px solid rgba(3, 99, 159, 0.4); box-shadow: 0 0 10px rgba(3, 99, 159, 0.4), 0 0 20px rgba(3, 99, 159, 0.3), 0 0 30px rgba(3, 99, 159, 0.2), 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.5s ease; } /* Hover - intensificar neón */ .elementor-445 .elementor-element.elementor-element-705aae5:hover { border: 2px solid rgba(3, 99, 159, 0.8); box-shadow: 0 0 20px rgba(3, 99, 159, 0.8), 0 0 40px rgba(3, 99, 159, 0.6), 0 0 60px rgba(3, 99, 159, 0.4), 0 0 80px rgba(3, 99, 159, 0.2), 0 8px 25px rgba(0, 0, 0, 0.2); transform: translateY(-8px); } /* Animación de pulso neón */ @keyframes neon-glow { 0%, 100% { box-shadow: 0 0 15px rgba(3, 99, 159, 0.5), 0 0 30px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } 50% { box-shadow: 0 0 25px rgba(3, 99, 159, 0.7), 0 0 50px rgba(3, 99, 159, 0.5), 0 0 70px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } } .elementor-445 .elementor-element.elementor-element-705aae5 { animation: neon-glow 3s infinite; } /* CARA FRONTAL */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front { background: #ffffff !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 0 !important; margin: 0 !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__inner { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; } /* Imagen pegada a bordes */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__overlay img, .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-icon-wrapper, .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__image { margin: 0 !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front img { width: 100% !important; height: 220px !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Título con más espacio arriba */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__description { padding: 0 30px !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title { color: #03639F !important; font-size: 1.5rem; font-weight: 700; margin: 30px 0 12px 0 !important; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.05); } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__description { color: #666666; font-size: 0.95rem; line-height: 1.6; margin: 0 0 30px 0 !important; } /* CARA TRASERA con neón interno */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back { background: linear-gradient(135deg, #4A9FD8 0%, #6DB3E5 100%) !important; padding: 40px 30px !important; position: relative; } /* Brillo interior en cara trasera */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 15px; pointer-events: none; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2); } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__inner { position: relative; z-index: 1; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__title { color: #ffffff !important; font-size: 1.7rem; font-weight: 700; margin-bottom: 15px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description { color: #ffffff !important; font-size: 1rem; line-height: 1.7; margin-bottom: 25px !important; } /* Botón con efecto neón */ .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__button { background: #ffffff !important; color: #03639F !important; border: 2px solid #ffffff !important; border-radius: 25px; padding: 12px 35px !important; font-weight: 700; font-size: 0.95rem; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 4px 15px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 0.5px; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__button:hover { background: #03639F !important; color: #ffffff !important; border-color: #ffffff !important; transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3); } /* RESPONSIVE - Tablet */ @media (max-width: 1024px) { .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front img { height: 200px !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.4rem; margin: 25px 0 10px 0 !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.5rem; } } /* RESPONSIVE - Mobile */ @media (max-width: 768px) { .elementor-445 .elementor-element.elementor-element-705aae5 { box-shadow: 0 0 8px rgba(3, 99, 159, 0.4), 0 0 15px rgba(3, 99, 159, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15); margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-705aae5:hover { box-shadow: 0 0 15px rgba(3, 99, 159, 0.6), 0 0 30px rgba(3, 99, 159, 0.4), 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front img { height: 180px !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.3rem; margin: 20px 0 10px 0 !important; padding: 0 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 0.9rem; padding: 0 20px !important; margin: 0 0 20px 0 !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back { padding: 30px 25px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.4rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description { font-size: 0.95rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__button { padding: 10px 30px !important; font-size: 0.9rem; display: inline-block !important; margin: 0 auto !important; } } /* RESPONSIVE - Mobile pequeño */ @media (max-width: 480px) { .elementor-445 .elementor-element.elementor-element-705aae5 { margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front img { height: 160px !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.2rem; margin: 18px 0 8px 0 !important; padding: 0 18px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__front .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back { padding: 25px 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__title { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__back .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-705aae5 .elementor-flip-box__button { display: inline-block !important; margin: 0 auto !important; } } /* Dispositivos táctiles - volteo al tocar */ @media (hover: none) and (pointer: coarse) { .elementor-445 .elementor-element.elementor-element-705aae5:active .elementor-flip-box__inner { transform: rotateY(180deg); } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-4487211 *//* Contenedor con efecto neón brillante */ .elementor-445 .elementor-element.elementor-element-4487211 { border-radius: 15px; overflow: hidden !important; border: 2px solid rgba(3, 99, 159, 0.4); box-shadow: 0 0 10px rgba(3, 99, 159, 0.4), 0 0 20px rgba(3, 99, 159, 0.3), 0 0 30px rgba(3, 99, 159, 0.2), 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.5s ease; } /* Hover - intensificar neón */ .elementor-445 .elementor-element.elementor-element-4487211:hover { border: 2px solid rgba(3, 99, 159, 0.8); box-shadow: 0 0 20px rgba(3, 99, 159, 0.8), 0 0 40px rgba(3, 99, 159, 0.6), 0 0 60px rgba(3, 99, 159, 0.4), 0 0 80px rgba(3, 99, 159, 0.2), 0 8px 25px rgba(0, 0, 0, 0.2); transform: translateY(-8px); } /* Animación de pulso neón */ @keyframes neon-glow { 0%, 100% { box-shadow: 0 0 15px rgba(3, 99, 159, 0.5), 0 0 30px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } 50% { box-shadow: 0 0 25px rgba(3, 99, 159, 0.7), 0 0 50px rgba(3, 99, 159, 0.5), 0 0 70px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } } .elementor-445 .elementor-element.elementor-element-4487211 { animation: neon-glow 3s infinite; } /* CARA FRONTAL */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front { background: #ffffff !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 0 !important; margin: 0 !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__inner { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; } /* Imagen pegada a bordes */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__overlay img, .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-icon-wrapper, .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__image { margin: 0 !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front img { width: 100% !important; height: 220px !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Título con más espacio arriba */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__description { padding: 0 30px !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title { color: #03639F !important; font-size: 1.5rem; font-weight: 700; margin: 30px 0 12px 0 !important; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.05); } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__description { color: #666666; font-size: 0.95rem; line-height: 1.6; margin: 0 0 30px 0 !important; } /* CARA TRASERA con neón interno */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back { background: linear-gradient(135deg, #4A9FD8 0%, #6DB3E5 100%) !important; padding: 40px 30px !important; position: relative; } /* Brillo interior en cara trasera */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 15px; pointer-events: none; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2); } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__inner { position: relative; z-index: 1; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__title { color: #ffffff !important; font-size: 1.7rem; font-weight: 700; margin-bottom: 15px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description { color: #ffffff !important; font-size: 1rem; line-height: 1.7; margin-bottom: 25px !important; } /* Botón con efecto neón */ .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__button { background: #ffffff !important; color: #03639F !important; border: 2px solid #ffffff !important; border-radius: 25px; padding: 12px 35px !important; font-weight: 700; font-size: 0.95rem; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 4px 15px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 0.5px; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__button:hover { background: #03639F !important; color: #ffffff !important; border-color: #ffffff !important; transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3); } /* RESPONSIVE - Tablet */ @media (max-width: 1024px) { .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front img { height: 200px !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.4rem; margin: 25px 0 10px 0 !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.5rem; } } /* RESPONSIVE - Mobile */ @media (max-width: 768px) { .elementor-445 .elementor-element.elementor-element-4487211 { box-shadow: 0 0 8px rgba(3, 99, 159, 0.4), 0 0 15px rgba(3, 99, 159, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15); margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-4487211:hover { box-shadow: 0 0 15px rgba(3, 99, 159, 0.6), 0 0 30px rgba(3, 99, 159, 0.4), 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front img { height: 180px !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.3rem; margin: 20px 0 10px 0 !important; padding: 0 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 0.9rem; padding: 0 20px !important; margin: 0 0 20px 0 !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back { padding: 30px 25px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.4rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description { font-size: 0.95rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__button { padding: 10px 30px !important; font-size: 0.9rem; display: inline-block !important; margin: 0 auto !important; } } /* RESPONSIVE - Mobile pequeño */ @media (max-width: 480px) { .elementor-445 .elementor-element.elementor-element-4487211 { margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front img { height: 160px !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.2rem; margin: 18px 0 8px 0 !important; padding: 0 18px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__front .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back { padding: 25px 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__title { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__back .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-4487211 .elementor-flip-box__button { display: inline-block !important; margin: 0 auto !important; } } /* Dispositivos táctiles - volteo al tocar */ @media (hover: none) and (pointer: coarse) { .elementor-445 .elementor-element.elementor-element-4487211:active .elementor-flip-box__inner { transform: rotateY(180deg); } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-66ce032 *//* Contenedor con efecto neón brillante */ .elementor-445 .elementor-element.elementor-element-66ce032 { border-radius: 15px; overflow: hidden !important; border: 2px solid rgba(3, 99, 159, 0.4); box-shadow: 0 0 10px rgba(3, 99, 159, 0.4), 0 0 20px rgba(3, 99, 159, 0.3), 0 0 30px rgba(3, 99, 159, 0.2), 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.5s ease; } /* Hover - intensificar neón */ .elementor-445 .elementor-element.elementor-element-66ce032:hover { border: 2px solid rgba(3, 99, 159, 0.8); box-shadow: 0 0 20px rgba(3, 99, 159, 0.8), 0 0 40px rgba(3, 99, 159, 0.6), 0 0 60px rgba(3, 99, 159, 0.4), 0 0 80px rgba(3, 99, 159, 0.2), 0 8px 25px rgba(0, 0, 0, 0.2); transform: translateY(-8px); } /* Animación de pulso neón */ @keyframes neon-glow { 0%, 100% { box-shadow: 0 0 15px rgba(3, 99, 159, 0.5), 0 0 30px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } 50% { box-shadow: 0 0 25px rgba(3, 99, 159, 0.7), 0 0 50px rgba(3, 99, 159, 0.5), 0 0 70px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } } .elementor-445 .elementor-element.elementor-element-66ce032 { animation: neon-glow 3s infinite; } /* CARA FRONTAL */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front { background: #ffffff !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 0 !important; margin: 0 !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__inner { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; } /* Imagen pegada a bordes */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__overlay img, .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-icon-wrapper, .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__image { margin: 0 !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front img { width: 100% !important; height: 220px !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Título con más espacio arriba */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__description { padding: 0 30px !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title { color: #03639F !important; font-size: 1.5rem; font-weight: 700; margin: 30px 0 12px 0 !important; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.05); } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__description { color: #666666; font-size: 0.95rem; line-height: 1.6; margin: 0 0 30px 0 !important; } /* CARA TRASERA con neón interno */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back { background: linear-gradient(135deg, #4A9FD8 0%, #6DB3E5 100%) !important; padding: 40px 30px !important; position: relative; } /* Brillo interior en cara trasera */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 15px; pointer-events: none; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2); } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__inner { position: relative; z-index: 1; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__title { color: #ffffff !important; font-size: 1.7rem; font-weight: 700; margin-bottom: 15px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description { color: #ffffff !important; font-size: 1rem; line-height: 1.7; margin-bottom: 25px !important; } /* Botón con efecto neón */ .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__button { background: #ffffff !important; color: #03639F !important; border: 2px solid #ffffff !important; border-radius: 25px; padding: 12px 35px !important; font-weight: 700; font-size: 0.95rem; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 4px 15px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 0.5px; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__button:hover { background: #03639F !important; color: #ffffff !important; border-color: #ffffff !important; transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3); } /* RESPONSIVE - Tablet */ @media (max-width: 1024px) { .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front img { height: 200px !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.4rem; margin: 25px 0 10px 0 !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.5rem; } } /* RESPONSIVE - Mobile */ @media (max-width: 768px) { .elementor-445 .elementor-element.elementor-element-66ce032 { box-shadow: 0 0 8px rgba(3, 99, 159, 0.4), 0 0 15px rgba(3, 99, 159, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15); margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-66ce032:hover { box-shadow: 0 0 15px rgba(3, 99, 159, 0.6), 0 0 30px rgba(3, 99, 159, 0.4), 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front img { height: 180px !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.3rem; margin: 20px 0 10px 0 !important; padding: 0 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 0.9rem; padding: 0 20px !important; margin: 0 0 20px 0 !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back { padding: 30px 25px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.4rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description { font-size: 0.95rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__button { padding: 10px 30px !important; font-size: 0.9rem; display: inline-block !important; margin: 0 auto !important; } } /* RESPONSIVE - Mobile pequeño */ @media (max-width: 480px) { .elementor-445 .elementor-element.elementor-element-66ce032 { margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front img { height: 160px !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.2rem; margin: 18px 0 8px 0 !important; padding: 0 18px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__front .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back { padding: 25px 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__title { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__back .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-66ce032 .elementor-flip-box__button { display: inline-block !important; margin: 0 auto !important; } } /* Dispositivos táctiles - volteo al tocar */ @media (hover: none) and (pointer: coarse) { .elementor-445 .elementor-element.elementor-element-66ce032:active .elementor-flip-box__inner { transform: rotateY(180deg); } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-e7a21cc *//* Contenedor con efecto neón brillante */ .elementor-445 .elementor-element.elementor-element-e7a21cc { border-radius: 15px; overflow: hidden !important; border: 2px solid rgba(3, 99, 159, 0.4); box-shadow: 0 0 10px rgba(3, 99, 159, 0.4), 0 0 20px rgba(3, 99, 159, 0.3), 0 0 30px rgba(3, 99, 159, 0.2), 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.5s ease; } /* Hover - intensificar neón */ .elementor-445 .elementor-element.elementor-element-e7a21cc:hover { border: 2px solid rgba(3, 99, 159, 0.8); box-shadow: 0 0 20px rgba(3, 99, 159, 0.8), 0 0 40px rgba(3, 99, 159, 0.6), 0 0 60px rgba(3, 99, 159, 0.4), 0 0 80px rgba(3, 99, 159, 0.2), 0 8px 25px rgba(0, 0, 0, 0.2); transform: translateY(-8px); } /* Animación de pulso neón */ @keyframes neon-glow { 0%, 100% { box-shadow: 0 0 15px rgba(3, 99, 159, 0.5), 0 0 30px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } 50% { box-shadow: 0 0 25px rgba(3, 99, 159, 0.7), 0 0 50px rgba(3, 99, 159, 0.5), 0 0 70px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } } .elementor-445 .elementor-element.elementor-element-e7a21cc { animation: neon-glow 3s infinite; } /* CARA FRONTAL */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front { background: #ffffff !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 0 !important; margin: 0 !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__inner { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; } /* Imagen pegada a bordes */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__overlay img, .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-icon-wrapper, .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__image { margin: 0 !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front img { width: 100% !important; height: 220px !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Título con más espacio arriba */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__description { padding: 0 30px !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title { color: #03639F !important; font-size: 1.5rem; font-weight: 700; margin: 30px 0 12px 0 !important; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.05); } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__description { color: #666666; font-size: 0.95rem; line-height: 1.6; margin: 0 0 30px 0 !important; } /* CARA TRASERA con neón interno */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back { background: linear-gradient(135deg, #4A9FD8 0%, #6DB3E5 100%) !important; padding: 40px 30px !important; position: relative; } /* Brillo interior en cara trasera */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 15px; pointer-events: none; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2); } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__inner { position: relative; z-index: 1; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__title { color: #ffffff !important; font-size: 1.7rem; font-weight: 700; margin-bottom: 15px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description { color: #ffffff !important; font-size: 1rem; line-height: 1.7; margin-bottom: 25px !important; } /* Botón con efecto neón */ .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__button { background: #ffffff !important; color: #03639F !important; border: 2px solid #ffffff !important; border-radius: 25px; padding: 12px 35px !important; font-weight: 700; font-size: 0.95rem; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 4px 15px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 0.5px; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__button:hover { background: #03639F !important; color: #ffffff !important; border-color: #ffffff !important; transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3); } /* RESPONSIVE - Tablet */ @media (max-width: 1024px) { .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front img { height: 200px !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.4rem; margin: 25px 0 10px 0 !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.5rem; } } /* RESPONSIVE - Mobile */ @media (max-width: 768px) { .elementor-445 .elementor-element.elementor-element-e7a21cc { box-shadow: 0 0 8px rgba(3, 99, 159, 0.4), 0 0 15px rgba(3, 99, 159, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15); margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc:hover { box-shadow: 0 0 15px rgba(3, 99, 159, 0.6), 0 0 30px rgba(3, 99, 159, 0.4), 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front img { height: 180px !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.3rem; margin: 20px 0 10px 0 !important; padding: 0 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 0.9rem; padding: 0 20px !important; margin: 0 0 20px 0 !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back { padding: 30px 25px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.4rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description { font-size: 0.95rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__button { padding: 10px 30px !important; font-size: 0.9rem; display: inline-block !important; margin: 0 auto !important; } } /* RESPONSIVE - Mobile pequeño */ @media (max-width: 480px) { .elementor-445 .elementor-element.elementor-element-e7a21cc { margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front img { height: 160px !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.2rem; margin: 18px 0 8px 0 !important; padding: 0 18px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__front .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back { padding: 25px 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__title { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__back .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-e7a21cc .elementor-flip-box__button { display: inline-block !important; margin: 0 auto !important; } } /* Dispositivos táctiles - volteo al tocar */ @media (hover: none) and (pointer: coarse) { .elementor-445 .elementor-element.elementor-element-e7a21cc:active .elementor-flip-box__inner { transform: rotateY(180deg); } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-b7e17b7 *//* Contenedor con efecto neón brillante */ .elementor-445 .elementor-element.elementor-element-b7e17b7 { border-radius: 15px; overflow: hidden !important; border: 2px solid rgba(3, 99, 159, 0.4); box-shadow: 0 0 10px rgba(3, 99, 159, 0.4), 0 0 20px rgba(3, 99, 159, 0.3), 0 0 30px rgba(3, 99, 159, 0.2), 0 4px 15px rgba(0, 0, 0, 0.15); transition: all 0.5s ease; } /* Hover - intensificar neón */ .elementor-445 .elementor-element.elementor-element-b7e17b7:hover { border: 2px solid rgba(3, 99, 159, 0.8); box-shadow: 0 0 20px rgba(3, 99, 159, 0.8), 0 0 40px rgba(3, 99, 159, 0.6), 0 0 60px rgba(3, 99, 159, 0.4), 0 0 80px rgba(3, 99, 159, 0.2), 0 8px 25px rgba(0, 0, 0, 0.2); transform: translateY(-8px); } /* Animación de pulso neón */ @keyframes neon-glow { 0%, 100% { box-shadow: 0 0 15px rgba(3, 99, 159, 0.5), 0 0 30px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } 50% { box-shadow: 0 0 25px rgba(3, 99, 159, 0.7), 0 0 50px rgba(3, 99, 159, 0.5), 0 0 70px rgba(3, 99, 159, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15); } } .elementor-445 .elementor-element.elementor-element-b7e17b7 { animation: neon-glow 3s infinite; } /* CARA FRONTAL */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front { background: #ffffff !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 0 !important; margin: 0 !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__inner { padding: 0 !important; margin: 0 !important; height: 100%; display: flex; flex-direction: column; } /* Imagen pegada a bordes */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__overlay img, .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-icon-wrapper, .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__image { margin: 0 !important; padding: 0 !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front img { width: 100% !important; height: 220px !important; object-fit: cover !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Título con más espacio arriba */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__description { padding: 0 30px !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title { color: #03639F !important; font-size: 1.5rem; font-weight: 700; margin: 30px 0 12px 0 !important; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.05); } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__description { color: #666666; font-size: 0.95rem; line-height: 1.6; margin: 0 0 30px 0 !important; } /* CARA TRASERA con neón interno */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back { background: linear-gradient(135deg, #4A9FD8 0%, #6DB3E5 100%) !important; padding: 40px 30px !important; position: relative; } /* Brillo interior en cara trasera */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 15px; pointer-events: none; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.2); } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__inner { position: relative; z-index: 1; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__title { color: #ffffff !important; font-size: 1.7rem; font-weight: 700; margin-bottom: 15px !important; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description { color: #ffffff !important; font-size: 1rem; line-height: 1.7; margin-bottom: 25px !important; } /* Botón con efecto neón */ .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__button { background: #ffffff !important; color: #03639F !important; border: 2px solid #ffffff !important; border-radius: 25px; padding: 12px 35px !important; font-weight: 700; font-size: 0.95rem; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 4px 15px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 0.5px; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__button:hover { background: #03639F !important; color: #ffffff !important; border-color: #ffffff !important; transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3); } /* RESPONSIVE - Tablet */ @media (max-width: 1024px) { .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front img { height: 200px !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.4rem; margin: 25px 0 10px 0 !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.5rem; } } /* RESPONSIVE - Mobile */ @media (max-width: 768px) { .elementor-445 .elementor-element.elementor-element-b7e17b7 { box-shadow: 0 0 8px rgba(3, 99, 159, 0.4), 0 0 15px rgba(3, 99, 159, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15); margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7:hover { box-shadow: 0 0 15px rgba(3, 99, 159, 0.6), 0 0 30px rgba(3, 99, 159, 0.4), 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front img { height: 180px !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.3rem; margin: 20px 0 10px 0 !important; padding: 0 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 0.9rem; padding: 0 20px !important; margin: 0 0 20px 0 !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back { padding: 30px 25px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__title { font-size: 1.4rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description { font-size: 0.95rem; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__button { padding: 10px 30px !important; font-size: 0.9rem; display: inline-block !important; margin: 0 auto !important; } } /* RESPONSIVE - Mobile pequeño */ @media (max-width: 480px) { .elementor-445 .elementor-element.elementor-element-b7e17b7 { margin-left: auto !important; margin-right: auto !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front img { height: 160px !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 1.2rem; margin: 18px 0 8px 0 !important; padding: 0 18px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__front .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back { padding: 25px 20px !important; text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__title { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__back .elementor-flip-box__layer__description { text-align: center !important; } .elementor-445 .elementor-element.elementor-element-b7e17b7 .elementor-flip-box__button { display: inline-block !important; margin: 0 auto !important; } } /* Dispositivos táctiles - volteo al tocar */ @media (hover: none) and (pointer: coarse) { .elementor-445 .elementor-element.elementor-element-b7e17b7:active .elementor-flip-box__inner { transform: rotateY(180deg); } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-87c135a *//* === TÍTULO "CÓMO TRABAJAMOS" === */ .ays-proceso-titulo{ background: #F8F9FA; padding: 60px 20px 30px 20px; text-align: center; } .ays-proceso-titulo h2{ color: #03639F; font-size: 2.5rem; font-weight: 700; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; } /* Línea decorativa debajo del título */ .ays-proceso-titulo h2::after{ content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #03639F, #4A9FD8); margin: 20px auto 0; border-radius: 2px; } /* Subtítulo opcional (si añades uno) */ .ays-proceso-titulo p, .ays-proceso-titulo .elementor-widget-text-editor{ color: #666; font-size: 1.1rem; margin-top: 15px; max-width: 700px; margin-left: auto; margin-right: auto; } /* === TABLET === */ @media (max-width: 1024px){ .ays-proceso-titulo{ padding: 50px 20px 25px 20px; } .ays-proceso-titulo h2{ font-size: 2rem; } .ays-proceso-titulo p, .ays-proceso-titulo .elementor-widget-text-editor{ font-size: 1rem; } } /* === MÓVIL === */ @media (max-width: 767px){ .ays-proceso-titulo{ padding: 40px 15px 20px 15px; } .ays-proceso-titulo h2{ font-size: 1.7rem; } .ays-proceso-titulo h2::after{ width: 60px; height: 3px; margin: 15px auto 0; } .ays-proceso-titulo p, .ays-proceso-titulo .elementor-widget-text-editor{ font-size: 0.95rem; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-67993c5 *//* === ICONOS Y PASOS DEL PROCESO === */ .ays-proceso-pasos{ background: #F8F9FA; padding: 30px 20px 80px 20px; position: relative; overflow: visible; } /* === ESCRITORIO: Línea y iconos sincronizados === */ @media (min-width: 1025px){ .ays-proceso-pasos > .elementor-container{ position: relative; } /* Línea horizontal base gris - INVISIBLE */ .ays-proceso-pasos > .elementor-container::before{ content: ''; position: absolute; top: 40px; left: 12%; right: 12%; height: 4px; background: #E0E0E0; z-index: 0; border-radius: 2px; } /* Línea azul que se dibuja - ESTADO INICIAL */ .ays-proceso-pasos > .elementor-container::after{ content: ''; position: absolute; top: 40px; left: 12%; width: 0; height: 4px; background: linear-gradient(90deg, #03639F 0%, #4A9FD8 50%, #03639F 100%); z-index: 1; border-radius: 2px; transition: width 2.5s cubic-bezier(0.65, 0, 0.35, 1); } /* Línea se dibuja completamente cuando está visible */ .ays-proceso-pasos.in-view > .elementor-container::after{ width: calc(88% - 12%); } /* Iconos - ESTADO INICIAL (ocultos) */ .ays-proceso-pasos .elementor-column{ position: relative; z-index: 2; opacity: 0; transform: translateY(30px) scale(0.8); transition: opacity 0.5s ease-out, transform 0.5s ease-out; } /* Icono 1: aparece primero */ .ays-proceso-pasos.in-view .elementor-column:nth-child(1){ opacity: 1; transform: translateY(0) scale(1); transition-delay: 0.2s; } /* Icono 2: aparece cuando la línea llega a él */ .ays-proceso-pasos.in-view .elementor-column:nth-child(2){ opacity: 1; transform: translateY(0) scale(1); transition-delay: 0.7s; } /* Icono 3: aparece cuando la línea llega a él */ .ays-proceso-pasos.in-view .elementor-column:nth-child(3){ opacity: 1; transform: translateY(0) scale(1); transition-delay: 1.2s; } /* Icono 4: aparece cuando la línea llega a él */ .ays-proceso-pasos.in-view .elementor-column:nth-child(4){ opacity: 1; transform: translateY(0) scale(1); transition-delay: 1.7s; } /* Icono 5: aparece al final */ .ays-proceso-pasos.in-view .elementor-column:nth-child(5){ opacity: 1; transform: translateY(0) scale(1); transition-delay: 2.2s; } /* Estilos de los iconos */ .ays-proceso-pasos .elementor-icon{ background: #fff !important; border: 4px solid #03639F !important; border-radius: 50% !important; width: 80px !important; height: 80px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 25px !important; font-size: 2.2rem !important; color: #03639F !important; box-shadow: 0 5px 25px rgba(3, 99, 159, 0.25) !important; transition: all 0.4s ease !important; } /* Efecto pulso cuando aparece cada icono */ .ays-proceso-pasos.in-view .elementor-column:nth-child(1) .elementor-icon{ animation: iconPulse 0.6s ease-out 0.2s; } .ays-proceso-pasos.in-view .elementor-column:nth-child(2) .elementor-icon{ animation: iconPulse 0.6s ease-out 0.7s; } .ays-proceso-pasos.in-view .elementor-column:nth-child(3) .elementor-icon{ animation: iconPulse 0.6s ease-out 1.2s; } .ays-proceso-pasos.in-view .elementor-column:nth-child(4) .elementor-icon{ animation: iconPulse 0.6s ease-out 1.7s; } .ays-proceso-pasos.in-view .elementor-column:nth-child(5) .elementor-icon{ animation: iconPulse 0.6s ease-out 2.2s; } @keyframes iconPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); box-shadow: 0 8px 35px rgba(3, 99, 159, 0.5); } } /* Hover en iconos */ .ays-proceso-pasos .elementor-widget-icon-box:hover .elementor-icon{ transform: scale(1.15) !important; background: #03639F !important; color: #fff !important; box-shadow: 0 8px 35px rgba(3, 99, 159, 0.4) !important; } /* Títulos */ .ays-proceso-pasos .elementor-icon-box-title{ color: #03639F !important; font-size: 1.25rem !important; font-weight: 700 !important; margin-bottom: 15px !important; text-align: center !important; line-height: 1.3 !important; } /* Descripciones */ .ays-proceso-pasos .elementor-icon-box-description{ color: #555 !important; font-size: 0.95rem !important; line-height: 1.7 !important; text-align: center !important; } } /* === TABLET: 2-3 columnas SIN línea === */ @media (min-width: 768px) and (max-width: 1024px){ .ays-proceso-pasos{ padding: 25px 20px 60px 20px; } .ays-proceso-pasos .elementor-column{ margin-bottom: 50px; opacity: 1 !important; transform: none !important; } .ays-proceso-pasos .elementor-column:last-child, .ays-proceso-pasos .elementor-column:nth-last-child(2){ margin-bottom: 0; } .ays-proceso-pasos .elementor-icon{ background: #fff !important; border: 4px solid #03639F !important; border-radius: 50% !important; width: 70px !important; height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px !important; font-size: 2rem !important; color: #03639F !important; box-shadow: 0 5px 20px rgba(3, 99, 159, 0.2) !important; } .ays-proceso-pasos .elementor-icon-box-title{ color: #03639F !important; font-size: 1.2rem !important; font-weight: 700 !important; margin-bottom: 12px !important; text-align: center !important; } .ays-proceso-pasos .elementor-icon-box-description{ color: #555 !important; font-size: 0.9rem !important; line-height: 1.6 !important; text-align: center !important; } } /* === MÓVIL: Columna única vertical SIN línea === */ @media (max-width: 767px){ .ays-proceso-pasos{ padding: 20px 15px 50px 15px; } .ays-proceso-pasos .elementor-column{ margin-bottom: 40px; opacity: 1 !important; transform: none !important; } .ays-proceso-pasos .elementor-column:last-child{ margin-bottom: 0; } .ays-proceso-pasos .elementor-icon{ background: #fff !important; border: 3px solid #03639F !important; border-radius: 50% !important; width: 65px !important; height: 65px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 15px !important; font-size: 1.8rem !important; color: #03639F !important; box-shadow: 0 4px 18px rgba(3, 99, 159, 0.2) !important; } .ays-proceso-pasos .elementor-icon-box-title{ color: #03639F !important; font-size: 1.15rem !important; font-weight: 700 !important; margin-bottom: 10px !important; text-align: center !important; } .ays-proceso-pasos .elementor-icon-box-description{ color: #555 !important; font-size: 0.88rem !important; line-height: 1.6 !important; text-align: center !important; padding: 0 5px !important; } }/* End custom CSS */