/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2026 | 02:33:17 */
/* =================================================
   FORMULARIOS.CSS
   Estilos de formularios (Contact Form 7): contenedor
   .ui_contacto, estructura .ui_form__*, inputs/select/
   textarea, checkbox/radio, carga de archivos, libro
   de reclamaciones y bloque de newsletter (reutiliza
   la misma base de formulario).
   Depende de: variables en global.css, .ui_boton
   (botones.css) para el boton de envio.
================================================= */
/* =================================================
   7. SECCIONES / PÁGINAS
================================================= */

/* ---------- FORMULARIOS Y LIBRO DE RECLAMACIONES ---------- */
.ui_contacto { display: flex; flex-direction: column; gap: 12px; }
.ui_contacto--newsletter { flex-direction: row; }
.ui_contacto--newsletter input[type="email"] { height: 56px; }
@media (max-width: 1024px) { .ui_contacto--newsletter input[type="email"] { height: 48px; } }
@media (max-width: 767px) { .ui_contacto--newsletter input[type="email"] { height: 36px; } }

.ui_contacto label,
.ui_form_text_13 {
  font-family: var(--e-global-typography-c571282-font-family), Sans-serif;
  font-size: var(--e-global-typography-c571282-font-size);
  line-height: var(--e-global-typography-c571282-line-height);    
  color: var(--color-white);
}

/* Estructura del formulario (.ui_form__) */
.ui_form__block { display: flex; flex-direction: column; gap: 12px; }
.ui_form__block--pedido p { display: flex; }
.ui_form__row { display: flex; gap: 20px; }
@media (max-width: 1024px) { .ui_form__row { gap: 16px; } }
.ui_form__row--column p { flex-direction: column; }
.ui_form__row p { display: flex; width: 100%; gap: 8px; height: auto; }
.ui_form__row p span { width: 100%; }
.ui_form__row br { display: none; }
.ui_form__row h3 {
  font-family: var(--e-global-typography-83fd681-font-family), Sans-serif;
  font-size: var(--e-global-typography-83fd681-font-size);
  line-height: var(--e-global-typography-83fd681-line-height);
}
.ui_form__col { width: 100%; }
.ui_form__col p { display: flex; flex-direction: column; }
.ui_form__col--pedido { display: flex; flex-direction: column; }

/* Fila de fecha */
.ui_form__row--date>div,
.ui_form__row--date>div p { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.ui_form__row--date input,
.ui_form__row--date p span,
.ui_form__row--date p { width: max-content !important; }
.ui_form__row--date input { padding: 0px !important; border: none !important; outline: none !important; }
.ui_form__row--date .ui_form__col { gap: 10px; max-width: max-content; }
.ui_form__row--date * {
  font-family: var(--e-global-typography-4e9361d-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-69cc671-font-size) !important;
  line-height: var(--e-global-typography-69cc671-line-height) !important;
  color: var(--e-global-color-2133a2c);
}

/* Buscar */
.ui_form__buscar input { border: none !important; outline: none !important; }
.ui_form__buscar .jet-ajax-search__submit-icon {
  width: 11px; height: 11px;
  background-image: url('/wp-content/uploads/2026/03/icono_buscar.svg');
  background-position: center; background-repeat: no-repeat; background-size: contain;
}
.ui_form__buscar .jet-ajax-search__submit-icon svg { display: none; }

/* WPCF7 */
.ui_form__row .wpcf7-form-control { display: flex; gap: 14px; }
.ui_form__row .wpcf7-form-control span { max-width: max-content; margin: 0px; }
.ui_form__row .wpcf7-form-control label { display: flex; align-items: center; gap: 10px; }
.ui_form__row .wpcf7-form-control input { position: relative; top: 0; left: 0; width: initial; flex: initial; }

/* Libro (.ui_form--libro) */
.ui_form--libro {
  font-family: var(--e-global-typography-69cc671-font-family), Sans-serif;
  font-size: 14px;
  line-height: var(--e-global-typography-69cc671-line-height);
  color: var(--e-global-color-2133a2c);
  gap: 20px;
}
.ui_form--libro [data-id="group-edad"] { gap: 12px; display: flex; flex-direction: column; }
.ui_form--libro h3 {
  font-family: var(--e-global-typography-4e9361d-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-096cbc3-font-size) !important;
  line-height: var(--e-global-typography-69cc671-line-height) !important;
  color: var(--e-global-color-2133a2c);
}
.ui_form--libro .ui_form__col { display: flex; flex-direction: column; }
.ui_form--libro .ui_form__row--date { gap: 8px; display: -webkit-flex; display: flex; justify-content: center; }
.ui_form--libro .ui_form__col p { flex-direction: row; gap: 6px; }
.ui_form__row--date .ui_form__col { display: flex !important; align-items: center; flex-direction: row; }
.ui_form--libro input { height: auto; }

/* Inputs / Select / Textarea */
body input,
body form select,
body form textarea,
.ui_upload_box {
  width: 100%;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;  
  padding: 10px 16px !important;
  font-family: var(--e-global-typography-341ed50-font-family), Sans-serif;
  font-size: var(--e-global-typography-341ed50-font-size);
  line-height: var(--e-global-typography-341ed50-line-height);
  color: var(--e-global-color-1e86456);    
  resize: vertical;
  transition: border 0.2s ease;
}
body select {
  background-image: url('/wp-content/uploads/2026/03/icono_select.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 8px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
}
body form textarea { height: 104px;}
body input::placeholder,
body form textarea::placeholder { color: rgba(0, 0, 0, 0.8); }
input:focus, textarea:focus, select:focus { border: 1px solid var(--color-white)!important; }
input[type="search"]:focus { border: none !important; }

/* File / Upload */
.ui_upload_box { display: flex; justify-content: space-between; align-items: center; cursor: pointer; position: relative; }
.ui_upload_box input[type="file"],
.wpcf7 input[type="file"] { display: none !important; }
.ui_upload_box>div { position: absolute; }
.ui_upload_box>div:last-child { top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.ui_upload_box>div p {
  margin: 0; padding: 0;
  font-family: var(--e-global-typography-472e64d-font-family), Sans-serif;
  font-size: var(--e-global-typography-472e64d-font-size);
  line-height: var(--e-global-typography-472e64d-line-height);
  color: rgba(0, 0, 0, 0.3);
}
.ui_upload_box .wpcf7-form-control-wrap { position: absolute; inset: 0; }
.ui_upload_box input[type="file"] { width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/* Botones de formulario */
.ui_boton_form { position: relative; }
.ui_boton_form input { position: absolute; inset: 0; opacity: 0; }
.ui_boton_form .ui_boton { max-width: 204px; width: 100%;}
/* Contenedor */
.ui_boton_form {
  position: relative;
}

/* Input invisible, encima del botón y cubriéndolo todo */
.ui_boton_form input {
  position: absolute;
  inset: 0;              /* top, right, bottom, left: 0 */
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

/* Botón visual, debajo del input */
.ui_boton_form .ui_boton {
  position: relative;
  z-index: 1;
   transition: transform 0.3s ease;
	border: none;
}

/* Hover (y foco con teclado) sobre el input -> cambia el botón */
.ui_boton_form:has(input:hover, input:focus-visible) .ui_boton {
  background-color: var(--e-global-color-ba50e42) !important;
	transform: scale(0.95);
}

.ui_boton_form:has(input:hover, input:focus-visible) .ui_boton * {
  color: var( --e-global-color-1e86456 ) !important;
	filter: invert(1);
}

/* Error */
body .wpcf7-spinner { display: none; }
body .wpcf7-not-valid-tip,
body .wpcf7 form .wpcf7-response-output {
  font-family: "Montserrat-Medium", Sans-serif;
    font-size: 11px;
    line-height: 21px;
    color: var(--e-global-color-1e86456);
}
body .wpcf7 form .wpcf7-response-output {
  margin: 0; margin-top:20px; padding: 10px;
  border: 1px solid rgba(0, 0, 0, 1)!important; 
  border-radius: 4px; 
}
body .wpcf7-list-item input[type="checkbox"]:hover { border-color: #B3B3B3 !important; }

/* Checkbox / Radio */
body input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px !important;
  height: 20px;
  padding: 0px !important;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
body input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 12px; height: 12px;
  background-color: #000;
  border-radius: 50%;
  top: 50%; left: 50%; z-index: 1;
  transform: translate(-50%, -50%);
}
body .wpcf7-list-item input[type="checkbox"] {
  appearance: none;
  width: 16px !important; height: 16px !important;
  border-radius: 0 !important;
  padding: 0 !important;
  position: relative;
  background-color: rgba(0, 0, 0, 0.10);
  border: none !important;
}
body .wpcf7-list-item input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px; top: 2px;
  width: 5px; height: 9px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Otros / paginación */
.ui_blog_pagination .prev .jet-filters-pagination__link,
.ui_blog_pagination .next .jet-filters-pagination__link { width: 5px; height: 12px; font-size: 0px !important; }
.ui_form__divider { width: 100%; height: 1px; background-color: #222; opacity: 0.3; margin: 20px 0; }

@media (max-width: 767px) {
  .ui_form--libro { gap: 30px; }
  .ui_form__row--date { flex-direction: column; }
}

/* ---------- NEWSLETTER ---------- */
.ui_newsletter { position: relative; }
.ui_contacto.newsletter .ui_form__row p { display: -webkit-flex; display: flex; align-items: flex-end; }
.ui_contacto.newsletter>div:first-child p .wpcf7-form-control-wrap::before {
  content: 'Correo electrónico*';
  position: absolute;
  bottom: calc(100% + 3px);
  left: 0;
  display: block;
  font-family: var(--e-global-typography-2e8d700-font-family), Sans-serif;
  font-size: var(--e-global-typography-2e8d700-font-size);
  line-height: var(--e-global-typography-2e8d700-line-height);
  color: #000;
}
body .wpcf7-acceptance .wpcf7-list-item-label { cursor: pointer; }
.ui_newsletter_single .ui_form__row { flex-direction: column; }
.ui_newsletter_single .ui_boton { max-width: 100%; width: 100%; justify-content: center; }
.ui_newsletter_single .ui_boton p { max-width: max-content; }
@media (max-width: 1024px) {
  .ui_contacto.newsletter .ui_form__row { flex-direction: column; }
  .ui_contacto.newsletter .ui_form__row p { display: block; }
  .ui_contacto.newsletter .ui_form__row .ui_boton { width: 100%; max-width: 100%; }
}