/*
Theme Name: Hello Elementor enlaza360
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.01
Updated: 2024-03-15

*/

html, body{}
body{}
a{text-decoration: none !important; }
a{-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;}
textarea{resize: none !important;}
p{margin-top: 0 !important; padding-top: 0 !important;}
*{word-wrap: normal;}


/* BLOQUEAR SCROLL LATERAL */

html,
body{
width:100%;
overflow-x:hidden;
}

/* Ocultar icono de recapcha */
.grecaptcha-badge {
    visibility: hidden;
}


/* Logo: estado normal */
.shrink-logo img{
    transition: transform 0.25s ease;
    transform-origin: left center;
    transform: scale(1);
}

/* Logo encogido al hacer scroll */
.shrink-header.scrolled .shrink-logo img{
    transform: scale(0.75); /* Ajusta el tamaño aquí */
}


.shrink-header{
    transition: padding 0.25s ease;
}

.shrink-header.scrolled{
    padding-top: 0px;
    padding-bottom: 0px;
}





/* 0) Reset típico de CF7 que rompe el layout (p/br automáticos) */
.wpcf7 form .cf-container p{
  margin: 0 !important;
  padding: 0 !important;
}
.wpcf7 form .cf-container br{
  display: none !important;
}

/* 1) Contenedor grid */
.wpcf7 form .cf-container{
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
}

/* 2) Columnas */
.wpcf7 form .cf-container .cf-col-1,
.wpcf7 form .cf-container .cf-col-2,
.wpcf7 form .cf-container .cf-col-3,
.wpcf7 form .cf-container .cf-col-4,
.wpcf7 form .cf-container .cf-col-5,
.wpcf7 form .cf-container .cf-col-6,
.wpcf7 form .cf-container .cf-col-7,
.wpcf7 form .cf-container .cf-col-8,
.wpcf7 form .cf-container .cf-col-9,
.wpcf7 form .cf-container .cf-col-10,
.wpcf7 form .cf-container .cf-col-11,
.wpcf7 form .cf-container .cf-col-12{
  width: 100%;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
  margin-bottom: 18px !important;
}

/* 2 columnas en desktop/tablet */
@media (min-width: 576px){
  .wpcf7 form .cf-container .cf-col-6{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .wpcf7 form .cf-container .cf-col-12{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* 3) Labels */
.wpcf7 form .cf-container label{
  display: block !important;
  font-weight: 600;
  line-height: 1.2 !important;
}

/* Texto (Opcional) */
.wpcf7 form .cf-container .cf-optional{
  font-weight: 400;
  opacity: .6;
  margin-left: 6px;
}

/* 4) Separación REAL entre el texto del label y el campo
      (como el input va dentro del label, el margen debe ir aquí) */
.wpcf7 form .cf-container label .wpcf7-form-control-wrap{
  display: block !important;
  width: 100% !important;
  margin-top: 12px !important; /* separación label->campo */
}

/* 5) Inputs / select / textarea estilo “suave” como captura 001 */
.wpcf7 form .cf-container input[type="text"],
.wpcf7 form .cf-container input[type="email"],
.wpcf7 form .cf-container input[type="tel"],
.wpcf7 form .cf-container select,
.wpcf7 form .cf-container textarea{
  width: 100% !important;
  background: #f3f6fb !important;
  border: 1px solid #d8e0ee !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Altura del textarea */
.wpcf7 form .cf-container textarea{
  min-height: 160px !important;
  resize: vertical;
}

/* 6) Focus */
.wpcf7 form .cf-container input:focus,
.wpcf7 form .cf-container select:focus,
.wpcf7 form .cf-container textarea:focus{
  border-color: #2d6cff !important;
}

/* 7) Placeholder un poco más claro */
.wpcf7 form .cf-container input::placeholder,
.wpcf7 form .cf-container textarea::placeholder{
  color: rgba(0,0,0,.40) !important;
}

/* 8) Checkbox aceptación */
.wpcf7 form .cf-accept{
  font-size: 14px;
  margin-bottom: 10px !important;
}
.wpcf7 form .cf-accept a{
  text-decoration: underline;
}

/* 9) Botón full width */
.wpcf7 form .cf-submit{
  width: 100% !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  background: #2d6cff !important;
  color: #fff !important;
  cursor: pointer;
  display: inline-block !important;
}

/* Flecha al final */
.wpcf7 form .cf-submit::after{
  content: "  ➤";
}

/* Hover */
.wpcf7 form .cf-submit:hover{
  filter: brightness(0.95);
}