/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.custom-form-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.custom-form-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.full-width {
  width: 100%;
}

.grouped-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fields-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

@media (max-width: 767px) {
  .fields-row {
  display: block;
}
}

.custom-col {
  box-sizing: border-box;
}

.half-width {
  flex: 0 0 calc(50% - 10px); /* Restamos la mitad del gap para mantener el espaciado */
}

.input-field {
  margin-bottom: 15px;
  width: 100%;
}

.submit-btn {
  padding: 12px 30px;
  background: #00982A;
  color: white;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  width: 100%;
}

.submit-btn:hover {
  background: #005177;
}

/* Responsive */
@media (max-width: 767px) {
  .fields-row {
    flex-direction: column;
  }
  
  .half-width {
    flex: 0 0 100%;
    width: 100%;
  }
}

.custom-form-container input, .custom-form-container textarea {
  border-radius: 5px;
}

/* Estilo para controlar específicamente el textarea */
.message-field textarea {
  height: 120px; /* Altura personalizada */
  min-height: 120px; /* Altura mínima */
  max-height: 300px; /* Altura máxima */
  resize: vertical; /* Permite redimensionar solo verticalmente */
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
}















.max1280 {
    max-width: 1280px !important;
}


.intetectools-terms {
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
	  color: #000;

}



@media screen and (min-width: 1000px) {
 
/* Ken Burns effect para fondos de contenedor */
.kenburns-bg {
  animation: kenburns-bg-zoom 20s ease-in-out infinite;
  background-size: 130%; /* importante para tener margen para zoom */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  will-change: background-size, background-position;
}

}

/* Animación del fondo */
@keyframes kenburns-bg-zoom {
  0% {
    background-size: 130%;
    background-position: center center;
  }
  50% {
    background-size: 140%;
    background-position: center top;
  }
  100% {
    background-size: 130%;
    background-position: center center;
  }
}