.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Quitamos el gap del wrapper y lo recreamos con margenes */
.elementor-kit-7 .elementor-form-fields-wrapper{ gap:0 !important; }
.elementor-kit-7 .elementor-field-group{ margin:0 0 15px 0 !important; }

/* 2) Estos 3 no llevan margen entre sí (para que se peguen) */
.elementor-kit-7 .elementor-field-group-alergia,
.elementor-kit-7 .elementor-field-group-field_1c64534,
.elementor-kit-7 .elementor-field-group-terminosycondiciones{
  margin:0 !important;
  box-sizing:border-box;
  width:100%;
  background:rgba(255,255,255,.8);   /* blanco con transparencia */
  backdrop-filter:blur(2px);          /* opcional */
  border:0px solid rgba(0,0,0,.12);
  padding:16px 20px;
}

/* Arriba: checkbox "alergia" */
.elementor-kit-7 .elementor-field-group-alergia{
  border-radius:20px 20px 0 0;
  border-bottom:0;
}

/* Medio: input "Alergias" (field_1c64534) */
.elementor-kit-7 .elementor-field-group-field_1c64534{
  border-radius:0;
  border-top:0; 
  border-bottom:0;
}
/* Quitamos el “pill” del input interno para que no haya doble borde */
.elementor-kit-7 .elementor-field-group-field_1c64534 .elementor-field{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Abajo: aceptación "terminosycondiciones" */
.elementor-kit-7 .elementor-field-group-terminosycondiciones{
  border-radius:0 0 20px 20px;
  border-top:0;
  box-shadow:0 0px 0px rgba(0,0,0,0);
  margin-bottom:16px !important; /* espacio respecto a lo siguiente */
}

/* Presentación de los checkboxes/acceptance en fila con su texto */
.elementor-kit-7 .elementor-field-group.elementor-field-type-checkbox .elementor-field-subgroup label,
.elementor-kit-7 .elementor-field-group.elementor-field-type-acceptance label{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  margin:0;
}

/* Etiqueta arriba del input más ajustada */
.elementor-kit-7 .elementor-field-group .elementor-field-label{ margin:0 0 2px; }

/* — Alineación correcta de checkboxes y acceptance — */
.elementor-kit-7 .elementor-field-group.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option,
.elementor-kit-7 .elementor-field-group.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option{
  display:flex;
  align-items:flex-start;
  gap:.4rem;
}

.elementor-kit-7 .elementor-field-group.elementor-field-type-checkbox .elementor-field-subgroup label,
.elementor-kit-7 .elementor-field-group.elementor-field-type-acceptance .elementor-field-subgroup label{
  display:inline;          /* ya no como flex */
  margin:0;
  line-height:1.35;
}

.elementor-kit-7 .elementor-field-group.elementor-field-type-checkbox input[type="checkbox"],
.elementor-kit-7 .elementor-field-group.elementor-field-type-acceptance input[type="checkbox"]{
  margin-top:.2rem;        /* centra el check con la 1ª línea del texto */
}

/* — Sin sombra y sin “costura” entre medio y abajo — */
.elementor-kit-7 .elementor-field-group-terminosycondiciones{
  box-shadow:none;               /* quitar sombra */
  border-top:0 !important;       /* por si alguna regla la reponía */
}

.elementor-kit-7 .elementor-field-group-field_1c64534{
  border-bottom:0 !important;    /* evita línea divisoria */
}

/* 1) Más padding solo a la izquierda en las 3 cajas */
.elementor-kit-7 .elementor-field-group-alergia,
.elementor-kit-7 .elementor-field-group-field_1c64534,
.elementor-kit-7 .elementor-field-group-terminosycondiciones{
  padding-left: 20px !important;        /* ajusta a gusto (32–44) */
  padding-inline-start: 20px !important; /* por si usas RTL */
}

/* 2) Un poco más de aire dentro de cada fila de checkbox/acceptance */
.elementor-kit-7 .elementor-field-group-alergia .elementor-field-option,
.elementor-kit-7 .elementor-field-group-terminosycondiciones .elementor-field-option{
  padding-left: 8px;   /* empuja check+texto respecto al borde interno */
}

/* 3) Empuje extra dentro del campo de texto "Alergias" */
.elementor-kit-7 .elementor-field-group-field_1c64534 .elementor-field-label{
  padding-left: 20px;   /* título un pelín más adentro */
}
.elementor-kit-7 .elementor-field-group-field_1c64534 .elementor-field{
  padding-left: 25px !important;  /* área de escritura más adentro */
}

/* por si algún tema mete margen al check, lo anulamos */
.elementor-kit-7 .elementor-field-group .elementor-field-option input[type="checkbox"]{
  margin-left: 0;
}/* End custom CSS */