.elementor-8466 .elementor-element.elementor-element-9cc0ea9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8466 .elementor-element.elementor-element-de839d7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8466 .elementor-element.elementor-element-9f75f2e{--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-8466 .elementor-element.elementor-element-58ff943{--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-8466 .elementor-element.elementor-element-68e3315{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-8466 .elementor-element.elementor-element-9f75f2e{--width:50%;}.elementor-8466 .elementor-element.elementor-element-58ff943{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-de839d7 */.axe-contact-section{
  background:#050505 !important;
  padding:65px 6% !important;
  position:relative;
  overflow:hidden;
}

.axe-contact-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.08), transparent 28%),
    radial-gradient(circle at 82% 80%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(180deg,#050505,#0b0b0b);
}

.axe-contact-section:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
}

.axe-contact-section > *{
  position:relative;
  z-index:2;
}

/* LEFT */

.axe-contact-info span{
  display:inline-flex;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  margin-bottom:16px;
}

.axe-contact-info h2{
  color:#fff;
  font-size:clamp(32px,3.8vw,50px);
  line-height:1.05;
  font-weight:850;
  letter-spacing:-1.4px;
  margin:0 0 16px;
}

.axe-contact-info > p{
  color:#d0d0d0;
  font-size:15px;
  line-height:1.65;
  max-width:560px;
  margin:0 0 22px;
}

.axe-contact-highlights{
  display:grid;
  gap:12px;
}

.axe-contact-highlights div{
  display:flex;
  align-items:center;
  gap:15px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  transition:.3s ease;
}

.axe-contact-highlights div:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.28);
}

.axe-contact-highlights i{
  min-width:42px;
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ffffff,#9f9f9f);
  color:#050505;
  font-style:normal;
  font-weight:900;
  font-size:18px;
}

.axe-contact-highlights strong{
  color:#fff;
  display:block;
  font-size:15px;
  margin-bottom:4px;
}

.axe-contact-highlights p{
  color:#bdbdbd;
  margin:0;
  font-size:13px;
  line-height:1.45;
}

/* FORM BOX */

.axe-contact-form-box{
  width:100%;
  max-width:600px;
  margin-left:auto;
  padding:24px !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  backdrop-filter:blur(16px);
  box-shadow:0 30px 75px rgba(0,0,0,.42);
}

/* CF7 GRID */

.axe-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.axe-contact-form-box input,
.axe-contact-form-box select,
.axe-contact-form-box textarea{
  width:100% !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(0,0,0,.38) !important;
  color:#fff !important;
  padding:0 15px !important;
  font-size:13.5px !important;
  outline:none !important;
  margin-bottom:12px !important;
  box-sizing:border-box !important;
}

.axe-contact-form-box textarea{
  height:100px !important;
  padding-top:14px !important;
  resize:none;
}

.axe-contact-form-box input::placeholder,
.axe-contact-form-box textarea::placeholder{
  color:#9b9b9b !important;
}

.axe-contact-form-box select option{
  color:#111;
}

.axe-contact-form-box input:focus,
.axe-contact-form-box select:focus,
.axe-contact-form-box textarea:focus{
  border-color:rgba(255,255,255,.55) !important;
  background:rgba(255,255,255,.07) !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.06);
}

.axe-contact-form-box input[type="submit"]{
  height:50px !important;
  background:linear-gradient(135deg,#ffffff,#b8b8b8) !important;
  color:#050505 !important;
  font-weight:900 !important;
  cursor:pointer;
  border:none !important;
  margin-bottom:0 !important;
}

.axe-contact-form-box input[type="submit"]:hover{
  transform:translateY(-3px);
}

.wpcf7-spinner{
  display:none;
}

.wpcf7-not-valid-tip{
  color:#fff;
  font-size:12px;
  opacity:.8;
  margin-top:-8px;
  margin-bottom:8px;
}

.wpcf7-response-output{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:14px;
  padding:12px!important;
  margin:10px 0 0!important;
}

/* RESPONSIVE */

@media(max-width:980px){
  .axe-contact-form-box{
    max-width:100%;
    margin-left:0;
  }
}

@media(max-width:768px){
  .axe-contact-section{
    padding:60px 22px !important;
  }

  .axe-form-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .axe-contact-form-box{
    padding:22px !important;
    border-radius:24px !important;
  }

  .axe-contact-info h2{
    font-size:32px;
  }

  .axe-contact-highlights div{
    padding:15px;
  }
}
/* ANIMACIONES EXTRA PARA CONTACT SECTION */

.axe-contact-info{
  animation: axeLeftReveal .9s ease both;
}

.axe-contact-form-box{
  animation: axeRightReveal 1s ease both;
}

.axe-contact-highlights div{
  position:relative;
  overflow:hidden;
}

.axe-contact-highlights div:before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:80%;
  height:100%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.12),
    transparent
  );
  transition:.6s ease;
}

.axe-contact-highlights div:hover:before{
  left:120%;
}

.axe-contact-highlights i{
  animation: axeIconPulse 3s ease-in-out infinite;
}

.axe-contact-form-box{
  position:relative;
  overflow:hidden;
}

.axe-contact-form-box:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.35),
    transparent,
    rgba(255,255,255,.18)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.axe-contact-form-box input,
.axe-contact-form-box select,
.axe-contact-form-box textarea{
  transition:.35s ease !important;
}

.axe-contact-form-box input:hover,
.axe-contact-form-box select:hover,
.axe-contact-form-box textarea:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.32) !important;
}

.axe-contact-form-box input[type="submit"]{
  position:relative;
  overflow:hidden;
}

.axe-contact-form-box input[type="submit"]:hover{
  transform:translateY(-4px) scale(1.01);
  box-shadow:0 18px 35px rgba(255,255,255,.13);
}

@keyframes axeLeftReveal{
  from{
    opacity:0;
    transform:translateX(-35px);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes axeRightReveal{
  from{
    opacity:0;
    transform:translateX(35px);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes axeIconPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 rgba(255,255,255,0);
  }
  50%{
    transform:scale(1.06);
    box-shadow:0 0 22px rgba(255,255,255,.14);
  }
}/* End custom CSS */