.elementor-661 .elementor-element.elementor-element-3974a8d{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-661 .elementor-element.elementor-element-bd9042c > .elementor-widget-container{margin:50px 50px 50px 50px;}.elementor-661 .elementor-element.elementor-element-bd9042c .elementor-heading-title{color:#C5E82E;}.elementor-661 .elementor-element.elementor-element-0cb07e7{--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:100px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-661 .elementor-element.elementor-element-2cf1f13{--e-search-submit-margin-inline-start:0px;}/* Start custom CSS for search, class: .elementor-element-2cf1f13 *//* ===========================================================================
   👉 CSS PARA EL ELEMENTOR SEARCH WIDGET (nuevas clases: e-search-input, e-search-submit, etc.)
   =========================================================================== */

/* --------------------------------------------------
   1) Contenedor del formulario de búsqueda (flex y centrado)
   -------------------------------------------------- */
/* 
   Elementor suele envolver el <input> y <button> en 
   <form class="elementor-search-form"> o <form class="e-search-form"> 
*/
.elementor-widget-search .elementor-search-form,
.elementor-widget-search .e-search-form {
  display: flex !important;
  max-width: 600px;        /* Ajusta a lo que tú quieras */
  margin: 2rem auto;       /* Centrar con margen superior/inferior */
  background: transparent !important;
  /* Si deseas algo de padding interno, puedes descomentar:
     padding: 0 1rem; */
}

/* --------------------------------------------------
   2) ESTILO PARA EL INPUT DE BÚSQUEDA
   -------------------------------------------------- */
/* Atacamos la clase que el <input> tiene: “e-search-input” */
.elementor-widget-search .e-search-input {
  flex: 1 !important;                          /* Que crezca al 100% del contenedor */
  background: #1b2029 !important;              /* Fondo oscuro Glassip */
  color: #fff !important;                      /* Texto en blanco */
  border: 2px solid #c5e82e !important;        /* Borde lima */
  border-right: none !important;               /* Quitamos el borde derecho para unirlo con el botón */
  border-top-left-radius: 4px !important;       /* Esquina redondeada superior-izquierda */
  border-bottom-left-radius: 4px !important;    /* Esquina redondeada inferior-izquierda */
  border-top-right-radius: 0 !important;       /* Sin redondeo en este lado */
  border-bottom-right-radius: 0 !important;
  padding: 0.8rem 1rem !important;              /* Relleno interior para altura y espacio */
  font-size: 1rem !important;                  /* Tamaño de fuente */
  font-family: 'Inter', sans-serif !important; /* Tipografía acorde */
}

/* Placeholder (texto gris dentro del input) */
.elementor-widget-search .e-search-input::-webkit-input-placeholder {
  color: #ccc !important;
}
.elementor-widget-search .e-search-input::-moz-placeholder {
  color: #ccc !important;
}
.elementor-widget-search .e-search-input:-ms-input-placeholder {
  color: #ccc !important;
}
.elementor-widget-search .e-search-input::-ms-input-placeholder {
  color: #ccc !important;
}

/* --------------------------------------------------
   3) ESTILO PARA EL BOTÓN DE ENVÍO (Lupa)
   -------------------------------------------------- */
/* El botón suele tener clase “e-search-submit” */
.elementor-widget-search .e-search-submit {
  background: #c5e82e !important;               /* Botón lima Glassip */
  color: #000 !important;                       /* Texto negro para contraste */
  border: none !important;                      /* Sin borde extra */
  border-top-right-radius: 4px !important;       /* Esquina redondeada superior-derecha */
  border-bottom-right-radius: 4px !important;    /* Esquina redondeada inferior-derecha */
  border-top-left-radius: 0 !important;         /* Sin redondeo interior izquierdo */
  border-bottom-left-radius: 0 !important;
  padding: 0 1rem !important;                   /* Relleno horizontal para que no quede muy estrecho */
  cursor: pointer !important;                   /* Cursor puntero al pasar */
  font-family: 'Days One', sans-serif !important;/* Tipografía de botón */
  font-size: 0.9rem !important;
  text-transform: uppercase !important;
  display: flex !important;                     /* Para centrar el icono dentro */
  align-items: center !important;
  justify-content: center !important;
}

/* Icono de lupa dentro del botón: 
   Elementor lo pinta con algo como <i class="eicon-search"> */
.elementor-widget-search .e-search-submit .eicon-search {
  color: #000 !important;   /* Lupa en negro para contraste */
  font-size: 1rem !important;
}

/* Hover del botón: invertimos colores o cambiamos a azul secundario */
.elementor-widget-search .e-search-submit:hover {
  background: #63bbe8 !important; /* Azul secundario Glassip */
  color: #000 !important;
}

/* Si el usuario hace foco en el input (click o tab), aplicamos un pequeño box-shadow lime */
.elementor-widget-search .e-search-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(197,232,46,0.3) !important;
}

/* --------------------------------------------------
   4) RESPONSIVE (móvil/tablet) 
   -------------------------------------------------- */
@media (max-width: 768px) {
  /* Apilamos input + botón en columna en vez de en fila */
  .elementor-widget-search .elementor-search-form,
  .elementor-widget-search .e-search-form {
    flex-direction: column !important;
  }
  .elementor-widget-search .e-search-input,
  .elementor-widget-search .e-search-submit {
    width: 100% !important;          /* Ocupan 100% del ancho */
    border-radius: 4px !important;   /* Redondeo completo en móvil */
  }
  /* Dejamos algo de espacio entre el input y el botón */
  .elementor-widget-search .e-search-input {
    margin-bottom: 10px !important;
    /* Reponemos borde derecho también para que no “se pierda” el lime en móvil */
    border-right: 2px solid #c5e82e !important;
  }
}/* End custom CSS */