.elementor-2408 .elementor-element.elementor-element-2c2aa63{--display:flex;--min-height:765px;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2408 .elementor-element.elementor-element-2c2aa63:not(.elementor-motion-effects-element-type-background), .elementor-2408 .elementor-element.elementor-element-2c2aa63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2408 .elementor-element.elementor-element-5f713d4{--display:flex;}#elementor-popup-modal-2408 .dialog-widget-content{animation-duration:1.2s;background-color:#FFFFFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2408{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2408 .dialog-message{width:635px;height:764px;align-items:center;}#elementor-popup-modal-2408 .dialog-close-button{display:flex;}#elementor-popup-modal-2408 .dialog-close-button i{color:#333333;}#elementor-popup-modal-2408 .dialog-close-button svg{fill:#333333;}@media(max-width:1024px){#elementor-popup-modal-2408 .dialog-message{width:75vw;height:75vh;}}@media(min-width:768px){.elementor-2408 .elementor-element.elementor-element-2c2aa63{--content-width:435px;}}@media(max-width:767px){.elementor-2408 .elementor-element.elementor-element-2c2aa63{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}#elementor-popup-modal-2408 .dialog-message{width:100vw;height:90vh;}#elementor-popup-modal-2408{align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-4c934ca */.custom-form .form-row.double {
  display: flex;
  gap: 20px;
}

.custom-form .form-row.double .wpcf7-form-control-wrap {
  flex: 1;
}

.custom-form {
  max-width: 500px;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  gap: 0 px;
}

/* Fila con 2 columnas (ej: Project Type + Select a Service) */
.custom-form .form-row.double {
  display: flex;
  gap: 20px;
}

/* Cada campo dentro de la fila doble ocupa la mitad */
.custom-form .form-row.double .wpcf7-form-control-wrap {
  flex: 1;
}

/* Inputs, selects y textarea */
.custom-form input,
.custom-form select,
.custom-form textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #CCA266;
  color: #000;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Placeholders */
.custom-form input::placeholder,
.custom-form textarea::placeholder {
  color: #000;
}

/* Focus */
.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus {
  border-color: #f4c23b;
  box-shadow: 0 0 5px rgba(244, 19400, 59, 0.5);
  outline: none;
  background-color: #f0f0f0;
}

/* Botón de enviar */
.custom-form input[type="submit"] {
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  background-color: #CCA266;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}

/* Hover botón */
.custom-form input[type="submit"]:hover {
  background-color: #CCA265;
  color: #ffffff;
}


/* aquiiiiiiiiiiiiiiiiiii */

/* 1. Etiquetas en blanco */
.custom-form label {
  color: white;
  font-weight: bold;
  display: inline-block;
}

/* 2. Asterisco rojo */
.custom-form label .required,
.custom-form label span.required {
  color: red;
}

/* 3. Borde negro de 2px en inputs, selects y textarea */
.custom-form input,
.custom-form select,
.custom-form textarea {
  border: 2px solid #000;
}

/* 4. Borde negro en el botón de envío */
.custom-form input[type="submit"] {
  border: 2px solid #000;
}



.custom-form textarea {
  height: 200px !important;
  resize: none; /* Opcional: evita que el usuario lo estire manualmente */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2aa63 */.elementor-2408 .elementor-element.elementor-element-2c2aa63 {
  max-width: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}/* End custom CSS */