.elementor-3085 .elementor-element.elementor-element-eabf7ab{--display:flex;--min-height:180px;--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;--justify-content:center;--overlay-opacity:1;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-eabf7ab::before, .elementor-3085 .elementor-element.elementor-element-eabf7ab > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-eabf7ab > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-eabf7ab > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-eabf7ab > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-eabf7ab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://italcol.com/wp-content/uploads/2023/03/fondo-titulo-productos.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3085 .elementor-element.elementor-element-0cb204a{--display:flex;}.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading,.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-sub-heading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-sub-heading *,.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-subheading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-subheading *, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-separator-parent{text-align:left;}.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading a{font-size:40px;font-weight:500;line-height:33px;}.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading-text{color:var( --e-global-color-kadence9 );}.elementor-3085 .elementor-element.elementor-element-129f48e{--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-3085 .elementor-element.elementor-element-c12cb81{--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;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-1dc6835{--display:flex;--min-height:467px;--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;--justify-content:center;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-1dc6835::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://italcol.com/wp-content/uploads/2023/04/banner_contacto.webp");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-3085 .elementor-element.elementor-element-3566e1a{--display:flex;}@media(max-width:1366px){.elementor-3085 .elementor-element.elementor-element-eabf7ab{--min-height:150px;}}@media(max-width:767px){.elementor-3085 .elementor-element.elementor-element-eabf7ab{--min-height:150px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading,.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-sub-heading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-sub-heading *,.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-subheading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-subheading *, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-separator-parent{text-align:center;}.elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading, .elementor-3085 .elementor-element.elementor-element-50b2b7e .uael-heading a{font-size:30px;line-height:1.1em;}.elementor-3085 .elementor-element.elementor-element-1dc6835{--min-height:100px;}.elementor-3085 .elementor-element.elementor-element-1dc6835::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-1dc6835 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:500px auto;}}/* Start custom CSS *//* ============================================================
   ITALCOL FORM — ESTILOS
   Pegar en: Apariencia → Personalizar → CSS adicional
   O en el campo "Custom CSS" del widget HTML de Elementor
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --orange:      #F47920;
  --orange-dark: #D9661A;
  --text:        #1A1A1A;
  --muted:       #6B6B6B;
  --border:      #DEDEDE;
  --bg:          #FFFFFF;
  --radius:      4px;
}

/* ---------- Wrapper ---------- */
.italcol-form-wrapper {
  font-family: 'Co Text', 'Roboto', sans-serif;
  background: var(--bg);
  padding: 48px 52px;
  width: 100%;
  max-width: 100%;
}

/* ---------- Encabezado ---------- */
.italcol-form-wrapper .form-heading {
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  color: var(--orange);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.italcol-form-wrapper .form-title {
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: var(--text);
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 12px;
}

.italcol-form-wrapper .form-title span {
  color: var(--orange);
}

.italcol-form-wrapper .divider {
  width: 48px;
  height: 3px;
  background: var(--orange);
  margin-bottom: 32px;
}

/* ---------- Grid ---------- */
.italcol-form-wrapper .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 32px;
}

.italcol-form-wrapper .field-full {
  grid-column: 1 / -1;
}

/* ---------- Grupos de campo ---------- */
.italcol-form-wrapper .field-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.italcol-form-wrapper label.field-label {
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--muted);
}

/* ---------- Inputs, selects, textarea ---------- */
.italcol-form-wrapper input[type="text"],
.italcol-form-wrapper input[type="email"],
.italcol-form-wrapper input[type="tel"],
.italcol-form-wrapper select,
.italcol-form-wrapper textarea {
  width: 100%;
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 14px;
  color: var(--text);
  background: transparent;
  border: none;
  border-bottom: 1.5px solid var(--border);
  padding: 10px 0;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* Flecha custom para select */
.italcol-form-wrapper select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23F47920' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 28px;
  cursor: pointer;
}

/* ---------- Línea — Tags/Pastillas táctiles ---------- */
.italcol-form-wrapper .linea-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 8px;
}

.italcol-form-wrapper .linea-tag {
  position: relative;
  cursor: pointer;
}

.italcol-form-wrapper .linea-tag input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.italcol-form-wrapper .linea-tag span {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border: 1.5px solid var(--border);
  border-radius: 100px;
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  background: #fff;
  transition: all 0.15s ease;
  white-space: nowrap;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

.italcol-form-wrapper .linea-tag input:checked + span {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
  font-weight: 700;
}

.italcol-form-wrapper .linea-tag:hover span {
  border-color: var(--orange);
  color: var(--orange);
}

@media (max-width: 600px) {
  .italcol-form-wrapper .linea-tag span {
    padding: 10px 16px;
    font-size: 14px;
  }
}

/* Focus */
.italcol-form-wrapper input:focus,
.italcol-form-wrapper select:focus,
.italcol-form-wrapper textarea:focus {
  border-bottom-color: var(--orange);
}

/* Placeholder */
.italcol-form-wrapper input::placeholder,
.italcol-form-wrapper textarea::placeholder {
  color: #BBBBBB;
  font-family: 'Co Text', 'Roboto', sans-serif;
}

/* Textarea */
.italcol-form-wrapper textarea {
  resize: vertical;
  min-height: 100px;
  padding-top: 8px;
}

/* ---------- Campo condicional ---------- */
.italcol-form-wrapper .field-conditional {
  display: none;
}

.italcol-form-wrapper .field-conditional.visible {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* ---------- Checkbox ---------- */
.italcol-form-wrapper .checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
}

.italcol-form-wrapper .checkbox-row input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-top: 2px;
  accent-color: var(--orange);
  cursor: pointer;
  border: 1.5px solid var(--border);
  border-bottom: 1.5px solid var(--border);
  padding: 0;
  border-radius: 0;
  -webkit-appearance: auto;
  appearance: auto;
}

.italcol-form-wrapper .checkbox-row span {
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.6;
}

.italcol-form-wrapper .checkbox-row a {
  color: var(--orange);
  text-decoration: underline;
}

/* ---------- Botón ---------- */
.italcol-form-wrapper .btn-submit {
  margin-top: 32px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--orange);
  color: #fff;
  font-family: 'Co Text', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none;
  padding: 14px 44px;
  cursor: pointer;
  border-radius: var(--radius);
  transition: background 0.2s, transform 0.15s;
}

.italcol-form-wrapper .btn-submit:hover {
  background: var(--orange-dark);
  transform: translateY(-1px);
}

.italcol-form-wrapper .btn-submit svg {
  transition: transform 0.2s;
}

.italcol-form-wrapper .btn-submit:hover svg {
  transform: translateX(4px);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet */
@media (max-width: 900px) {
  .italcol-form-wrapper {
    padding: 40px 36px;
  }

  .italcol-form-wrapper .form-title {
    font-size: 30px;
  }
}

/* Móvil */
@media (max-width: 600px) {
  .italcol-form-wrapper {
    padding: 28px 20px;
  }

  .italcol-form-wrapper .form-title {
    font-size: 24px;
  }

  .italcol-form-wrapper .form-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* En móvil todos los campos ocupan el ancho completo */
  .italcol-form-wrapper .field-full {
    grid-column: 1;
  }

  .italcol-form-wrapper .field-conditional.visible {
    grid-column: 1;
  }

  .italcol-form-wrapper .btn-submit {
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
  }
}/* End custom CSS */