.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12677 .elementor-element.elementor-element-0ea96a9{--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-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-82bfedc *//* Quitar padding/margin del body que deja el tema */
.hello-elementor .site-content {
  padding: 0 !important;
  margin: 0 !important;
}


/* =============================================
   ESTILOS DEL FORMULARIO - HOVER / ACTIVE / FOCUS
   Pega esto en el Custom CSS del widget HTML de Elementor
   ============================================= */

/* --- Tabs hover & active --- */
#form-reserva-container .tab-btn:hover {
  background: #4a5457;
  color: white;
}

#form-reserva-container .tab-btn.active {
  background: #383C3C;
  color: white;
  border-bottom: 3px solid #3a4245;
}

/* --- Radio labels hover & active --- */
#form-reserva-container .trip-type label:hover {
  background: #e2e6e7;
  border-color: #5F6C70;
}

#form-reserva-container .trip-type input:checked + label {
  background: #5F6C70;
  color: white;
  border-color: #4a5457;
}

/* --- Inputs / selects focus --- */
#form-reserva-container .field-wrapper input:focus,
#form-reserva-container .field-wrapper select:focus,
#form-reserva-container .field-wrapper textarea:focus {
  outline: none;
  border-color: #5F6C70;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(95,108,112,0.2);
}

/* --- Inputs hover --- */
#form-reserva-container .field-wrapper input:hover,
#form-reserva-container .field-wrapper select:hover,
#form-reserva-container .field-wrapper textarea:hover {
  border-color: #5F6C70;
}

/* --- Botón hover & active --- */
#form-reserva-container .btn-buscar:hover {
  background: #4a5457;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

#form-reserva-container .btn-buscar:active {
  background: #3a4245;
  transform: translateY(0);
  box-shadow: none;
}

/* --- SlimSelect personalizado - sin bordes redondeados --- */
#form-reserva-container .ss-main {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}

#form-reserva-container .ss-main:focus,
#form-reserva-container .ss-main.ss-open-below,
#form-reserva-container .ss-main.ss-open-above {
  border-color: #5F6C70 !important;
  box-shadow: 0 0 0 2px rgba(95,108,112,0.2) !important;
}

#form-reserva-container .ss-content {
  border-radius: 0 !important;
  border: 1px solid #5F6C70 !important;
}

#form-reserva-container .ss-option:hover,
#form-reserva-container .ss-option.ss-highlighted {
  background: #e2e6e7 !important;
  color: #2c3335 !important;
}

#form-reserva-container .ss-option.ss-selected {
  background: #5F6C70 !important;
  color: white !important;
}

#form-reserva-container .ss-search input {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}

#form-reserva-container .ss-search input:focus {
  border-color: #5F6C70 !important;
  outline: none !important;
}/* End custom CSS */