.elementor-379 .elementor-element.elementor-element-72bf1d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:120px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-379 .elementor-element.elementor-element-72bf1d3:not(.elementor-motion-effects-element-type-background), .elementor-379 .elementor-element.elementor-element-72bf1d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000327FC 0%, #14ABF5 100%);}.elementor-379 .elementor-element.elementor-element-72bf1d3::before, .elementor-379 .elementor-element.elementor-element-72bf1d3 > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-72bf1d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-72bf1d3 > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-72bf1d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-72bf1d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-379 .elementor-element.elementor-element-72bf1d3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-379 .elementor-element.elementor-element-e54b433{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-379 .elementor-element.elementor-element-be84765 .sec-heading{margin:0px 0px 0px 0px;}.elementor-379 .elementor-element.elementor-element-be84765 .sec-heading .sec-title{color:#DCDCDF;}.elementor-379 .elementor-element.elementor-element-be84765 .sec-heading .sec-title span{color:#EDFFF6;}.elementor-379 .elementor-element.elementor-element-253e10f{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-379 .elementor-element.elementor-element-253e10f::before, .elementor-379 .elementor-element.elementor-element-253e10f > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-253e10f > .e-con-inner > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-253e10f > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-253e10f > .e-con-inner > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-253e10f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-379 .elementor-element.elementor-element-a0f75c7{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-379 .elementor-element.elementor-element-6971d3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-379 .elementor-element.elementor-element-6971d3c:not(.elementor-motion-effects-element-type-background), .elementor-379 .elementor-element.elementor-element-6971d3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4DADE7 0%, #001792 100%);}.elementor-379 .elementor-element.elementor-element-6971d3c::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .e-con-inner > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-379 .elementor-element.elementor-element-6971d3c:hover::before, .elementor-379 .elementor-element.elementor-element-6971d3c:hover > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-6971d3c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .elementor-background-slideshow:hover::before, .elementor-379 .elementor-element.elementor-element-6971d3c > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-379 .elementor-element.elementor-element-6971d3c:hover{--overlay-opacity:0.5;}.elementor-379 .elementor-element.elementor-element-26eedb5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-379 .elementor-element.elementor-element-26eedb5::before, .elementor-379 .elementor-element.elementor-element-26eedb5 > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-26eedb5 > .e-con-inner > .elementor-background-video-container::before, .elementor-379 .elementor-element.elementor-element-26eedb5 > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-26eedb5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-379 .elementor-element.elementor-element-26eedb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-379 .elementor-element.elementor-element-2b9bb98 .contact-form-one.tj-form{padding:19px 30px 0px 30px;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .h9-contact-form_wrap{padding-top:19px;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .h9-contact-form_wrap .form_title{padding-left:30px;padding-right:30px;color:#434141;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .h9-contact-form_wrap .form .row{padding-left:30px;padding-right:30px;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .contact-form-one.tj-form .title{color:#434141;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]){color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input select{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .nice-select{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input textarea{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .wpcf7-list-item-label{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .form-group input:not([type=submit]):not([type=radio]):not([type=checkbox]){color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .form-group textarea{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .form-group .nice-select{color:#050505;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input textarea::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .nice-select::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input input::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input textarea::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .nice-select::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input input::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input textarea::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .nice-select::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input input::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input:not([type=submit]):not([type=radio]):not([type=checkbox])::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input:not([type=submit]):not([type=radio]):not([type=checkbox])::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 textarea::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 textarea::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 textarea::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .nice-select::-moz-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .nice-select::-ms-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .nice-select::-webkit-input-placeholder{color:#4E4949;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input select:focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input .nice-select:focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input input:not([type="submit"]):not([type="range"]):not([type="radio"]):not([type="checkbox"]):focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-form .form-input textarea:focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 textarea:focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .nice-select:focus{border-color:#000000;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-primary-btn, .elementor-379 .elementor-element.elementor-element-2b9bb98 button[type=submit], .elementor-379 .elementor-element.elementor-element-2b9bb98 input[type=submit]{word-spacing:0px;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-primary-btn{color:#F6F6F6;background-color:#010101;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-primary-btn .btn_text{color:#F6F6F6;}.elementor-379 .elementor-element.elementor-element-2b9bb98 button[type=submit]{color:#F6F6F6;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input[type=submit]{color:#F6F6F6;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-primary-btn .btn_icon{color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-2b9bb98 button[type=submit] i{color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input[type=submit] i{color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-2b9bb98 .tj-primary-btn .btn_inner::before{background-color:#047CEC;}.elementor-379 .elementor-element.elementor-element-2b9bb98 button[type=submit]{background-color:#010101;}.elementor-379 .elementor-element.elementor-element-2b9bb98 input[type=submit]{background-color:#010101;}.elementor-379 .elementor-element.elementor-element-23de292 iframe{height:582px;filter:brightness( 101% ) contrast( 100% ) saturate( 109% ) blur( 0px ) hue-rotate( 0deg );}.elementor-379 .elementor-element.elementor-element-bfbd9ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-bfbd9ba:not(.elementor-motion-effects-element-type-background), .elementor-379 .elementor-element.elementor-element-bfbd9ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #001792 0%, #000000 100%);}.elementor-379 .elementor-element.elementor-element-528b4d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-379 .elementor-element.elementor-element-528b4d5.e-con{--align-self:stretch;}.elementor-379 .elementor-element.elementor-element-0991fe0 .elementor-icon-wrapper{text-align:center;}.elementor-379 .elementor-element.elementor-element-0991fe0.elementor-view-stacked .elementor-icon{background-color:#82C3FF;}.elementor-379 .elementor-element.elementor-element-0991fe0.elementor-view-framed .elementor-icon, .elementor-379 .elementor-element.elementor-element-0991fe0.elementor-view-default .elementor-icon{color:#82C3FF;border-color:#82C3FF;}.elementor-379 .elementor-element.elementor-element-0991fe0.elementor-view-framed .elementor-icon, .elementor-379 .elementor-element.elementor-element-0991fe0.elementor-view-default .elementor-icon svg{fill:#82C3FF;}.elementor-379 .elementor-element.elementor-element-6b9e8cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-379 .elementor-element.elementor-element-6b9e8cf .elementor-heading-title{font-family:"Arial", Sans-serif;mix-blend-mode:overlay;}.elementor-379 .elementor-element.elementor-element-cda9291{--display:flex;--justify-content:center;}.elementor-379 .elementor-element.elementor-element-59e95b4{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-379 .elementor-element.elementor-element-59e95b4.e-con{--align-self:center;}.elementor-379 .elementor-element.elementor-element-a4f1fa8{--display:flex;}.elementor-379 .elementor-element.elementor-element-ffce07e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-379 .elementor-element.elementor-element-ffce07e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-379 .elementor-element.elementor-element-4c94e5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:60px;}.elementor-379 .elementor-element.elementor-element-4c94e5f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-379 .elementor-element.elementor-element-c873dac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-379 .elementor-element.elementor-element-c873dac img{border-radius:14px 14px 14px 14px;}.elementor-379 .elementor-element.elementor-element-f30820e{--display:flex;}.elementor-379 .elementor-element.elementor-element-48eaca4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-06e431d{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-06e431d.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-2265593{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-2265593 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-4459ae2.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-4459ae2{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-4459ae2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-8285053{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-8285053.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-fc60f47.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-fc60f47{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-fc60f47 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-bcfb478{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-bcfb478.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-61fe79c.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-61fe79c{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-61fe79c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-e063237{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-e063237.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-0eb1ee5.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-0eb1ee5{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-0eb1ee5 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-b50b753{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-b50b753.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-1240ade.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-1240ade{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-1240ade .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-11e1336{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-11e1336.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-436ba78.elementor-element{--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-icon i{color:#1C6EFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-icon svg{fill:#1C6EFF;transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-436ba78{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-379 .elementor-element.elementor-element-436ba78 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-1db6523{width:100%;max-width:100%;columns:1;color:#FFFFFF;}.elementor-379 .elementor-element.elementor-element-1db6523.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-379 .elementor-element.elementor-element-1746207{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-379 .elementor-element.elementor-element-cf953eb{--display:flex;}.elementor-379 .elementor-element.elementor-element-3af3b08{--display:flex;}.elementor-379 .elementor-element.elementor-element-57627a1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-57627a1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-379 .elementor-element.elementor-element-57627a1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-379 .elementor-element.elementor-element-57627a1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-379 .elementor-element.elementor-element-b63b8eb{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:auto;max-width:auto;}@media(max-width:1399px){.elementor-379 .elementor-element.elementor-element-a0f75c7{--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-26eedb5{--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-528b4d5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-379 .elementor-element.elementor-element-0991fe0{padding:1px 10px 0px 15px;}.elementor-379 .elementor-element.elementor-element-0991fe0.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-379 .elementor-element.elementor-element-0991fe0 .elementor-icon-wrapper{text-align:start;}.elementor-379 .elementor-element.elementor-element-6b9e8cf{padding:0px 0px 0px 0px;text-align:start;}.elementor-379 .elementor-element.elementor-element-6b9e8cf.elementor-element{--align-self:center;}}@media(max-width:1200px){.elementor-379 .elementor-element.elementor-element-72bf1d3{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-379 .elementor-element.elementor-element-a0f75c7{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-26eedb5{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-379 .elementor-element.elementor-element-72bf1d3{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-379 .elementor-element.elementor-element-a0f75c7{--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-26eedb5{--e-con-grid-template-columns:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;}}@media(max-width:880px){.elementor-379 .elementor-element.elementor-element-a0f75c7{--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-26eedb5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-379 .elementor-element.elementor-element-a0f75c7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:540px;}.elementor-379 .elementor-element.elementor-element-26eedb5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-379 .elementor-element.elementor-element-253e10f{--width:100%;}.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:1320px;}.elementor-379 .elementor-element.elementor-element-59e95b4{--width:1200px;}.elementor-379 .elementor-element.elementor-element-ffce07e{--width:94.636%;}.elementor-379 .elementor-element.elementor-element-4c94e5f{--width:50%;}.elementor-379 .elementor-element.elementor-element-48eaca4{--width:100%;}}@media(max-width:1399px) and (min-width:768px){.elementor-379 .elementor-element.elementor-element-72bf1d3{--width:1251.4px;}.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:1140px;}.elementor-379 .elementor-element.elementor-element-ffce07e{--width:1064px;}.elementor-379 .elementor-element.elementor-element-4c94e5f{--width:566.6px;}}@media(max-width:1200px) and (min-width:768px){.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:960px;}}@media(max-width:1024px) and (min-width:768px){.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:720px;}}@media(max-width:880px) and (min-width:768px){.elementor-379 .elementor-element.elementor-element-6971d3c{--content-width:720px;}}/* Start custom CSS for tj-contact-info, class: .elementor-element-a40100a *//* ====== Caja de Contacto Kalypzus (versión opaca) ====== */
.elementor-widget-container .contact-item.style-2 {
background: rgba(0, 43, 92, 0.9); /* azul marino opaco */
padding: 25px;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.25);
transition: all 0.3s ease-in-out;
text-align: center;
}
/* Hover con leve claridad */
.elementor-widget-container .contact-item.style-2:hover {
background: rgba(0, 43, 92, 1);
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.35);
}
/* Ícono */
.elementor-widget-container .contact-item.style-2 .contact-icon i {
font-size: 42px;
color: #00bfff; /* celeste fuerte */
margin-bottom: 15px;
display: inline-block;
transition: color 0.3s ease;
}
.elementor-widget-container .contact-item.style-2:hover .contact-icon i {
color: #ffffff; /* resalta en blanco al pasar el mouse */
}
/* Título */
.elementor-widget-container .contact-item.style-2 .contact-title {
font-size: 20px;
font-weight: 700;
color: #ffffff;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Lista de correos */
.elementor-widget-container .contact-item.style-2 .contact-list li {
margin: 8px 0;
}
.elementor-widget-container .contact-item.style-2 .contact-list li a {
font-size: 16px;
color: #cceeff; /* celeste opaco para contraste */
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.elementor-widget-container .contact-item.style-2 .contact-list li a:hover {
color: #ffffff;
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0f75c7 *//* CONTENEDOR PRINCIPAL CON EFECTO FLOTANTE ELEGANTE AZUL */
.elementor-element.elementor-element-a0f75c7 {
background: linear-gradient(135deg,
rgba(15, 82, 186, 0.95),
rgba(32, 112, 232, 0.85),
rgba(15, 82, 186, 0.95));
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 25px;
padding: 50px 35px;
box-shadow:
0 25px 60px rgba(15, 82, 186, 0.3),
0 15px 40px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
animation: containerFloat 6s ease-in-out infinite;
}
@keyframes containerFloat {
0%, 100% {
transform: translateY(0px) rotate(0.2deg);
}
50% {
transform: translateY(-15px) rotate(-0.2deg);
}
}
/* EFECTO DE PARTÍCULAS LUMINOSAS AZULES */
.elementor-element.elementor-element-a0f75c7::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background:
radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3) 2px, transparent 2px),
radial-gradient(circle at 70% 70%, rgba(32, 112, 232, 0.4) 1px, transparent 1px),
radial-gradient(circle at 50% 20%, rgba(100, 200, 255, 0.3) 3px, transparent 3px);
background-size: 100px 100px, 50px 50px, 150px 150px;
animation: particleMove 20s linear infinite;
opacity: 0.6;
pointer-events: none;
}
@keyframes particleMove {
0% { transform: translate(0, 0) rotate(0deg); }
100% { transform: translate(-100px, -100px) rotate(360deg); }
}
/* GRID DE CONTACTO FULLY RESPONSIVE */
.elementor-element.elementor-element-a0f75c7 .elementor-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
align-items: start;
position: relative;
z-index: 10;
}
/* TARJETAS DE CONTACTO ELEGANTES AZUL */
.contact-item.style-2 {
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0.08));
backdrop-filter: blur(20px) saturate(200%);
-webkit-backdrop-filter: blur(20px) saturate(200%);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 20px;
padding: 35px 25px;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.contact-item.style-2::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.4),
transparent);
transition: left 0.8s ease;
z-index: 1;
}
.contact-item.style-2:hover {
transform: translateY(-10px) scale(1.03);
background: linear-gradient(135deg,
rgba(32, 112, 232, 0.6),
rgba(15, 82, 186, 0.7));
box-shadow:
0 25px 50px rgba(0, 0, 0, 0.4),
0 0 40px rgba(32, 112, 232, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-color: rgba(255, 255, 255, 0.4);
}
.contact-item.style-2:hover::before {
left: 100%;
}
/* EFECTO DE BRILLO EN BORDES AZUL ELEGANTE */
.contact-item.style-2::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg,
#64c8ff, #2070e8, #64c8ff,
#0f52ba, #64c8ff, #2070e8);
background-size: 400% 400%;
border-radius: 22px;
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease;
animation: borderGlow 3s ease-in-out infinite;
}
.contact-item.style-2:hover::after {
opacity: 1;
}
@keyframes borderGlow {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
/* ICONOS CON FONDO CIRCULAR AZUL PERMANENTE */
.contact-icon {
text-align: center;
margin-bottom: 25px;
position: relative;
z-index: 2;
}
.contact-icon i {
font-size: 2.8rem;
color: #ffffff !important;
background: linear-gradient(135deg, #2070e8, #0f52ba);
padding: 20px;
border-radius: 50%;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
text-shadow:
0 0 10px rgba(255, 255, 255, 0.8),
0 0 20px rgba(32, 112, 232, 0.6);
animation: iconGlow 3s ease-in-out infinite, iconFloat 4s ease-in-out infinite;
transition: all 0.4s ease;
box-shadow:
0 5px 15px rgba(15, 82, 186, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
@keyframes iconGlow {
0%, 100% {
box-shadow:
0 5px 15px rgba(15, 82, 186, 0.4),
0 0 20px rgba(32, 112, 232, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
transform: scale(1);
}
50% {
box-shadow:
0 8px 25px rgba(15, 82, 186, 0.6),
0 0 30px rgba(32, 112, 232, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(0, 0, 0, 0.3);
transform: scale(1.05);
}
}
@keyframes iconFloat {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
}
.contact-item.style-2:hover .contact-icon i {
animation: iconPulse 0.6s ease-out, iconGlow 2s ease-in-out infinite, iconFloat 3s ease-in-out infinite;
transform: scale(1.1);
background: linear-gradient(135deg, #0f52ba, #2070e8);
box-shadow:
0 8px 25px rgba(15, 82, 186, 0.6),
0 0 30px rgba(32, 112, 232, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
@keyframes iconPulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1.1); }
}
/* TÍTULOS EN BLANCO BRILLANTE CON GRADIENTE AZUL */
.contact-title {
color: #ffffff !important;
font-size: 1.4rem !important;
font-weight: 700 !important;
text-align: center;
margin-bottom: 25px !important;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.5),
0 0 20px rgba(255, 255, 255, 0.3);
position: relative;
z-index: 2;
background: linear-gradient(135deg, #ffffff, #a8d8ff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.4s ease;
letter-spacing: 0.5px;
width: 100%;
}
.contact-item.style-2:hover .contact-title {
transform: translateY(-3px);
text-shadow:
0 4px 15px rgba(255, 255, 255, 0.4),
0 0 25px rgba(255, 255, 255, 0.3);
background: linear-gradient(135deg, #ffffff, #ffffff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/* LISTAS DE CONTACTO PERFECTAMENTE CENTRADAS */
.contact-list {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
position: relative;
z-index: 2;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-list li {
margin-bottom: 15px;
transition: all 0.4s ease;
width: 100%;
display: flex;
justify-content: center;
}
.contact-list li:last-child {
margin-bottom: 0;
}
.contact-list a {
color: #ffffff !important;
text-decoration: none !important;
font-size: 1.1rem;
font-weight: 500;
padding: 14px 30px;
border-radius: 50px;
background: linear-gradient(135deg, rgba(32, 112, 232, 0.3), rgba(15, 82, 186, 0.2));
backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.3);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
max-width: 90%;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
box-shadow:
0 5px 15px rgba(0, 0, 0, 0.3),
0 0 10px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
text-align: center;
white-space: nowrap;
}
.contact-list a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.4),
transparent);
transition: left 0.6s ease;
}
.contact-list a:hover {
color: #ffffff !important;
background: linear-gradient(135deg, rgba(32, 112, 232, 0.5), rgba(15, 82, 186, 0.4));
border-color: rgba(255, 255, 255, 0.6);
transform: translateY(-5px) scale(1.05);
box-shadow:
0 10px 25px rgba(0, 0, 0, 0.4),
0 0 20px rgba(255, 255, 255, 0.3),
0 0 30px rgba(32, 112, 232, 0.4);
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}
.contact-list a:hover::before {
left: 100%;
}
/* ESTILOS ESPECIALES PARA WHATSAPP CON FONDO VERDE MEJORADO */
.contact-item.style-2 .fa-whatsapp {
color: #ffffff !important;
background: linear-gradient(135deg, #25D366, #128C7E) !important;
text-shadow:
0 0 10px rgba(255, 255, 255, 0.8),
0 0 20px rgba(37, 211, 102, 0.6) !important;
}
.contact-item.style-2:hover .fa-whatsapp {
animation: whatsappPulse 1s ease-in-out, whatsappGlow 2s ease-in-out infinite;
background: linear-gradient(135deg, #128C7E, #25D366) !important;
}
@keyframes whatsappPulse {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1.1); }
}
@keyframes whatsappGlow {
0%, 100% {
box-shadow:
0 5px 15px rgba(37, 211, 102, 0.4),
0 0 20px rgba(37, 211, 102, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
50% {
box-shadow:
0 8px 25px rgba(37, 211, 102, 0.6),
0 0 30px rgba(37, 211, 102, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
}
/* ESTILO ESPECIAL PARA EL BOTÓN DE WHATSAPP */
.whatsapp-item .contact-list li:last-child a {
background: linear-gradient(135deg,
rgba(37, 211, 102, 0.4),
rgba(25, 175, 80, 0.3)) !important;
border-color: rgba(37, 211, 102, 0.6) !important;
font-weight: 600;
color: #ffffff !important;
}
.whatsapp-item .contact-list li:last-child a:hover {
background: linear-gradient(135deg,
rgba(37, 211, 102, 0.6),
rgba(25, 175, 80, 0.5)) !important;
animation: happyJump 0.6s ease;
color: #ffffff !important;
text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
box-shadow:
0 10px 25px rgba(37, 211, 102, 0.4),
0 0 25px rgba(37, 211, 102, 0.3),
0 0 35px rgba(37, 211, 102, 0.2) !important;
}
@keyframes happyJump {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-8px) scale(1.08); }
}
/* ANIMACIONES DE ENTRADA MEJORADAS */
.wow.fadeInUp {
animation: enhancedFadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes enhancedFadeInUp {
0% {
opacity: 0;
transform: translateY(40px) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
/* EFECTO DE ONDAS LUMINOSAS AZULES */
.elementor-element.elementor-element-a0f75c7::after {
content: '';
position: absolute;
bottom: -10%;
left: -10%;
width: 120%;
height: 120%;
background: radial-gradient(circle at 50% 50%, rgba(32, 112, 232, 0.1) 0%, transparent 50%);
animation: waveMove 8s ease-in-out infinite;
pointer-events: none;
}
@keyframes waveMove {
0%, 100% { transform: translate(0, 0) scale(1); }
50% { transform: translate(-15px, -15px) scale(1.05); }
}
/* RESPONSIVE DESIGN MEJORADO PARA TODOS LOS DISPOSITIVOS */
@media (max-width: 1440px) {
.elementor-element.elementor-element-a0f75c7 {
padding: 45px 30px;
}
.contact-item.style-2 {
padding: 30px 20px;
}
}
@media (max-width: 1200px) {
.elementor-element.elementor-element-a0f75c7 .elementor-container {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 25px;
}
}
@media (max-width: 1024px) {
.elementor-element.elementor-element-a0f75c7 {
padding: 40px 25px;
}
.contact-item.style-2 {
padding: 28px 20px;
}
.contact-icon i {
font-size: 2.5rem;
width: 70px;
height: 70px;
padding: 18px;
}
.contact-title {
font-size: 1.3rem !important;
}
}
@media (max-width: 768px) {
.elementor-element.elementor-element-a0f75c7 .elementor-container {
grid-template-columns: 1fr;
gap: 20px;
}
.elementor-element.elementor-element-a0f75c7 {
padding: 35px 20px;
border-radius: 20px;
}
.contact-item.style-2 {
padding: 25px 20px;
}
.contact-title {
font-size: 1.25rem !important;
margin-bottom: 20px !important;
}
.contact-list a {
font-size: 1.05rem;
min-width: 200px;
padding: 12px 25px;
max-width: 85%;
}
.contact-icon i {
font-size: 2.3rem;
width: 65px;
height: 65px;
padding: 16px;
}
}
@media (max-width: 480px) {
.elementor-element.elementor-element-a0f75c7 {
padding: 30px 15px;
border-radius: 18px;
}
.contact-item.style-2 {
padding: 20px 15px;
}
.contact-icon i {
font-size: 2rem;
width: 60px;
height: 60px;
padding: 14px;
}
.contact-list a {
min-width: 180px;
padding: 10px 20px;
font-size: 1rem;
max-width: 80%;
}
.contact-title {
font-size: 1.2rem !important;
margin-bottom: 18px !important;
}
}
@media (max-width: 360px) {
.elementor-element.elementor-element-a0f75c7 {
padding: 25px 12px;
border-radius: 16px;
}
.contact-item.style-2 {
padding: 18px 12px;
}
.contact-icon i {
font-size: 1.8rem;
width: 55px;
height: 55px;
padding: 12px;
}
.contact-list a {
min-width: 160px;
padding: 8px 16px;
font-size: 0.95rem;
max-width: 75%;
}
.contact-title {
font-size: 1.1rem !important;
}
}
/* MEJORAS DE RENDIMIENTO PARA MÓVIL */
@media (max-width: 768px) {
.elementor-element.elementor-element-a0f75c7::before {
animation-duration: 30s;
opacity: 0.4;
}
.contact-icon i {
animation-duration: 4s;
}
.contact-item.style-2:hover {
transform: translateY(-5px) scale(1.02);
}
}/* End custom CSS */
/* Start custom CSS for tj-form, class: .elementor-element-2b9bb98 *//* Estilos para el confeti avanzado */
.confetti-piece {
position: fixed;
width: 10px;
height: 10px;
background-color: #f00;
top: 0;
opacity: 0;
animation: confetti-fall 5s ease-in-out infinite;
}
.confetti-piece:nth-child(1) { left: 10%; animation-delay: 0s; }
.confetti-piece:nth-child(2) { left: 20%; animation-delay: 0.5s; }
.confetti-piece:nth-child(3) { left: 30%; animation-delay: 1s; }
.confetti-piece:nth-child(4) { left: 40%; animation-delay: 1.5s; }
.confetti-piece:nth-child(5) { left: 50%; animation-delay: 2s; }
.confetti-piece:nth-child(6) { left: 60%; animation-delay: 2.5s; }
.confetti-piece:nth-child(7) { left: 70%; animation-delay: 3s; }
.confetti-piece:nth-child(8) { left: 80%; animation-delay: 3.5s; }
.confetti-piece:nth-child(9) { left: 90%; animation-delay: 4s; }
.confetti-piece:nth-child(10) { left: 100%; animation-delay: 4.5s; }
@keyframes confetti-fall {
0% {
opacity: 1;
top: -10%;
transform: rotate(0deg);
}
100% {
opacity: 0;
top: 100%;
transform: rotate(360deg);
}
}
/* Modal de éxito avanzado */
.success-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
opacity: 0;
animation: fadeIn 0.5s ease-out forwards;
}
.success-modal {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 40px;
border-radius: 20px;
text-align: center;
max-width: 500px;
width: 90%;
color: white;
transform: scale(0.7);
animation: zoomIn 0.5s ease-out 0.3s forwards;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
position: relative;
overflow: hidden;
}
.success-modal::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
transform: rotate(45deg);
animation: shine 3s infinite;
}
@keyframes shine {
0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes zoomIn {
from { transform: scale(0.7); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
.success-icon {
font-size: 80px;
margin-bottom: 20px;
animation: bounce 1s ease;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.success-modal h2 {
font-size: 2em;
margin-bottom: 10px;
}
.success-modal p {
font-size: 1.2em;
margin-bottom: 20px;
}
.modal-close-btn {
background: #4ade80;
border: none;
border-radius: 50px;
padding: 15px 40px;
color: white;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}
.modal-close-btn:hover {
background: #22c55e;
transform: scale(1.05);
}
/* Contenedor principal del formulario */
.contact-form-one.tj-form {
padding: 40px 30px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 20px;
box-shadow:
0 10px 30px rgba(0,0,0,0.1),
0 0 0 1px rgba(255,255,255,0.8);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.6);
transform: translateY(0);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
}
.contact-form-one.tj-form:hover {
transform: translateY(-8px);
box-shadow:
0 25px 50px rgba(0,0,0,0.15),
0 0 0 1px rgba(255,255,255,0.9);
}
/* Título del formulario */
.contact-form-one .title {
color: #2d3748;
font-size: 1.8em;
margin-bottom: 35px;
text-align: center;
font-weight: 700;
background: linear-gradient(135deg, #2d3748, #4a5568);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Campos de entrada */
.tj-form .form-input {
position: relative;
margin-bottom: 25px;
}
.tj-form .form-input input,
.tj-form .form-input textarea {
width: 100%;
padding: 16px 20px;
border: 2px solid #e2e8f0;
border-radius: 12px;
background: rgba(255,255,255,0.95);
font-size: 15px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
color: #2d3748;
font-weight: 500;
resize: none;
}
.tj-form .form-input input:focus,
.tj-form .form-input textarea:focus {
outline: none;
border-color: #4299e1;
background: white;
transform: translateY(-2px);
box-shadow:
0 8px 25px rgba(66, 153, 225, 0.15),
0 0 0 3px rgba(66, 153, 225, 0.1);
}
/* SELECT ORIGINAL MEJORADO - SIN DOBLE SPINNER */
.tj-select .wpcf7-form-control.wpcf7-select {
width: 100%;
padding: 16px 20px;
border: 2px solid #e2e8f0;
border-radius: 12px;
background: rgba(255,255,255,0.95);
font-size: 15px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
color: #2d3748;
font-weight: 500;
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234299e1' d='M6 8.825L1.175 4 2.238 2.938 6 6.7l3.763-3.762L10.825 4z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 12px;
}
.tj-select .wpcf7-form-control.wpcf7-select:hover {
border-color: #4299e1;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(66, 153, 225, 0.15);
}
.tj-select .wpcf7-form-control.wpcf7-select:focus {
outline: none;
border-color: #4299e1;
background: white;
transform: translateY(-2px);
box-shadow:
0 8px 25px rgba(66, 153, 225, 0.15),
0 0 0 3px rgba(66, 153, 225, 0.1);
}
/* Ocultar el select personalizado que causa el doble spinner */
.tj-select .nice-select {
display: none !important;
}
/* Mostrar solo el select original de WordPress */
.tj-select select.wpcf7-form-control {
display: block !important;
}
/* Botón de envío */
.tj-primary-btn {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #4299e1, #3182ce);
border: none;
border-radius: 16px;
padding: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow:
0 10px 30px rgba(66, 153, 225, 0.3),
0 0 0 1px rgba(255,255,255,0.2);
cursor: pointer;
margin-top: 10px;
width: 100%;
}
.tj-primary-btn .btn_inner {
padding: 18px 45px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.tj-primary-btn:hover {
transform: translateY(-3px) scale(1.02);
box-shadow:
0 20px 40px rgba(66, 153, 225, 0.4),
0 0 0 1px rgba(255,255,255,0.3);
}
.tj-primary-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #3182ce, #2b6cb0);
transition: all 0.6s ease;
border-radius: 16px;
}
.tj-primary-btn:hover::before {
left: 0;
}
/* Iconos y texto del botón */
.tj-primary-btn .btn_icon {
position: relative;
display: inline-block;
margin-right: 12px;
}
.tj-primary-btn .btn_icon i {
color: white;
transition: all 0.3s ease;
font-size: 16px;
}
.tj-primary-btn:hover .btn_icon i:first-child {
transform: translateX(8px) scale(1.1);
}
.tj-primary-btn .btn_text span {
color: white;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.5px;
}
/* Animaciones suaves */
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-3px);
}
}
.tj-form .form-input {
animation: float 6s ease-in-out infinite;
}
.tj-form .form-input:nth-child(1) { animation-delay: 0s; }
.tj-form .form-input:nth-child(2) { animation-delay: 0.3s; }
.tj-form .form-input:nth-child(3) { animation-delay: 0.6s; }
.tj-form .form-input:nth-child(4) { animation-delay: 0.9s; }
/* Efectos de fondo */
.contact-form-one.tj-form::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 15% 15%, rgba(66, 153, 225, 0.08) 0%, transparent 25%),
radial-gradient(circle at 85% 85%, rgba(49, 130, 206, 0.08) 0%, transparent 25%);
pointer-events: none;
animation: floatBackground 20s ease-in-out infinite;
}
@keyframes floatBackground {
0%, 100% {
transform: scale(1) rotate(0deg);
}
50% {
transform: scale(1.05) rotate(180deg);
}
}
/* Responsive */
@media (max-width: 768px) {
.contact-form-one.tj-form {
padding: 25px 20px;
margin: 0 10px;
}
.contact-form-one .title {
font-size: 1.4em;
margin-bottom: 25px;
}
.tj-select .wpcf7-form-control.wpcf7-select {
padding: 14px 16px;
font-size: 14px;
background-position: right 16px center;
}
.tj-primary-btn .btn_inner {
padding: 15px 30px;
}
}
/* Placeholder mejorado */
.tj-form .form-input input::placeholder,
.tj-form .form-input textarea::placeholder {
color: #a0aec0;
transition: all 0.3s ease;
}
.tj-form .form-input input:focus::placeholder,
.tj-form .form-input textarea:focus::placeholder {
transform: translateY(-5px);
opacity: 0.5;
font-size: 13px;
}
/* ===== EFECTO CONFETI Y MODAL ESPECTACULAR ===== */
/* Contenedor de confeti */
.confetti-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
overflow: hidden;
}
.confetti {
position: absolute;
width: 12px;
height: 12px;
opacity: 0;
animation: confetti-fall 4s ease-in-out forwards;
}
.confetti:nth-child(5n) { background: #ff0000; }
.confetti:nth-child(5n+1) { background: #00ff00; }
.confetti:nth-child(5n+2) { background: #0000ff; }
.confetti:nth-child(5n+3) { background: #ffff00; }
.confetti:nth-child(5n+4) { background: #ff00ff; }
@keyframes confetti-fall {
0% {
opacity: 1;
transform: translateY(-100px) rotate(0deg) scale(1);
}
10% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(100vh) rotate(720deg) scale(0.5);
}
}
/* Modal de éxito espectacular */
.success-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 10000;
backdrop-filter: blur(10px);
animation: modalFadeIn 0.6s ease-out;
}
.success-modal-overlay.active {
display: flex;
}
.success-modal {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 50px 40px;
border-radius: 30px;
text-align: center;
max-width: 500px;
width: 90%;
position: relative;
overflow: hidden;
box-shadow:
0 30px 60px rgba(0,0,0,0.3),
0 0 0 3px rgba(255,255,255,0.1),
inset 0 0 0 1px rgba(255,255,255,0.2);
animation: modalPopIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.success-modal::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
animation: shine 3s infinite;
}
@keyframes modalFadeIn {
from {
opacity: 0;
backdrop-filter: blur(0px);
}
to {
opacity: 1;
backdrop-filter: blur(10px);
}
}
@keyframes modalPopIn {
0% {
opacity: 0;
transform: scale(0.5) rotate(-10deg);
}
70% {
transform: scale(1.05) rotate(5deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
@keyframes shine {
0% {
transform: translateX(-100%) translateY(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) translateY(100%) rotate(45deg);
}
}
.success-icon {
font-size: 80px;
color: #4ade80;
margin-bottom: 20px;
animation: iconBounce 1s ease-in-out;
text-shadow: 0 0 30px rgba(74, 222, 128, 0.5);
}
@keyframes iconBounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.success-modal h2 {
color: white;
font-size: 2.5em;
margin-bottom: 15px;
font-weight: 700;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.success-modal p {
color: rgba(255,255,255,0.9);
font-size: 1.2em;
margin-bottom: 30px;
line-height: 1.6;
}
.modal-close-btn {
background: linear-gradient(135deg, #4ade80, #22c55e);
border: none;
border-radius: 50px;
padding: 15px 40px;
color: white;
font-weight: 600;
font-size: 1.1em;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(34, 197, 94, 0.3);
position: relative;
overflow: hidden;
}
.modal-close-btn:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 15px 40px rgba(34, 197, 94, 0.4);
}
.modal-close-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
transition: left 0.5s ease;
}
.modal-close-btn:hover::before {
left: 100%;
}
/* Efectos de partículas adicionales */
.floating-particles {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
}
.particle {
position: absolute;
width: 6px;
height: 6px;
background: gold;
border-radius: 50%;
animation: particle-float 3s ease-in-out infinite;
}
@keyframes particle-float {
0%, 100% {
transform: translateY(0) rotate(0deg);
opacity: 0;
}
50% {
transform: translateY(-20px) rotate(180deg);
opacity: 1;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26eedb5 *//* FORMULARIO Y MAPA CON DISEÑO LEGIBLE Y ELEGANTE */
.elementor-element-26eedb5 {
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.95),
rgba(245, 247, 255, 0.98),
rgba(255, 255, 255, 0.95));
border: 2px solid rgba(15, 82, 186, 0.3);
border-radius: 20px;
padding: 40px 30px;
box-shadow:
0 15px 40px rgba(15, 82, 186, 0.15),
0 5px 20px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
/* CONTENEDOR GRID */
.elementor-element-26eedb5 .elementor-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
/* TÍTULO DEL FORMULARIO CLARO Y LEGIBLE */
.tj-form.contact-form-one.style-2 .title {
color: #1a1a1a !important;
font-size: 2rem !important;
font-weight: 700 !important;
text-align: center;
margin-bottom: 35px !important;
line-height: 1.4;
text-shadow: none;
}
.tj-form.contact-form-one.style-2 .title span {
color: #2070e8 !important;
background: none;
-webkit-text-fill-color: initial;
}
/* FILA DEL FORMULARIO */
.tj-form.contact-form-one.style-2 .row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.tj-form.contact-form-one.style-2 .col-sm-6,
.tj-form.contact-form-one.style-2 .col-12 {
padding: 0 15px;
margin-bottom: 20px;
}
.tj-form.contact-form-one.style-2 .col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.tj-form.contact-form-one.style-2 .col-12 {
flex: 0 0 100%;
max-width: 100%;
}
/* INPUTS CLAROS Y LEGIBLES */
.tj-form.contact-form-one.style-2 .wpcf7-form-control {
width: 100%;
padding: 16px 20px;
background: #ffffff;
border: 2px solid #e0e0e0;
border-radius: 12px;
color: #333333 !important;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control::placeholder {
color: #666666 !important;
font-weight: 400;
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control:focus {
background: #ffffff;
border-color: #2070e8;
box-shadow: 0 4px 15px rgba(32, 112, 232, 0.2);
transform: translateY(-2px);
outline: none;
}
/* SELECT PERSONALIZADO LEGIBLE */
.tj-form.contact-form-one.style-2 .nice-select {
background: #ffffff !important;
border: 2px solid #e0e0e0 !important;
border-radius: 12px !important;
color: #333333 !important;
padding: 16px 20px;
height: auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.tj-form.contact-form-one.style-2 .nice-select:after {
border-color: #666666 !important;
right: 20px;
}
.tj-form.contact-form-one.style-2 .nice-select .current {
color: #333333 !important;
font-weight: 500;
}
.tj-form.contact-form-one.style-2 .nice-select .list {
background: #ffffff !important;
border: 2px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.tj-form.contact-form-one.style-2 .nice-select .option {
color: #333333 !important;
padding: 12px 20px;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.tj-form.contact-form-one.style-2 .nice-select .option:hover,
.tj-form.contact-form-one.style-2 .nice-select .option.focus,
.tj-form.contact-form-one.style-2 .nice-select .option.selected {
background: #2070e8 !important;
color: #ffffff !important;
}
/* TEXTAREA CLARO */
.tj-form.contact-form-one.style-2 .input-textarea textarea {
min-height: 140px;
resize: vertical;
background: #ffffff;
border: 2px solid #e0e0e0;
border-radius: 12px;
color: #333333 !important;
padding: 16px 20px;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.tj-form.contact-form-one.style-2 .input-textarea textarea:focus {
background: #ffffff;
border-color: #2070e8;
box-shadow: 0 4px 15px rgba(32, 112, 232, 0.2);
transform: translateY(-2px);
outline: none;
}
/* BOTÓN DE ENVIAR ELEGANTE */
.tj-form.contact-form-one.style-2 .submit-button {
text-align: center;
margin-top: 10px;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn {
background: linear-gradient(135deg, #2070e8, #0f52ba) !important;
border: none !important;
border-radius: 50px !important;
padding: 0 !important;
overflow: hidden;
position: relative;
transition: all 0.4s ease;
box-shadow: 0 5px 15px rgba(15, 82, 186, 0.3);
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_inner {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 35px;
position: relative;
z-index: 2;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_text span {
color: #ffffff !important;
font-size: 1.1rem;
font-weight: 600;
transition: all 0.3s ease;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_icon {
margin-left: 12px;
transition: all 0.3s ease;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_icon i {
color: #ffffff !important;
font-size: 1.1rem;
transition: all 0.3s ease;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn:hover {
transform: translateY(-3px);
background: linear-gradient(135deg, #0f52ba, #2070e8) !important;
box-shadow: 0 8px 25px rgba(15, 82, 186, 0.4);
}
.tj-form.contact-form-one.style-2 .tj-primary-btn:hover .btn_icon {
transform: translateX(5px);
}
/* MAPA CON BORDES ELEGANTES */
.elementor-element-23de292 {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
border: 2px solid #e0e0e0;
transition: all 0.3s ease;
height: 100%;
}
.elementor-element-23de292 iframe {
border-radius: 13px;
border: none;
width: 100%;
height: 500px;
display: block;
}
.elementor-element-23de292:hover {
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
border-color: #2070e8;
}
/* ANIMACIONES SUAVES */
.elementor-element-26eedb5 .wow.fadeInUp {
animation: fadeInUp 0.6s ease-out both;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* RESPONSIVE DESIGN */
@media (max-width: 1200px) {
.elementor-element-26eedb5 .elementor-container {
gap: 30px;
}
}
@media (max-width: 1024px) {
.elementor-element-26eedb5 {
padding: 35px 25px;
}
.elementor-element-26eedb5 .elementor-container {
grid-template-columns: 1fr;
gap: 30px;
}
.tj-form.contact-form-one.style-2 .title {
font-size: 1.8rem !important;
margin-bottom: 30px !important;
}
.elementor-element-23de292 iframe {
height: 400px;
}
}
@media (max-width: 768px) {
.elementor-element-26eedb5 {
padding: 30px 20px;
border-radius: 18px;
}
.tj-form.contact-form-one.style-2 .title {
font-size: 1.6rem !important;
margin-bottom: 25px !important;
}
.tj-form.contact-form-one.style-2 .col-sm-6 {
flex: 0 0 100%;
max-width: 100%;
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control {
padding: 14px 18px;
font-size: 0.95rem;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_inner {
padding: 16px 30px;
}
.elementor-element-23de292 iframe {
height: 350px;
}
}
@media (max-width: 480px) {
.elementor-element-26eedb5 {
padding: 25px 15px;
border-radius: 15px;
}
.tj-form.contact-form-one.style-2 .title {
font-size: 1.4rem !important;
margin-bottom: 20px !important;
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control {
padding: 12px 16px;
font-size: 0.9rem;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_inner {
padding: 14px 25px;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_text span {
font-size: 1rem;
}
.elementor-element-23de292 iframe {
height: 300px;
}
}
@media (max-width: 360px) {
.elementor-element-26eedb5 {
padding: 20px 12px;
}
.tj-form.contact-form-one.style-2 .title {
font-size: 1.3rem !important;
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control {
padding: 10px 14px;
}
.tj-form.contact-form-one.style-2 .tj-primary-btn .btn_inner {
padding: 12px 20px;
}
.elementor-element-23de292 iframe {
height: 250px;
}
}
/* ESTADOS DE VALIDACIÓN */
.tj-form.contact-form-one.style-2 .wpcf7-not-valid {
border-color: #e74c3c !important;
background: #fff5f5 !important;
}
.tj-form.contact-form-one.style-2 .wpcf7-not-valid:focus {
box-shadow: 0 4px 15px rgba(231, 76, 60, 0.2);
}
/* MENSAJES DEL FORMULARIO */
.tj-form.contact-form-one.style-2 .wpcf7-response-output {
padding: 15px;
border-radius: 12px;
margin: 20px 0 0 0 !important;
text-align: center;
font-weight: 500;
}
.tj-form.contact-form-one.style-2 .wpcf7-mail-sent-ok {
background: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.tj-form.contact-form-one.style-2 .wpcf7-validation-errors {
background: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
/* MEJORAS PARA LA LEGIBILIDAD */
.tj-form.contact-form-one.style-2 .form-input {
position: relative;
}
.tj-form.contact-form-one.style-2 .wpcf7-form-control:not(textarea) {
height: auto;
}
/* ASEGURAR QUE TODO EL TEXTO SEA VISIBLE */
.tj-form.contact-form-one.style-2 * {
color: inherit !important;
}
.tj-form.contact-form-one.style-2 input,
.tj-form.contact-form-one.style-2 select,
.tj-form.contact-form-one.style-2 textarea {
color: #333333 !important;
font-family: inherit;
}
.tj-form.contact-form-one.style-2 option {
color: #333333 !important;
background: #ffffff;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0991fe0 *//* === CONTENEDOR PRINCIPAL (opcional, mejora el alineado) === */
.elementor-element-528b4d5 {
display: flex;
align-items: center;
gap: 15px;
}
/* === ICONO CORPORATIVO BRILLANTE === */
.elementor-element-0991fe0 .elementor-icon {
color: #ffffff;
font-size: 65px;
text-shadow:
0 0 6px rgba(255, 255, 255, 0.8),
0 0 14px rgba(147, 207, 255, 0.6),
0 0 25px rgba(33, 150, 243, 0.4);
transition: all 0.4s ease;
}
/* Efecto sutil en hover */
.elementor-element-0991fe0 .elementor-icon:hover {
transform: scale(1.07);
text-shadow:
0 0 10px rgba(255, 255, 255, 0.9),
0 0 20px rgba(147, 207, 255, 0.7),
0 0 40px rgba(33, 150, 243, 0.5);
}
/* === TÍTULO CORPORATIVO IMPACTANTE === */
.elementor-element-6b9e8cf .elementor-heading-title {
font-size: 50px;
font-weight: 800;
color: #ffffff;
text-transform: uppercase;
text-align: left;
letter-spacing: 1.5px;
line-height: 1.2;
text-shadow:
0 0 6px rgba(255, 255, 255, 0.8),
0 0 15px rgba(147, 207, 255, 0.6),
0 0 25px rgba(33, 150, 243, 0.4);
transition: all 0.4s ease;
}
/* Suave realce al pasar el mouse */
.elementor-element-6b9e8cf .elementor-heading-title:hover {
transform: scale(1.03);
text-shadow:
0 0 10px rgba(255, 255, 255, 0.9),
0 0 20px rgba(147, 207, 255, 0.7),
0 0 35px rgba(33, 150, 243, 0.5);
}
/* === RESPONSIVE DESIGN === */
/* 💻 Laptop / Escritorio estándar */
@media (min-width: 1025px) {
.elementor-element-6b9e8cf .elementor-heading-title { font-size: 50px; }
.elementor-element-0991fe0 .elementor-icon { font-size: 65px; }
}
/* 📱 Tablet horizontal / mediana */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-6b9e8cf .elementor-heading-title { font-size: 38px; }
.elementor-element-0991fe0 .elementor-icon { font-size: 55px; }
}
/* 📱 Tablet vertical */
@media (min-width: 480px) and (max-width: 767px) {
.elementor-element-6b9e8cf .elementor-heading-title { font-size: 30px; }
.elementor-element-0991fe0 .elementor-icon { font-size: 45px; }
}
/* 📱 Celulares pequeños */
@media (max-width: 479px) {
.elementor-element-6b9e8cf .elementor-heading-title { font-size: 26px; }
.elementor-element-0991fe0 .elementor-icon { font-size: 38px; }
}
/* === PREVENCIÓN DE EFECTOS INDESEADOS (como fondo blanco) === */
.elementor-element-528b4d5:hover,
.elementor-element-6b9e8cf:hover,
.elementor-element-0991fe0:hover {
background: transparent !important;
box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c873dac *//* === CONTENEDOR GENERAL === */
.elementor-379 .elementor-element.elementor-element-c873dac {
display: flex;
align-items: center; /* centra verticalmente imagen y texto */
justify-content: center;
gap: 60px; /* espacio horizontal entre imagen y sedes */
flex-wrap: wrap; /* se adapta en móviles */
background: linear-gradient(135deg, #0a1f3b, #1b3b6f);
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
color: #fff;
transition: all 0.5s ease;
}
/* === IMAGEN DEL MAPA === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
width: 100%;
max-width: 450px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,191,255,0.25);
transition: all 0.5s ease;
}
/* efecto “vivo” al pasar el mouse sobre el mapa */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img:hover {
transform: scale(1.04) rotate(1deg);
box-shadow: 0 12px 30px rgba(0,191,255,0.45);
filter: brightness(1.1);
}
/* === BLOQUE DE SEDES === */
.elementor-379 .elementor-element.elementor-element-c873dac .e-con-inner {
display: flex;
flex-direction: column;
justify-content: center;
gap: 18px;
max-width: 520px;
}
/* === TÍTULOS DE SEDES (icon-list) === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
color: #00bfff;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: all 0.4s ease;
position: relative;
}
/* efecto de iluminación y movimiento */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover .elementor-icon-list-text {
color: #ffcc00;
transform: translateX(10px);
text-shadow: 0 0 10px rgba(255,204,0,0.8);
}
/* íconos de ubicación */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-icon i {
color: #00bfff;
font-size: 18px;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover i {
color: #ffcc00;
transform: scale(1.2) rotate(10deg);
filter: drop-shadow(0 0 5px rgba(255,204,0,0.7));
}
/* === DIRECCIONES Y CORREOS === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor p {
margin: 5px 0 10px;
color: #dfeaff;
line-height: 1.6;
font-size: 15px;
transition: color 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a {
color: #00bfff;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a:hover {
color: #ffcc00;
text-decoration: underline;
}
/* === EFECTO DE BLOQUE AL PASAR EL MOUSE POR CADA SEDE === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item {
background: rgba(255,255,255,0.05);
padding: 8px 12px;
border-radius: 10px;
transition: all 0.4s ease;
cursor: pointer;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover {
background: rgba(0,191,255,0.15);
transform: scale(1.02);
box-shadow: 0 0 15px rgba(0,191,255,0.2);
}
/* === RESPONSIVE (móvil) === */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-c873dac {
flex-direction: column;
align-items: center;
gap: 40px;
text-align: center;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
max-width: 100%;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
font-size: 16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f30820e *//* --- 1. CONTENEDOR PRINCIPAL (CAJA AZUL) --- */
.elementor-379 .elementor-element.elementor-element-f30820e {
/* CLAVE: Altura automática y SIN límites */
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important; /* Cambiado a visible para evitar cortes */
/* Diseño Visual */
background-color: #06112a; /* Azul Navy */
border-radius: 16px;
padding: 30px 25px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.05);
/* Aseguramos que los elementos se apilen bien */
display: flex;
flex-direction: column;
}
/* --- 2. TÍTULOS DE LAS SEDES (BARRAS) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list {
background-color: #16264c;
border-radius: 8px;
padding: 8px 15px;
/* Espaciado compacto entre bloques */
margin-bottom: 2px !important;
margin-top: 15px !important;
/* Asegurar que la barra no se rompa */
width: 100%;
}
/* El primer título no lleva margen arriba */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list:first-child {
margin-top: 0 !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-item {
padding: 0;
display: flex;
align-items: center;
}
/* Texto del Título */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-text {
color: #ffffff;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-left: 10px;
}
/* Icono de Ubicación (Mapa) */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-icon i {
color: #00bfff;
font-size: 15px;
}
/* --- 3. DIRECCIÓN (TEXTO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor p {
color: #dbeafe; /* Blanco suave */
font-size: 13px;
line-height: 1.4;
margin: 0;
padding-left: 5px;
}
/* --- 4. CORREO ELECTRÓNICO (FORZADO ABAJO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"] {
/* CLAVE: display: flex fuerza el salto de línea y alineación */
display: flex !important;
align-items: center;
width: fit-content;
margin-top: 5px !important; /* Espacio superior para separarlo de la dirección */
color: #00bfff !important; /* Cian */
font-weight: 700;
font-size: 13px;
text-decoration: none;
}
/* ICONO DE SOBRE AUTOMÁTICO */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]::before {
content: "\f0e0"; /* Icono de sobre */
font-family: "Font Awesome 5 Free"; /* Fuente de iconos Elementor */
font-weight: 900;
margin-right: 8px;
color: #00bfff;
font-size: 14px;
}
/* Efecto Hover */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover {
color: #ffffff !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover::before {
color: #ffffff;
}
/* Limpieza de saltos de línea extraños */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor br {
display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3af3b08 *//* Animación de flotación suave */
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, -15px); }
100% { transform: translate(0, 0px); }
}
/* Contenedor principal - Efecto flotante */
.elementor-379 .elementor-element.elementor-element-3af3b08 {
animation: floating 4s ease-in-out infinite;
padding: 20px;
}
/* Estilo para "Oficina Central" (Icon List) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-item {
background: linear-gradient(90deg, rgba(0, 217, 255, 0.15) 0%, transparent 100%);
border-left: 4px solid #00d9ff;
padding: 10px 15px;
margin-bottom: 25px;
border-radius: 0 10px 10px 0;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-icon i {
color: #00d9ff;
font-size: 22px;
filter: drop-shadow(0 0 8px #00d9ff);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-text {
color: #00d9ff;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 15px rgba(0, 217, 255, 0.8);
}
/* Estilo para el contenido HTML (Dirección) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html p {
font-size: 26px !important; /* Más grande */
line-height: 1.8 !important;
text-shadow: 0 0 20px rgba(255, 255, 255, 0.4), 0 0 40px rgba(0, 191, 255, 0.6) !important;
}
/* Estilo para los Emojis */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html img.emoji {
width: 1.4em !important;
margin: 0 0.2em 0 0 !important;
vertical-align: -0.2em !important;
filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}
/* Estilo y Hover del Email */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a {
display: inline-block;
font-size: 24px !important;
margin-top: 10px;
padding: 5px 10px;
border-radius: 8px;
background: rgba(0,0,0,0.2);
border: 1px solid rgba(0, 217, 255, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a:hover {
color: #ffffff !important;
background: rgba(0, 217, 255, 0.2);
border-color: #00d9ff;
transform: scale(1.05) translateX(10px);
box-shadow: 0 0 30px rgba(0, 217, 255, 0.6);
text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1746207 *//* 🌐 CONTENEDOR PRINCIPAL DEL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207 {
display: flex;
justify-content: center;
align-items: center;
background: radial-gradient(circle at center, #0a192f 0%, #00111f 100%);
padding: 28px;
border-radius: 22px;
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
overflow: hidden;
position: relative;
transition: all 0.5s ease;
animation: glowPulse 4s infinite ease-in-out;
}
/* 💫 EFECTO DE BRILLO ANIMADO */
@keyframes glowPulse {
0%, 100% {
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
}
50% {
box-shadow: 0 0 40px rgba(0,191,255,0.5), inset 0 0 25px rgba(0,191,255,0.25);
}
}
/* 🌟 EFECTO HOVER */
.elementor-379 .elementor-element.elementor-element-1746207:hover {
transform: scale(1.03);
box-shadow: 0 0 50px rgba(0,191,255,0.6), inset 0 0 20px rgba(0,191,255,0.3);
background: radial-gradient(circle at center, #0d223d 0%, #000c1a 100%);
transition: all 0.4s ease-in-out;
}
/* 🗺️ MAPA INTERNO (iframe o canvas) */
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
width: 100% !important;
height: 450px !important;
border-radius: 18px;
border: 2px solid rgba(0,191,255,0.4);
box-shadow: 0 0 25px rgba(0,191,255,0.2);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ EFECTO HOVER EN EL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207:hover iframe,
.elementor-379 .elementor-element.elementor-element-1746207:hover canvas {
border-color: #00e5ff;
box-shadow: 0 0 35px rgba(0,229,255,0.4), inset 0 0 15px rgba(0,191,255,0.25);
filter: brightness(1.1);
}
/* 📱 RESPONSIVE (MÓVIL) */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-1746207 {
padding: 15px;
border-radius: 16px;
}
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
height: 380px !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c873dac *//* === CONTENEDOR GENERAL === */
.elementor-379 .elementor-element.elementor-element-c873dac {
display: flex;
align-items: center; /* centra verticalmente imagen y texto */
justify-content: center;
gap: 60px; /* espacio horizontal entre imagen y sedes */
flex-wrap: wrap; /* se adapta en móviles */
background: linear-gradient(135deg, #0a1f3b, #1b3b6f);
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
color: #fff;
transition: all 0.5s ease;
}
/* === IMAGEN DEL MAPA === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
width: 100%;
max-width: 450px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,191,255,0.25);
transition: all 0.5s ease;
}
/* efecto “vivo” al pasar el mouse sobre el mapa */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img:hover {
transform: scale(1.04) rotate(1deg);
box-shadow: 0 12px 30px rgba(0,191,255,0.45);
filter: brightness(1.1);
}
/* === BLOQUE DE SEDES === */
.elementor-379 .elementor-element.elementor-element-c873dac .e-con-inner {
display: flex;
flex-direction: column;
justify-content: center;
gap: 18px;
max-width: 520px;
}
/* === TÍTULOS DE SEDES (icon-list) === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
color: #00bfff;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: all 0.4s ease;
position: relative;
}
/* efecto de iluminación y movimiento */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover .elementor-icon-list-text {
color: #ffcc00;
transform: translateX(10px);
text-shadow: 0 0 10px rgba(255,204,0,0.8);
}
/* íconos de ubicación */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-icon i {
color: #00bfff;
font-size: 18px;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover i {
color: #ffcc00;
transform: scale(1.2) rotate(10deg);
filter: drop-shadow(0 0 5px rgba(255,204,0,0.7));
}
/* === DIRECCIONES Y CORREOS === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor p {
margin: 5px 0 10px;
color: #dfeaff;
line-height: 1.6;
font-size: 15px;
transition: color 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a {
color: #00bfff;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a:hover {
color: #ffcc00;
text-decoration: underline;
}
/* === EFECTO DE BLOQUE AL PASAR EL MOUSE POR CADA SEDE === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item {
background: rgba(255,255,255,0.05);
padding: 8px 12px;
border-radius: 10px;
transition: all 0.4s ease;
cursor: pointer;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover {
background: rgba(0,191,255,0.15);
transform: scale(1.02);
box-shadow: 0 0 15px rgba(0,191,255,0.2);
}
/* === RESPONSIVE (móvil) === */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-c873dac {
flex-direction: column;
align-items: center;
gap: 40px;
text-align: center;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
max-width: 100%;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
font-size: 16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f30820e *//* --- 1. CONTENEDOR PRINCIPAL (CAJA AZUL) --- */
.elementor-379 .elementor-element.elementor-element-f30820e {
/* CLAVE: Altura automática y SIN límites */
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important; /* Cambiado a visible para evitar cortes */
/* Diseño Visual */
background-color: #06112a; /* Azul Navy */
border-radius: 16px;
padding: 30px 25px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.05);
/* Aseguramos que los elementos se apilen bien */
display: flex;
flex-direction: column;
}
/* --- 2. TÍTULOS DE LAS SEDES (BARRAS) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list {
background-color: #16264c;
border-radius: 8px;
padding: 8px 15px;
/* Espaciado compacto entre bloques */
margin-bottom: 2px !important;
margin-top: 15px !important;
/* Asegurar que la barra no se rompa */
width: 100%;
}
/* El primer título no lleva margen arriba */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list:first-child {
margin-top: 0 !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-item {
padding: 0;
display: flex;
align-items: center;
}
/* Texto del Título */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-text {
color: #ffffff;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-left: 10px;
}
/* Icono de Ubicación (Mapa) */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-icon i {
color: #00bfff;
font-size: 15px;
}
/* --- 3. DIRECCIÓN (TEXTO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor p {
color: #dbeafe; /* Blanco suave */
font-size: 13px;
line-height: 1.4;
margin: 0;
padding-left: 5px;
}
/* --- 4. CORREO ELECTRÓNICO (FORZADO ABAJO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"] {
/* CLAVE: display: flex fuerza el salto de línea y alineación */
display: flex !important;
align-items: center;
width: fit-content;
margin-top: 5px !important; /* Espacio superior para separarlo de la dirección */
color: #00bfff !important; /* Cian */
font-weight: 700;
font-size: 13px;
text-decoration: none;
}
/* ICONO DE SOBRE AUTOMÁTICO */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]::before {
content: "\f0e0"; /* Icono de sobre */
font-family: "Font Awesome 5 Free"; /* Fuente de iconos Elementor */
font-weight: 900;
margin-right: 8px;
color: #00bfff;
font-size: 14px;
}
/* Efecto Hover */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover {
color: #ffffff !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover::before {
color: #ffffff;
}
/* Limpieza de saltos de línea extraños */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor br {
display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3af3b08 *//* Animación de flotación suave */
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, -15px); }
100% { transform: translate(0, 0px); }
}
/* Contenedor principal - Efecto flotante */
.elementor-379 .elementor-element.elementor-element-3af3b08 {
animation: floating 4s ease-in-out infinite;
padding: 20px;
}
/* Estilo para "Oficina Central" (Icon List) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-item {
background: linear-gradient(90deg, rgba(0, 217, 255, 0.15) 0%, transparent 100%);
border-left: 4px solid #00d9ff;
padding: 10px 15px;
margin-bottom: 25px;
border-radius: 0 10px 10px 0;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-icon i {
color: #00d9ff;
font-size: 22px;
filter: drop-shadow(0 0 8px #00d9ff);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-text {
color: #00d9ff;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 15px rgba(0, 217, 255, 0.8);
}
/* Estilo para el contenido HTML (Dirección) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html p {
font-size: 26px !important; /* Más grande */
line-height: 1.8 !important;
text-shadow: 0 0 20px rgba(255, 255, 255, 0.4), 0 0 40px rgba(0, 191, 255, 0.6) !important;
}
/* Estilo para los Emojis */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html img.emoji {
width: 1.4em !important;
margin: 0 0.2em 0 0 !important;
vertical-align: -0.2em !important;
filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}
/* Estilo y Hover del Email */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a {
display: inline-block;
font-size: 24px !important;
margin-top: 10px;
padding: 5px 10px;
border-radius: 8px;
background: rgba(0,0,0,0.2);
border: 1px solid rgba(0, 217, 255, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a:hover {
color: #ffffff !important;
background: rgba(0, 217, 255, 0.2);
border-color: #00d9ff;
transform: scale(1.05) translateX(10px);
box-shadow: 0 0 30px rgba(0, 217, 255, 0.6);
text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1746207 *//* 🌐 CONTENEDOR PRINCIPAL DEL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207 {
display: flex;
justify-content: center;
align-items: center;
background: radial-gradient(circle at center, #0a192f 0%, #00111f 100%);
padding: 28px;
border-radius: 22px;
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
overflow: hidden;
position: relative;
transition: all 0.5s ease;
animation: glowPulse 4s infinite ease-in-out;
}
/* 💫 EFECTO DE BRILLO ANIMADO */
@keyframes glowPulse {
0%, 100% {
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
}
50% {
box-shadow: 0 0 40px rgba(0,191,255,0.5), inset 0 0 25px rgba(0,191,255,0.25);
}
}
/* 🌟 EFECTO HOVER */
.elementor-379 .elementor-element.elementor-element-1746207:hover {
transform: scale(1.03);
box-shadow: 0 0 50px rgba(0,191,255,0.6), inset 0 0 20px rgba(0,191,255,0.3);
background: radial-gradient(circle at center, #0d223d 0%, #000c1a 100%);
transition: all 0.4s ease-in-out;
}
/* 🗺️ MAPA INTERNO (iframe o canvas) */
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
width: 100% !important;
height: 450px !important;
border-radius: 18px;
border: 2px solid rgba(0,191,255,0.4);
box-shadow: 0 0 25px rgba(0,191,255,0.2);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ EFECTO HOVER EN EL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207:hover iframe,
.elementor-379 .elementor-element.elementor-element-1746207:hover canvas {
border-color: #00e5ff;
box-shadow: 0 0 35px rgba(0,229,255,0.4), inset 0 0 15px rgba(0,191,255,0.25);
filter: brightness(1.1);
}
/* 📱 RESPONSIVE (MÓVIL) */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-1746207 {
padding: 15px;
border-radius: 16px;
}
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
height: 380px !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c873dac *//* === CONTENEDOR GENERAL === */
.elementor-379 .elementor-element.elementor-element-c873dac {
display: flex;
align-items: center; /* centra verticalmente imagen y texto */
justify-content: center;
gap: 60px; /* espacio horizontal entre imagen y sedes */
flex-wrap: wrap; /* se adapta en móviles */
background: linear-gradient(135deg, #0a1f3b, #1b3b6f);
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
color: #fff;
transition: all 0.5s ease;
}
/* === IMAGEN DEL MAPA === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
width: 100%;
max-width: 450px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,191,255,0.25);
transition: all 0.5s ease;
}
/* efecto “vivo” al pasar el mouse sobre el mapa */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img:hover {
transform: scale(1.04) rotate(1deg);
box-shadow: 0 12px 30px rgba(0,191,255,0.45);
filter: brightness(1.1);
}
/* === BLOQUE DE SEDES === */
.elementor-379 .elementor-element.elementor-element-c873dac .e-con-inner {
display: flex;
flex-direction: column;
justify-content: center;
gap: 18px;
max-width: 520px;
}
/* === TÍTULOS DE SEDES (icon-list) === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
color: #00bfff;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: all 0.4s ease;
position: relative;
}
/* efecto de iluminación y movimiento */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover .elementor-icon-list-text {
color: #ffcc00;
transform: translateX(10px);
text-shadow: 0 0 10px rgba(255,204,0,0.8);
}
/* íconos de ubicación */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-icon i {
color: #00bfff;
font-size: 18px;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover i {
color: #ffcc00;
transform: scale(1.2) rotate(10deg);
filter: drop-shadow(0 0 5px rgba(255,204,0,0.7));
}
/* === DIRECCIONES Y CORREOS === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor p {
margin: 5px 0 10px;
color: #dfeaff;
line-height: 1.6;
font-size: 15px;
transition: color 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a {
color: #00bfff;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-text-editor a:hover {
color: #ffcc00;
text-decoration: underline;
}
/* === EFECTO DE BLOQUE AL PASAR EL MOUSE POR CADA SEDE === */
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item {
background: rgba(255,255,255,0.05);
padding: 8px 12px;
border-radius: 10px;
transition: all 0.4s ease;
cursor: pointer;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-item:hover {
background: rgba(0,191,255,0.15);
transform: scale(1.02);
box-shadow: 0 0 15px rgba(0,191,255,0.2);
}
/* === RESPONSIVE (móvil) === */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-c873dac {
flex-direction: column;
align-items: center;
gap: 40px;
text-align: center;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-widget-image img {
max-width: 100%;
}
.elementor-379 .elementor-element.elementor-element-c873dac .elementor-icon-list-text {
font-size: 16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f30820e *//* --- 1. CONTENEDOR PRINCIPAL (CAJA AZUL) --- */
.elementor-379 .elementor-element.elementor-element-f30820e {
/* CLAVE: Altura automática y SIN límites */
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important; /* Cambiado a visible para evitar cortes */
/* Diseño Visual */
background-color: #06112a; /* Azul Navy */
border-radius: 16px;
padding: 30px 25px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.05);
/* Aseguramos que los elementos se apilen bien */
display: flex;
flex-direction: column;
}
/* --- 2. TÍTULOS DE LAS SEDES (BARRAS) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list {
background-color: #16264c;
border-radius: 8px;
padding: 8px 15px;
/* Espaciado compacto entre bloques */
margin-bottom: 2px !important;
margin-top: 15px !important;
/* Asegurar que la barra no se rompa */
width: 100%;
}
/* El primer título no lleva margen arriba */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-icon-list:first-child {
margin-top: 0 !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-item {
padding: 0;
display: flex;
align-items: center;
}
/* Texto del Título */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-text {
color: #ffffff;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-left: 10px;
}
/* Icono de Ubicación (Mapa) */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-icon-list-icon i {
color: #00bfff;
font-size: 15px;
}
/* --- 3. DIRECCIÓN (TEXTO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor p {
color: #dbeafe; /* Blanco suave */
font-size: 13px;
line-height: 1.4;
margin: 0;
padding-left: 5px;
}
/* --- 4. CORREO ELECTRÓNICO (FORZADO ABAJO) --- */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"] {
/* CLAVE: display: flex fuerza el salto de línea y alineación */
display: flex !important;
align-items: center;
width: fit-content;
margin-top: 5px !important; /* Espacio superior para separarlo de la dirección */
color: #00bfff !important; /* Cian */
font-weight: 700;
font-size: 13px;
text-decoration: none;
}
/* ICONO DE SOBRE AUTOMÁTICO */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]::before {
content: "\f0e0"; /* Icono de sobre */
font-family: "Font Awesome 5 Free"; /* Fuente de iconos Elementor */
font-weight: 900;
margin-right: 8px;
color: #00bfff;
font-size: 14px;
}
/* Efecto Hover */
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover {
color: #ffffff !important;
}
.elementor-379 .elementor-element.elementor-element-f30820e a[href^="mailto"]:hover::before {
color: #ffffff;
}
/* Limpieza de saltos de línea extraños */
.elementor-379 .elementor-element.elementor-element-f30820e .elementor-widget-text-editor br {
display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3af3b08 *//* Animación de flotación suave */
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, -15px); }
100% { transform: translate(0, 0px); }
}
/* Contenedor principal - Efecto flotante */
.elementor-379 .elementor-element.elementor-element-3af3b08 {
animation: floating 4s ease-in-out infinite;
padding: 20px;
}
/* Estilo para "Oficina Central" (Icon List) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-item {
background: linear-gradient(90deg, rgba(0, 217, 255, 0.15) 0%, transparent 100%);
border-left: 4px solid #00d9ff;
padding: 10px 15px;
margin-bottom: 25px;
border-radius: 0 10px 10px 0;
transition: all 0.3s ease;
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-icon i {
color: #00d9ff;
font-size: 22px;
filter: drop-shadow(0 0 8px #00d9ff);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-icon-list-text {
color: #00d9ff;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 15px rgba(0, 217, 255, 0.8);
}
/* Estilo para el contenido HTML (Dirección) */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html p {
font-size: 26px !important; /* Más grande */
line-height: 1.8 !important;
text-shadow: 0 0 20px rgba(255, 255, 255, 0.4), 0 0 40px rgba(0, 191, 255, 0.6) !important;
}
/* Estilo para los Emojis */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html img.emoji {
width: 1.4em !important;
margin: 0 0.2em 0 0 !important;
vertical-align: -0.2em !important;
filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}
/* Estilo y Hover del Email */
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a {
display: inline-block;
font-size: 24px !important;
margin-top: 10px;
padding: 5px 10px;
border-radius: 8px;
background: rgba(0,0,0,0.2);
border: 1px solid rgba(0, 217, 255, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.elementor-379 .elementor-element.elementor-element-3af3b08 .elementor-widget-html a:hover {
color: #ffffff !important;
background: rgba(0, 217, 255, 0.2);
border-color: #00d9ff;
transform: scale(1.05) translateX(10px);
box-shadow: 0 0 30px rgba(0, 217, 255, 0.6);
text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1746207 *//* 🌐 CONTENEDOR PRINCIPAL DEL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207 {
display: flex;
justify-content: center;
align-items: center;
background: radial-gradient(circle at center, #0a192f 0%, #00111f 100%);
padding: 28px;
border-radius: 22px;
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
overflow: hidden;
position: relative;
transition: all 0.5s ease;
animation: glowPulse 4s infinite ease-in-out;
}
/* 💫 EFECTO DE BRILLO ANIMADO */
@keyframes glowPulse {
0%, 100% {
box-shadow: 0 0 25px rgba(0,191,255,0.3), inset 0 0 15px rgba(0,191,255,0.15);
}
50% {
box-shadow: 0 0 40px rgba(0,191,255,0.5), inset 0 0 25px rgba(0,191,255,0.25);
}
}
/* 🌟 EFECTO HOVER */
.elementor-379 .elementor-element.elementor-element-1746207:hover {
transform: scale(1.03);
box-shadow: 0 0 50px rgba(0,191,255,0.6), inset 0 0 20px rgba(0,191,255,0.3);
background: radial-gradient(circle at center, #0d223d 0%, #000c1a 100%);
transition: all 0.4s ease-in-out;
}
/* 🗺️ MAPA INTERNO (iframe o canvas) */
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
width: 100% !important;
height: 450px !important;
border-radius: 18px;
border: 2px solid rgba(0,191,255,0.4);
box-shadow: 0 0 25px rgba(0,191,255,0.2);
overflow: hidden;
transition: all 0.4s ease;
}
/* ✨ EFECTO HOVER EN EL MAPA */
.elementor-379 .elementor-element.elementor-element-1746207:hover iframe,
.elementor-379 .elementor-element.elementor-element-1746207:hover canvas {
border-color: #00e5ff;
box-shadow: 0 0 35px rgba(0,229,255,0.4), inset 0 0 15px rgba(0,191,255,0.25);
filter: brightness(1.1);
}
/* 📱 RESPONSIVE (MÓVIL) */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-1746207 {
padding: 15px;
border-radius: 16px;
}
.elementor-379 .elementor-element.elementor-element-1746207 iframe,
.elementor-379 .elementor-element.elementor-element-1746207 canvas {
height: 380px !important;
}
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b63b8eb *//* KALYPZUS SERVICES - UNIVERSO DE SERVICIO UI */
/* 1. Contenedor Principal: Glassmorphism Galáctico */
.elementor-379 .elementor-element.elementor-element-b63b8eb .contact-form-one.tj-form {
background: rgba(11, 18, 36, 0.8) !important;
backdrop-filter: blur(25px) saturate(160%) !important;
-webkit-backdrop-filter: blur(25px) saturate(160%) !important;
border: 1.5px solid rgba(0, 210, 255, 0.3) !important;
border-radius: 45px !important;
padding: 65px 50px !important;
box-shadow: 0 35px 80px rgba(0, 0, 0, 0.7),
inset 0 0 40px rgba(0, 210, 255, 0.1) !important;
position: relative;
overflow: hidden;
}
/* 2. Título: Gradiente Neón Moderno */
.elementor-379 .elementor-element.elementor-element-b63b8eb h3.title {
font-family: 'Poppins', sans-serif !important;
font-weight: 900 !important;
font-size: 36px !important;
line-height: 1.2 !important;
text-align: center !important;
letter-spacing: -0.5px !important;
background: linear-gradient(135deg, #ffffff 20%, #00d2ff 60%, #3a7bd5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 50px !important;
filter: drop-shadow(0 10px 15px rgba(0, 210, 255, 0.2));
}
/* 3. Inputs y Textareas: Futuristas y Limpios */
.elementor-379 .elementor-element.elementor-element-b63b8eb .form-input input,
.elementor-379 .elementor-element.elementor-element-b63b8eb .form-input textarea,
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select {
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 18px !important;
color: #ffffff !important;
padding: 22px 28px !important;
font-size: 16px !important;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important;
box-shadow: none !important;
}
/* Estados de Enfoque (Focus) con Glow */
.elementor-379 .elementor-element.elementor-element-b63b8eb .form-input input:focus,
.elementor-379 .elementor-element.elementor-element-b63b8eb .form-input textarea:focus,
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select:focus {
background: rgba(0, 210, 255, 0.05) !important;
border-color: #00d2ff !important;
box-shadow: 0 0 30px rgba(0, 210, 255, 0.15) !important;
transform: translateY(-2px);
outline: none !important;
}
/* Placeholder */
.elementor-379 .elementor-element.elementor-element-b63b8eb ::placeholder {
color: rgba(255, 255, 255, 0.45) !important;
font-weight: 300;
}
/* 4. Dropdown (Nice Select) - Estilo Dark Premium */
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select .list {
background: #0b1224 !important;
border: 1px solid #00d2ff !important;
border-radius: 20px !important;
margin-top: 10px !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8) !important;
}
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select .option {
color: #fff !important;
padding: 15px 25px !important;
}
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select .option:hover,
.elementor-379 .elementor-element.elementor-element-b63b8eb .nice-select .option.selected {
background: linear-gradient(90deg, #00d2ff, #3a7bd5) !important;
color: #fff !important;
}
/* 5. Botón de Envío: Impacto Total */
.elementor-379 .elementor-element.elementor-element-b63b8eb .tj-primary-btn {
position: relative !important;
background: linear-gradient(90deg, #00d2ff, #3a7bd5, #00d2ff) !important;
background-size: 200% auto !important;
border: none !important;
border-radius: 50px !important;
padding: 24px 45px !important;
width: 100% !important;
color: #ffffff !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
box-shadow: 0 15px 40px rgba(0, 210, 255, 0.3) !important;
transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
cursor: pointer !important;
}
.elementor-379 .elementor-element.elementor-element-b63b8eb .tj-primary-btn:hover {
background-position: right center !important;
transform: scale(1.02) translateY(-5px) !important;
box-shadow: 0 25px 60px rgba(0, 210, 255, 0.5) !important;
}
/* Animación de flechas en el botón */
.elementor-379 .elementor-element.elementor-element-b63b8eb .btn_icon i {
transition: transform 0.3s ease !important;
}
.elementor-379 .elementor-element.elementor-element-b63b8eb .tj-primary-btn:hover .btn_icon i {
transform: translateX(8px);
}
/* 6. Ajustes de Espaciado Grid */
.elementor-379 .elementor-element.elementor-element-b63b8eb .row {
row-gap: 25px !important;
}
/* 7. Responsividad para Móviles */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-b63b8eb .contact-form-one.tj-form {
padding: 40px 25px !important;
border-radius: 30px !important;
}
.elementor-379 .elementor-element.elementor-element-b63b8eb h3.title {
font-size: 26px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4f1fa8 *//* === FONDO ANIMADO COMPLETO - TODO EN CSS === */
/* Contenedor principal con posicionamiento relativo */
#e-n-tab-content-1413356741 {
position: relative;
background: linear-gradient(135deg, #0a1f3b 0%, #1b3b6f 100%) !important;
border-radius: 20px !important;
overflow: hidden !important;
padding: 30px !important;
}
/* Brújula gigante de fondo animada */
#e-n-tab-content-1413356741::before {
content: '🧭';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 300px;
opacity: 0.03;
animation: compassRotate 30s linear infinite;
z-index: 0;
}
@keyframes compassRotate {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Olas animadas - Capa 1 */
#e-n-tab-content-1413356741 .e-con-inner::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 200%;
height: 60px;
background: url('data:image/svg+xml;utf8,') repeat-x;
animation: waveMove 15s linear infinite;
z-index: 1;
}
/* Olas animadas - Capa 2 */
#e-n-tab-content-1413356741 .e-con-inner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 200%;
height: 60px;
background: url('data:image/svg+xml;utf8,') repeat-x;
animation: waveMove 10s linear infinite;
z-index: 1;
}
/* Olas animadas - Capa 3 usando otro elemento */
#e-n-tab-content-1413356741 .e-con::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 200%;
height: 60px;
background: url('data:image/svg+xml;utf8,') repeat-x;
animation: waveMove 5s linear infinite;
z-index: 1;
}
@keyframes waveMove {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Efecto de profundidad oceánica */
#e-n-tab-content-1413356741 .e-con:nth-child(1)::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(to top,
rgba(8, 25, 50, 0.8) 0%,
rgba(10, 31, 59, 0.4) 30%,
transparent 100%);
z-index: 0;
}
/* === PECES SALTANDO - Usando pseudo-elementos de diferentes contenedores === */
/* Pez 1 - Usando el primer widget de imagen */
#e-n-tab-content-1413356741 .elementor-widget-image::before {
content: '🐟';
position: absolute;
bottom: 80px;
left: 10%;
font-size: 24px;
z-index: 2;
animation: fishJump 8s ease-in-out infinite;
}
/* Pez 2 - Usando el primer widget de texto */
#e-n-tab-content-1413356741 .elementor-widget-text-editor:first-child::before {
content: '🐠';
position: absolute;
bottom: 60px;
left: 30%;
font-size: 24px;
z-index: 2;
animation: fishJump 8s ease-in-out infinite 2s;
}
/* Pez 3 - Usando el segundo widget de texto */
#e-n-tab-content-1413356741 .elementor-widget-text-editor:nth-child(2)::before {
content: '🐡';
position: absolute;
bottom: 70px;
left: 60%;
font-size: 24px;
z-index: 2;
animation: fishJump 8s ease-in-out infinite 4s;
}
/* Pez 4 - Usando el tercer widget de texto */
#e-n-tab-content-1413356741 .elementor-widget-text-editor:nth-child(3)::before {
content: '🦈';
position: absolute;
bottom: 90px;
left: 80%;
font-size: 24px;
z-index: 2;
animation: fishJump 8s ease-in-out infinite 6s;
}
@keyframes fishJump {
0%, 100% {
transform: translateY(0) rotate(0deg);
opacity: 0;
}
10% {
opacity: 1;
}
50% {
transform: translateY(-40px) rotate(-10deg);
}
90% {
opacity: 1;
}
}
/* === BARCOS NAVEGANDO === */
/* Barco 1 - Usando el primer icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:first-child::before {
content: '⛵';
position: absolute;
bottom: 65px;
left: -50px;
font-size: 32px;
z-index: 2;
animation: boatSail 25s linear infinite;
filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
}
/* Barco 2 - Usando el segundo icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(2)::before {
content: '🚤';
position: absolute;
bottom: 85px;
left: -50px;
font-size: 28px;
z-index: 2;
animation: boatSail 25s linear infinite 8s;
filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
}
/* Barco 3 - Usando el tercer icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(3)::before {
content: '🛥️';
position: absolute;
bottom: 70px;
left: -50px;
font-size: 24px;
z-index: 2;
animation: boatSail 25s linear infinite 15s;
filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
}
@keyframes boatSail {
0% {
left: -50px;
transform: rotate(5deg);
}
10% {
transform: rotate(-2deg);
}
20% {
transform: rotate(3deg);
}
30% {
transform: rotate(-1deg);
}
40% {
transform: rotate(2deg);
}
50% {
transform: rotate(0deg);
}
90% {
transform: rotate(-3deg);
}
100% {
left: 100%;
transform: rotate(5deg);
}
}
/* === PUNTOS GPS ANIMADOS === */
/* Punto GPS 1 - Usando el cuarto icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(4)::before {
content: '';
position: absolute;
top: 20%;
left: 15%;
width: 4px;
height: 4px;
background: rgba(0, 191, 255, 0.6);
border-radius: 50%;
animation: gpsBlink 3s infinite;
z-index: 0;
}
/* Punto GPS 2 - Usando el quinto icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(5)::before {
content: '';
position: absolute;
top: 30%;
left: 80%;
width: 4px;
height: 4px;
background: rgba(0, 191, 255, 0.6);
border-radius: 50%;
animation: gpsBlink 3s infinite 1s;
z-index: 0;
}
/* Punto GPS 3 - Usando el sexto icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(6)::before {
content: '';
position: absolute;
top: 70%;
left: 25%;
width: 4px;
height: 4px;
background: rgba(0, 191, 255, 0.6);
border-radius: 50%;
animation: gpsBlink 3s infinite 2s;
z-index: 0;
}
/* Punto GPS 4 - Usando el séptimo icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(7)::before {
content: '';
position: absolute;
top: 40%;
left: 60%;
width: 4px;
height: 4px;
background: rgba(0, 191, 255, 0.6);
border-radius: 50%;
animation: gpsBlink 3s infinite 0.5s;
z-index: 0;
}
/* Punto GPS 5 - Usando el octavo icon-list */
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(8)::before {
content: '';
position: absolute;
top: 60%;
left: 45%;
width: 4px;
height: 4px;
background: rgba(0, 191, 255, 0.6);
border-radius: 50%;
animation: gpsBlink 3s infinite 1.5s;
z-index: 0;
}
@keyframes gpsBlink {
0%, 100% { opacity: 0.3; transform: scale(1); }
50% { opacity: 1; transform: scale(1.5); }
}
/* === BOTONES DE SEDES (Código anterior mantenido) === */
.e-n-tabs-heading {
display: flex !important;
gap: 20px !important;
margin-bottom: 40px !important;
position: relative !important;
z-index: 10 !important;
justify-content: center !important;
flex-wrap: wrap !important;
padding: 20px 0 !important;
}
.e-n-tab-title {
background: linear-gradient(135deg, #00bfff 0%, #0088cc 100%) !important;
border: none !important;
border-radius: 50px !important;
padding: 20px 40px !important;
color: white !important;
font-weight: 800 !important;
font-size: 16px !important;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
position: relative;
overflow: hidden;
box-shadow:
0 8px 25px rgba(0, 191, 255, 0.4),
0 4px 0 rgba(0, 123, 255, 0.6) !important;
min-width: 220px;
border: 2px solid rgba(255, 255, 255, 0.3) !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
.e-n-tab-title::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.6),
transparent
);
transition: left 0.8s ease;
z-index: 1;
}
.e-n-tab-title:hover::before {
left: 100%;
}
.e-n-tab-title-text {
position: relative;
z-index: 2;
text-shadow:
0 0 10px rgba(255, 255, 255, 0.8),
0 0 20px rgba(0, 191, 255, 0.4) !important;
color: #ffffff !important;
font-weight: 800 !important;
letter-spacing: 1.2px;
transition: all 0.3s ease !important;
}
.e-n-tab-title:hover {
transform: translateY(-5px) scale(1.05) !important;
box-shadow:
0 15px 35px rgba(0, 191, 255, 0.6),
0 6px 0 rgba(0, 100, 255, 0.8) !important;
background: linear-gradient(135deg, #00ccff 0%, #0099ff 100%) !important;
border-color: rgba(255, 255, 255, 0.6) !important;
}
.e-n-tab-title:hover .e-n-tab-title-text {
text-shadow:
0 0 15px rgba(255, 255, 255, 1),
0 0 25px rgba(0, 191, 255, 0.8) !important;
}
.e-n-tab-title:active {
transform: translateY(2px) scale(0.95) !important;
box-shadow:
0 3px 10px rgba(0, 191, 255, 0.4),
0 1px 0 rgba(0, 100, 255, 0.6) !important;
transition: all 0.1s ease !important;
background: linear-gradient(135deg, #0088cc 0%, #0066aa 100%) !important;
}
.e-n-tab-title:active::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%);
animation: pressWave 0.4s ease-out;
}
@keyframes pressWave {
0% {
width: 0;
height: 0;
opacity: 0.8;
}
100% {
width: 200px;
height: 200px;
opacity: 0;
}
}
.e-n-tab-title[aria-selected="true"] {
background: linear-gradient(135deg, #ffcc00 0%, #ff9900 100%) !important;
animation: activePulse 2s infinite;
box-shadow:
0 10px 30px rgba(255, 204, 0, 0.5),
0 4px 0 rgba(255, 153, 0, 0.7) !important;
border-color: rgba(255, 255, 255, 0.8) !important;
}
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
text-shadow:
0 0 15px rgba(255, 255, 255, 1),
0 0 25px rgba(255, 204, 0, 0.8) !important;
color: #fff8e1 !important;
}
@keyframes activePulse {
0%, 100% {
box-shadow:
0 10px 30px rgba(255, 204, 0, 0.5),
0 4px 0 rgba(255, 153, 0, 0.7);
}
50% {
box-shadow:
0 12px 35px rgba(255, 204, 0, 0.7),
0 5px 0 rgba(255, 153, 0, 0.9);
}
}
.e-n-tab-title[aria-selected="true"]::before {
content: '📍';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
animation: markerBounce 2s infinite;
z-index: 3;
}
@keyframes markerBounce {
0%, 100% { transform: translateY(-50%) scale(1); }
50% { transform: translateY(-50%) scale(1.2); }
}
#e-n-tab-title-1413356742[aria-selected="true"] {
background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%) !important;
box-shadow:
0 10px 30px rgba(255, 107, 107, 0.5),
0 4px 0 rgba(255, 71, 87, 0.7) !important;
}
#e-n-tab-title-1413356742[aria-selected="true"] .e-n-tab-title-text {
text-shadow:
0 0 15px rgba(255, 255, 255, 1),
0 0 25px rgba(255, 107, 107, 0.8) !important;
}
.e-n-tabs-heading::before {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 2px;
background: linear-gradient(90deg, transparent, #00bfff, #ffcc00, #00bfff, transparent);
animation: connectionFlow 4s infinite;
}
@keyframes connectionFlow {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
.e-n-tabs-heading::after {
content: '🧭';
position: absolute;
top: -35px;
right: 20px;
font-size: 24px;
animation: compassFloat 4s ease-in-out infinite;
filter: drop-shadow(0 2px 8px rgba(0, 191, 255, 0.5));
}
@keyframes compassFloat {
0%, 100% { transform: rotate(0deg) translateY(0px); }
25% { transform: rotate(5deg) translateY(-5px); }
75% { transform: rotate(-5deg) translateY(5px); }
}
@keyframes subtlePulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
.e-n-tab-title:not([aria-selected="true"]) {
animation: subtlePulse 3s ease-in-out infinite;
}
.e-n-tab-title:focus {
outline: 3px solid rgba(255, 255, 255, 0.8);
outline-offset: 3px;
}
.e-n-tab-title:focus:not(:hover) {
transform: scale(1.05) !important;
}
.e-n-tab-title,
.e-n-tab-title * {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
/* Responsive para móviles */
@media (max-width: 768px) {
.e-n-tabs-heading {
flex-direction: column;
gap: 15px;
margin-bottom: 30px !important;
}
.e-n-tab-title {
padding: 18px 30px !important;
min-width: auto;
width: 100%;
font-size: 15px !important;
}
.e-n-tabs-heading::after {
display: none;
}
.e-n-tab-title[aria-selected="true"]::before {
right: 15px;
font-size: 16px;
}
.e-n-tabs-heading::before {
width: 90%;
bottom: -8px;
}
#e-n-tab-content-1413356741::before {
font-size: 150px;
}
#e-n-tab-content-1413356741 .elementor-widget-image::before,
#e-n-tab-content-1413356741 .elementor-widget-text-editor:first-child::before,
#e-n-tab-content-1413356741 .elementor-widget-text-editor:nth-child(2)::before,
#e-n-tab-content-1413356741 .elementor-widget-text-editor:nth-child(3)::before {
font-size: 18px;
}
#e-n-tab-content-1413356741 .elementor-icon-list:first-child::before,
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(2)::before,
#e-n-tab-content-1413356741 .elementor-icon-list:nth-child(3)::before {
font-size: 20px;
}
}
/* Asegurar que el contenido esté por encima de las animaciones de fondo */
.e-con-inner,
.e-n-tabs-heading,
.elementor-widget,
.elementor-icon-list-item,
.elementor-widget-text-editor {
position: relative;
z-index: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfbd9ba *//* --- FONDO: EL UNIVERSO VIVIENTE --- */
.elementor-379 .elementor-element.elementor-element-bfbd9ba {
background: radial-gradient(circle at 50% 100%, #1a0b36 0%, #05081c 40%, #000000 100%);
position: relative;
overflow: hidden;
padding: 60px 20px;
box-shadow: inset 0 0 100px rgba(0,0,0,0.9);
}
/* Animación de Nebulosa Sutil */
.elementor-379 .elementor-element.elementor-element-bfbd9ba::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background:
radial-gradient(1px 1px at 20% 30%, white, rgba(0,0,0,0)),
radial-gradient(1px 1px at 40% 70%, white, rgba(0,0,0,0)),
radial-gradient(2px 2px at 90% 40%, rgba(255,255,255,0.8), rgba(0,0,0,0)),
radial-gradient(circle at 50% 50%, rgba(76, 29, 149, 0.1), rgba(0, 217, 255, 0.05));
background-size: 200px 200px, 100px 100px, 300px 300px, 100% 100%;
animation: galaxyMove 120s linear infinite;
opacity: 0.8;
pointer-events: none;
z-index: 0;
}
@keyframes galaxyMove {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* --- INTERFAZ: PESTAÑAS FUTURISTAS --- */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tabs-heading {
position: relative;
z-index: 2;
gap: 30px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 20px;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title {
background: rgba(255, 255, 255, 0.03) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #a0a0a0 !important;
border-radius: 8px !important;
padding: 18px 45px !important;
font-family: 'Montserrat', sans-serif; /* O tu fuente principal */
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative;
overflow: hidden;
}
/* Efecto de carga en Hover y Activo */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 100%; height: 2px;
background: #00d9ff;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.5s ease;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title:hover,
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title[aria-selected="true"] {
background: rgba(0, 217, 255, 0.1) !important;
color: #ffffff !important;
border-color: rgba(0, 217, 255, 0.5) !important;
box-shadow: 0 0 30px rgba(0, 217, 255, 0.2);
text-shadow: 0 0 10px rgba(0, 217, 255, 0.8);
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title[aria-selected="true"]::after {
transform: scaleX(1);
transform-origin: left;
}
/* --- CONTENEDOR DE CONTENIDO (GLASSMORPHISM) --- */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tabs-content {
position: relative;
z-index: 2;
}
/* Caja de Lista de Sedes (Holográfica) */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-element-59bffd1 {
background: rgba(13, 18, 36, 0.6) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-top: 1px solid rgba(0, 217, 255, 0.3);
border-radius: 16px;
padding: 40px !important;
box-shadow: 0 20px 50px rgba(0,0,0,0.5);
max-height: 650px;
overflow-y: auto;
transition: transform 0.3s ease;
}
/* Scrollbar Futurista */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-element-59bffd1::-webkit-scrollbar {
width: 6px;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-element-59bffd1::-webkit-scrollbar-track {
background: rgba(0,0,0,0.2);
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-element-59bffd1::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #00d9ff, #005bea);
border-radius: 10px;
}
/* --- LISTA DE UBICACIONES --- */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-icon-list-item {
transition: transform 0.3s ease;
padding-left: 10px;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-icon-list-text {
color: #ffffff;
font-size: 19px;
font-weight: 700;
letter-spacing: 0.5px;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-icon-list-icon i {
color: #ffba00; /* Acento Naranja Solar */
font-size: 22px;
filter: drop-shadow(0 0 8px rgba(255, 186, 0, 0.6));
animation: pulseIcon 3s infinite ease-in-out;
}
@keyframes pulseIcon {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.7; transform: scale(0.9); }
}
/* Texto de dirección */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-widget-text-editor p {
color: #b4c6e8;
font-size: 15px;
margin-bottom: 25px;
padding-left: 42px; /* Alineado con el texto del título */
position: relative;
line-height: 1.7;
border-left: 1px solid rgba(255,255,255,0.1);
transition: all 0.3s ease;
}
/* Hover en Bloque de Dirección */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-widget-text-editor:hover p {
border-left: 1px solid #00d9ff;
padding-left: 48px;
color: white;
background: linear-gradient(90deg, rgba(0,217,255,0.05), transparent);
}
/* Enlaces (Correos) */
.elementor-379 .elementor-element.elementor-element-bfbd9ba a[href^="mailto"] {
display: inline-block;
margin-top: 5px;
color: #00d9ff !important;
font-weight: 500;
text-decoration: none;
position: relative;
transition: 0.3s;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba a[href^="mailto"]::before {
content: '✉';
margin-right: 5px;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba a[href^="mailto"]:hover {
color: #ffba00 !important;
text-shadow: 0 0 15px rgba(255, 186, 0, 0.8);
transform: translateX(5px);
}
/* --- IMAGEN DEL MAPA (Izquierda) --- */
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-widget-image {
position: relative;
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-widget-image img {
border-radius: 16px;
box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 20px 40px rgba(0,0,0,0.6);
filter: brightness(0.9) contrast(1.1);
transition: all 0.6s ease;
/* Efecto "Pantalla" */
-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-widget-image:hover img {
filter: brightness(1.1) contrast(1.2) drop-shadow(0 0 20px rgba(0, 217, 255, 0.3));
transform: scale(1.02);
}
/* --- EFECTO RESPONSIVE --- */
@media (max-width: 768px) {
.elementor-379 .elementor-element.elementor-element-bfbd9ba { padding: 30px 10px; }
.elementor-379 .elementor-element.elementor-element-bfbd9ba .e-n-tab-title { width: 100%; text-align: center; margin-bottom: 10px; }
.elementor-379 .elementor-element.elementor-element-bfbd9ba .elementor-element-59bffd1 { padding: 25px !important; }
}/* End custom CSS */