.elementor-11026 .elementor-element.elementor-element-d7d2f7f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11026 .elementor-element.elementor-element-838ea10{--display:flex;}.elementor-11026 .elementor-element.elementor-element-b94ef22 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-11026 .elementor-element.elementor-element-a3812ab{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#003B49;--n-accordion-title-hover-color:#003B49;--n-accordion-title-active-color:#003B49;--n-accordion-icon-size:14px;--n-accordion-icon-normal-color:#003B49;}.elementor-11026 .elementor-element.elementor-element-a3812ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#EEEEEE;}.elementor-11026 .elementor-element.elementor-element-a3812ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#E2E2E2;}.elementor-11026 .elementor-element.elementor-element-a3812ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#E2E2E2;}:where( .elementor-11026 .elementor-element.elementor-element-a3812ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#F8F8F8;--border-radius:15px 15px 15px 15px;}.elementor-11026 .elementor-element.elementor-element-a3812ab {--n-accordion-padding:020px 0px 20px 40px;}:where( .elementor-11026 .elementor-element.elementor-element-a3812ab > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Nunito Sans", Sans-serif;font-weight:bold;}@media(min-width:769px){.elementor-11026 .elementor-element.elementor-element-d7d2f7f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b94ef22 *//* Aplica un margen inferior uniforme de ~12px a todos los controles de formulario
     únicamente dentro de este bloque, sin afectar el resto de la página. */
  .__fix-surtido-embarque input:not([type="checkbox"]):not([type="radio"]),
  .__fix-surtido-embarque select,
  .__fix-surtido-embarque textarea,
  .__fix-surtido-embarque .ant-input,
  .__fix-surtido-embarque .ant-select,
  .__fix-surtido-embarque .ant-picker {
    margin-bottom: 12px !important;
  }

  /* Si el layout usa filas/columnas con grid o flex, añadimos separación vertical. */
  .__fix-surtido-embarque .row,
  .__fix-surtido-embarque .grid {
    row-gap: 12px;
    gap: 12px;
  }

/* ====== Base ====== */
#abc-almacenaje-bloque, #abc-almacenaje-bloque * { box-sizing: border-box; font-family: "Nunito Sans", Sans-serif; }
#abc-almacenaje-bloque { max-width: 900px; margin: 0 auto; }

/* ====== 1 columna ====== */
#abc-almacenaje-bloque .abc-row { display: block !important; }
#abc-almacenaje-bloque .abc-field { width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 19px; }

/* ====== Ocultar labels en inputs/selects ====== */
#abc-almacenaje-bloque .abc-field .elementor-field-label { display: none !important; }
/* …pero mostrar el label del checkbox de seguro */
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc .elementor-field-label { display: block !important; }

/* ====== Campos de texto / número ====== */
#abc-almacenaje-bloque .elementor-field-textual {
  width: 100%;
  background-color: #EEEEEE;
  border: 1px solid #0000;
  border-radius: 10px;
  color: #003b49;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 14px;
}
#abc-almacenaje-bloque ::placeholder { color: #003b49; opacity: .7; }

/* ====== Select ====== */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  width: 100%;
  background-color: #EEEEEE;
  border: 1px solid #0000;
  border-radius: 10px;
  color: #003b49;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 14px;
  -webkit-appearance: none; appearance: none; /* mantiene el estilo consistente */
  padding-right: 36px; /* espacio para el caret nativo */
}

/* ====== Checkbox “¿Necesitas seguro…?” ====== */
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc .elementor-field { margin-right: 10px; }
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc label {
  font-size: 15px; font-weight: 400; line-height: 22px; color: #003b49;
}

/* ====== Títulos y textos ====== */
/* Títulos tipo “¿Cómo ingresarán…?” y “¿Cuánto tiempo…?” */
#abc-almacenaje-bloque .abc-title {
  font-size: 18px; color: #003b49; line-height: 1.2; font-weight: 900; margin: 14px 0 30px 0px;
}
/* Texto tipo nota: “Para cotizar, también es necesario…” */
#abc-almacenaje-bloque .abc-note {
  font-size: 18px; color: #003b49; line-height: 1; font-weight: 400; margin: 0 0 8px;
}

/* ====== Ajustes menores ====== */
#abc-almacenaje-bloque .elementor-form-fields-wrapper { gap: 0 !important; }

.abc-hidden
{
    display:none !important;
}

/* 1) Oculta el caret nativo (ya lo haces, repito por seguridad en este scope) */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 2) Anula la flecha que Elementor mete con su fuente de iconos (evita “cuadradito” y dobles) */
#abc-almacenaje-bloque .elementor-select-wrapper::before,
#abc-almacenaje-bloque .elementor-select-wrapper::after {
  content: none !important;
  background: none !important;
}

/* 3) Inserta UNA flecha como SVG de fondo (no depende de fuentes externas) */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  /* ya tienes padding/background, añadimos la flecha */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23003b49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center; /* separa del borde derecho */
  background-size: 0.95rem;
  padding-right: 2.2rem; /* deja espacio para la flecha (puedes ajustar) */
}

/* 4) IE heredado (por si acaso) */
#abc-almacenaje-bloque .elementor-select-wrapper select::-ms-expand { display: none; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b94ef22 *//* Aplica un margen inferior uniforme de ~12px a todos los controles de formulario
     únicamente dentro de este bloque, sin afectar el resto de la página. */
  .__fix-surtido-embarque input:not([type="checkbox"]):not([type="radio"]),
  .__fix-surtido-embarque select,
  .__fix-surtido-embarque textarea,
  .__fix-surtido-embarque .ant-input,
  .__fix-surtido-embarque .ant-select,
  .__fix-surtido-embarque .ant-picker {
    margin-bottom: 12px !important;
  }

  /* Si el layout usa filas/columnas con grid o flex, añadimos separación vertical. */
  .__fix-surtido-embarque .row,
  .__fix-surtido-embarque .grid {
    row-gap: 12px;
    gap: 12px;
  }

/* ====== Base ====== */
#abc-almacenaje-bloque, #abc-almacenaje-bloque * { box-sizing: border-box; font-family: "Nunito Sans", Sans-serif; }
#abc-almacenaje-bloque { max-width: 900px; margin: 0 auto; }

/* ====== 1 columna ====== */
#abc-almacenaje-bloque .abc-row { display: block !important; }
#abc-almacenaje-bloque .abc-field { width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 19px; }

/* ====== Ocultar labels en inputs/selects ====== */
#abc-almacenaje-bloque .abc-field .elementor-field-label { display: none !important; }
/* …pero mostrar el label del checkbox de seguro */
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc .elementor-field-label { display: block !important; }

/* ====== Campos de texto / número ====== */
#abc-almacenaje-bloque .elementor-field-textual {
  width: 100%;
  background-color: #EEEEEE;
  border: 1px solid #0000;
  border-radius: 10px;
  color: #003b49;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 14px;
}
#abc-almacenaje-bloque ::placeholder { color: #003b49; opacity: .7; }

/* ====== Select ====== */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  width: 100%;
  background-color: #EEEEEE;
  border: 1px solid #0000;
  border-radius: 10px;
  color: #003b49;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 14px;
  -webkit-appearance: none; appearance: none; /* mantiene el estilo consistente */
  padding-right: 36px; /* espacio para el caret nativo */
}

/* ====== Checkbox “¿Necesitas seguro…?” ====== */
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc .elementor-field { margin-right: 10px; }
#abc-almacenaje-bloque .elementor-field-group-field_d984bdc label {
  font-size: 15px; font-weight: 400; line-height: 22px; color: #003b49;
}

/* ====== Títulos y textos ====== */
/* Títulos tipo “¿Cómo ingresarán…?” y “¿Cuánto tiempo…?” */
#abc-almacenaje-bloque .abc-title {
  font-size: 18px; color: #003b49; line-height: 1.2; font-weight: 900; margin: 14px 0 30px 0px;
}
/* Texto tipo nota: “Para cotizar, también es necesario…” */
#abc-almacenaje-bloque .abc-note {
  font-size: 18px; color: #003b49; line-height: 1; font-weight: 400; margin: 0 0 8px;
}

/* ====== Ajustes menores ====== */
#abc-almacenaje-bloque .elementor-form-fields-wrapper { gap: 0 !important; }

.abc-hidden
{
    display:none !important;
}

/* 1) Oculta el caret nativo (ya lo haces, repito por seguridad en este scope) */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 2) Anula la flecha que Elementor mete con su fuente de iconos (evita “cuadradito” y dobles) */
#abc-almacenaje-bloque .elementor-select-wrapper::before,
#abc-almacenaje-bloque .elementor-select-wrapper::after {
  content: none !important;
  background: none !important;
}

/* 3) Inserta UNA flecha como SVG de fondo (no depende de fuentes externas) */
#abc-almacenaje-bloque .elementor-select-wrapper select {
  /* ya tienes padding/background, añadimos la flecha */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23003b49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center; /* separa del borde derecho */
  background-size: 0.95rem;
  padding-right: 2.2rem; /* deja espacio para la flecha (puedes ajustar) */
}

/* 4) IE heredado (por si acaso) */
#abc-almacenaje-bloque .elementor-select-wrapper select::-ms-expand { display: none; }/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-a3812ab */button[type="submit"] {
  display: none !important;
}

#field_d754523 {
  display: none !important;
}

/* Agrupar los campos de medida en línea */
.elementor-field-group-field_5617650,
.elementor-field-group-field_5267ce5,
.elementor-field-group-field_0856dee {
  display: inline-block;
  width: 32%;
  margin-right: 1%;
  vertical-align: top;
}

.elementor-field-group-field_0856dee {
  margin-right: 0; /* El último sin margen */
}

/* También aplica a los de medida de caja */
.elementor-field-group-field_d1a124d,
.elementor-field-group-field_0e95355,
.elementor-field-group-field_6fe52f6 {
  display: inline-block;
  width: 32%;
  margin-right: 1%;
  vertical-align: top;
}

.elementor-field-group-field_6fe52f6 {
  margin-right: 0;
}


.elementor-11023 .elementor-element.elementor-element-46aa81a .elementor-field-type-html {
   line-height: 0.7 !important;
}

/* Espaciado y estilo del texto */
.elementor-field-group-field_165c840 .elementor-field-option {
  margin-bottom: 20px;
}

/* Oculta el checkbox nativo */
.elementor-field-group-field_165c840 .elementor-field-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  background-color: #e0e0e0;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}

/* Estado activado */
.elementor-field-group-field_165c840 .elementor-field-option input[type="checkbox"]:checked {
  background-color: #008da8;
  border-color: #008da8;
}

/* Check mark visual con pseudo-elemento */
.elementor-field-group-field_165c840 .elementor-field-option input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Alineación del texto con el checkbox */
.elementor-field-group-field_165c840 .elementor-field-option label {
  display: inline-block;
  vertical-align: middle;
}/* End custom CSS */