/* 
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 */
header{
	position:absolute !important;
	width:100% !important;
}

.oculto{
	display:none !important;
}

.more-info {
  display: none;
  overflow: hidden;
  transition: all 0.4s ease;
  opacity: 0;
}

.more-info.show {
  display: block;
  opacity: 1;
}

.view-more a{
  cursor: pointer;
  transition: all 0.3s ease;
}

.view-more a.fondo-azul {
  background-color: #041A2B !important;
  color: #fff !important;
}

.fondo-blanco {
  background-color: #fff !important; /* fuerza fondo blanco */
  transition: background 0.3s ease;
}


//* Contenedor del formulario */
.form-style-1 {
  max-width: 800px; /* ajusta según tu diseño */
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* Contenedor de columnas */
.columns_wrap {
  display: flex;
  
  gap: 20px; /* espacio entre columnas */
  margin-bottom: 15px;
}

/* Columnas: 50% ancho en desktop */
.column-1_2 {
  flex: 1 1 50%; /* ancho base 50%, se adapta */
  min-width: 200px; /* evita que se haga demasiado estrecho */
  box-sizing: border-box;
}

/* Columnas de 100% ancho */
.column-1_1 {
  flex: 1 1 100%;
  box-sizing: border-box;
}

/* Placeholder negro */
.form-style-1 input::placeholder,
.form-style-1 textarea::placeholder,
.form-style-1 select::placeholder {
  color: #000;
  opacity: 1; /* fuerza opacidad completa en todos los navegadores */
}

/* Solo borde inferior */
.form-style-1 input,
.form-style-1 textarea,
.form-style-1 select {
  font-family: "Raleway", Sans-serif;
  border: none; /* quitar todos los bordes */
  border-bottom: 2px solid #ccc; /* solo borde inferior */
  border-radius: 0; /* quitar bordes redondeados */
  padding: 8px 0; /* ajustar padding vertical */
  background: transparent; /* fondo transparente */
  font-size: 14px;
  box-sizing: border-box;
  outline: none; /* quitar outline por defecto */
}

.form-style-1 textarea {
  height: 70px!important;
}
/* Estilo al focus */
.form-style-1 input:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus {
  border-bottom-color: #0079dd; /* cambiar color del borde al focus */
}


/* Botón */
.form-style-1 input[type="submit"],
.form-style-1 button[type="submit"] {
  background-color: #0079dd;
  font-family: "Raleway", Sans-serif;
  font-weight: 700;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s;
}

.form-style-1 input[type="submit"]:hover,
.form-style-1 button[type="submit"]:hover {
  background-color: #0056b3;
}

/* Responsive: en móviles todo a 100% */
@media(max-width: 768px){
  .column-1_2, .column-1_1 {
    flex: 1 1 100%;
  }
  .columns_wrap {
    gap: 10px;
    flex-wrap: wrap;
  }
}

.text-swipe {
  display: inline-block;   /* necesario para que GSAP mueva solo el texto */
  overflow: hidden;        /* opcional si quieres “recortar” el texto al inicio */
}

.img-fly {
  display: inline-block;             
  opacity: 0;                        /* invisible al inicio */
  transform: scale(0.9) translateY(50px); /* desplazamiento inicial */
  transition: all 1.2s ease-out;     /* transición suave al aparecer */
}
.img-fly.show {
  opacity: 1;
  transform: scale(1) translateY(0);
}