.elementor-3237 .elementor-element.elementor-element-d00e36d{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3237 .elementor-element.elementor-element-af19b24 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3237 .elementor-element.elementor-element-59056a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--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-3237 .elementor-element.elementor-element-59056a3::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fronteracre.com/wp-content/uploads/2026/04/Bodegas-en-renta-Frontera-CRE-scaled.webp");--background-overlay:'';background-position:-554px -202px;}.elementor-3237 .elementor-element.elementor-element-4ebab16{--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-3237 .elementor-element.elementor-element-b9631fd{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3237 .elementor-element.elementor-element-b9631fd:not(.elementor-motion-effects-element-type-background), .elementor-3237 .elementor-element.elementor-element-b9631fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3237 .elementor-element.elementor-element-e29c03f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3237 .elementor-element.elementor-element-3af24b4{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3237 .elementor-element.elementor-element-3af24b4:not(.elementor-motion-effects-element-type-background), .elementor-3237 .elementor-element.elementor-element-3af24b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F8FA;}.elementor-3237 .elementor-element.elementor-element-b56ca14 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-3237:not(.elementor-motion-effects-element-type-background), body.elementor-page-3237 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3237 .elementor-element.elementor-element-4ebab16{--width:50%;}.elementor-3237 .elementor-element.elementor-element-b9631fd{--width:50%;}}@media(max-width:1024px){.elementor-3237 .elementor-element.elementor-element-59056a3::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}}@media(max-width:767px){.elementor-3237 .elementor-element.elementor-element-59056a3::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3237 .elementor-element.elementor-element-59056a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-3237 .elementor-element.elementor-element-59056a3{--overlay-opacity:0;}.elementor-3237 .elementor-element.elementor-element-4ebab16{--width:0px;--min-height:0px;}.elementor-3237 .elementor-element.elementor-element-b9631fd{--width:500px;}.elementor-3237 .elementor-element.elementor-element-e29c03f{width:var( --container-widget-width, 324px );max-width:324px;--container-widget-width:324px;--container-widget-flex-grow:0;}.elementor-3237 .elementor-element.elementor-element-e29c03f.elementor-element{--align-self:center;}}/* Start custom CSS for wpforms, class: .elementor-element-e29c03f *//* ============================================================
   WPForms — Frontera CRE (versión clara, ancho completo, 2 columnas)
   Mismo estilo claro de siempre (recuadros redondeados, acento
   azul, botón píldora). Ahora el formulario es más ancho y los
   campos cortos (nombre, correo, teléfono, puesto) se acomodan
   en 2 columnas para aprovechar el ancho de la página.

   DÓNDE PEGAR ESTO:
   WPForms → Settings → General → Custom CSS

   Nota: si más adelante le pones una imagen al lado (mitad y
   mitad), no necesitas tocar este CSS — el formulario se ajusta
   solo al ancho disponible.
   ============================================================ */

:root {
  --frontera-accent: #009be2;
  --frontera-accent-dark: #0080bb;
  --frontera-ink: #1f2937;
  --frontera-gray: #6b7280;
  --frontera-line: #e5e7eb;
  --placeholder-color: #9ca3af;
}

/* Contenedor del formulario -> ancho amplio, centrado, campos en grid de 2 columnas */
.wpforms-container .wpforms-form {
  background: transparent;
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}

/* Campos que deben ocupar todo el ancho, no solo una columna */
.wpforms-container .wpforms-form .wpforms-field-radio,
.wpforms-container .wpforms-form .wpforms-field-select,
.wpforms-container .wpforms-form .wpforms-field-checkbox,
.wpforms-container .wpforms-form .wpforms-field-textarea,
.wpforms-container .wpforms-form .wpforms-submit-container {
  grid-column: 1 / -1;
}

/* En pantallas angostas, todo baja a una sola columna */
@media (max-width: 640px) {
  .wpforms-container .wpforms-form {
    grid-template-columns: 1fr;
  }
}

/* Inputs de texto, email, tel, número, textarea, select -> recuadro redondeado */
.wpforms-container .wpforms-form input[type="text"],
.wpforms-container .wpforms-form input[type="email"],
.wpforms-container .wpforms-form input[type="tel"],
.wpforms-container .wpforms-form input[type="number"],
.wpforms-container .wpforms-form textarea,
.wpforms-container .wpforms-form select {
  background: #ffffff;
  border: 1.5px solid var(--frontera-line);
  border-radius: 10px;
  color: var(--frontera-ink);
  padding: 13px 16px;
  font-size: 16.5px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  width: 100%;
  transition: border-color .2s ease, box-shadow .2s ease;
}

/* Placeholder */
.wpforms-container .wpforms-form input::placeholder,
.wpforms-container .wpforms-form textarea::placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

/* Estado focus -> borde azul + halo suave alrededor de la caja */
.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form textarea:focus,
.wpforms-container .wpforms-form select:focus {
  border-color: var(--frontera-accent);
  box-shadow: 0 0 0 3px rgba(0, 155, 226, 0.14);
  outline: none;
}

/* Tooltip de validación / hint (ej: "Solo se aceptan números...") */
.wpforms-container .wpforms-error-tooltip,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel {
  background: var(--frontera-ink);
  color: #ffffff;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* Labels de campo (si los usas) */
.wpforms-container .wpforms-field-label {
  color: var(--frontera-ink);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* ===== Radio buttons (Busco rentar / Soy broker / BTS) ===== */
.wpforms-container .wpforms-field-radio ul li input[type="radio"] {
  appearance: none;
  width: 19px;
  height: 19px;
  border: 2px solid #cfd3d8;
  border-radius: 50%;
  background: transparent;
  position: relative;
  cursor: pointer;
}
.wpforms-container .wpforms-field-radio ul li input[type="radio"]:checked {
  border-color: var(--frontera-accent);
}
.wpforms-container .wpforms-field-radio ul li input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--frontera-accent);
}
.wpforms-container .wpforms-field-radio ul li label {
  color: var(--frontera-ink);
  font-size: 16px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* ===== Checkbox (Autorizo a Frontera CRE...) ===== */
.wpforms-container .wpforms-field-checkbox ul li input[type="checkbox"] {
  appearance: none;
  width: 19px;
  height: 19px;
  border: 2px solid #cfd3d8;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.wpforms-container .wpforms-field-checkbox ul li input[type="checkbox"]:checked {
  background: var(--frontera-accent);
  border-color: var(--frontera-accent);
}
.wpforms-container .wpforms-field-checkbox ul li input[type="checkbox"]:checked::after {
  content: "\2713";
  color: #ffffff;
  font-size: 13px;
  position: absolute;
  top: 1px;
  left: 3px;
  line-height: 1;
}
.wpforms-container .wpforms-field-checkbox ul li label {
  color: var(--frontera-ink);
  font-size: 15px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
.wpforms-container .wpforms-field-checkbox ul li label strong {
  color: var(--frontera-ink);
}

/* ===== Select / Dropdown (Metros cuadrados necesarios...) ===== */
.wpforms-container .wpforms-form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%236b7280' d='M7 8L0 0h14z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* ===== Botón ENVIAR -> mismo estilo píldora que "Contáctanos" en el resto del sitio ===== */
.wpforms-container .wpforms-form .wpforms-submit-container {
  width: 100%;
  margin: 26px 0 0 0;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
}
.wpforms-container .wpforms-form button[type="submit"],
.wpforms-container .wpforms-form input[type="submit"] {
  background: var(--frontera-accent);
  border: none;
  color: #ffffff;
  border-radius: 30px;
  padding: 15px 38px;
  width: auto;
  min-width: 0;
  display: inline-block;
  margin: 0;
  font-weight: 700;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
  transition: background .2s ease;
}

/* Hover / activo */
.wpforms-container .wpforms-form button[type="submit"]:hover,
.wpforms-container .wpforms-form input[type="submit"]:hover,
.wpforms-container .wpforms-form button[type="submit"]:not(:disabled):hover {
  background: var(--frontera-accent-dark);
  color: #ffffff;
}/* End custom CSS */