.elementor-1883 .elementor-element.elementor-element-6add8fa2:not(.elementor-motion-effects-element-type-background), .elementor-1883 .elementor-element.elementor-element-6add8fa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orlandospaintingandrestoration.com/wp-content/uploads/2025/08/the-sky-is.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1883 .elementor-element.elementor-element-6add8fa2 > .elementor-background-overlay{background-color:#2C39414D;background-image:url("https://orlandospaintingandrestoration.com/wp-content/uploads/2025/08/bg_header.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1883 .elementor-element.elementor-element-6add8fa2 > .elementor-container{max-width:720px;min-height:21vh;}.elementor-1883 .elementor-element.elementor-element-6add8fa2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:16em 0em 7em 0em;}.elementor-1883 .elementor-element.elementor-element-19b70974 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1883 .elementor-element.elementor-element-3660eebb{text-align:center;}.elementor-1883 .elementor-element.elementor-element-3660eebb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1883 .elementor-element.elementor-element-6befbd37{text-align:center;}.elementor-1883 .elementor-element.elementor-element-6befbd37 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1883 .elementor-element.elementor-element-75793187{margin-top:0px;margin-bottom:30px;padding:7em 0em 15em 0em;}.elementor-1883 .elementor-element.elementor-element-dacf371:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D7D9821;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated, .elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated > .elementor-background-overlay, .elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10em 20em 10em 20em;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1883 .elementor-element.elementor-element-cb974ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1883 .elementor-element.elementor-element-6add8fa2:not(.elementor-motion-effects-element-type-background), .elementor-1883 .elementor-element.elementor-element-6add8fa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1883 .elementor-element.elementor-element-6add8fa2{padding:5em 0em 5em 0em;}.elementor-1883 .elementor-element.elementor-element-75793187{padding:3em 1em 3em 1em;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated{padding:3em 3em 3em 3em;}}@media(max-width:767px){.elementor-1883 .elementor-element.elementor-element-6add8fa2{padding:3em 0em 3em 0em;}.elementor-1883 .elementor-element.elementor-element-75793187{padding:2em 1em 10em 1em;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated, .elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated > .elementor-background-overlay, .elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-1883 .elementor-element.elementor-element-dacf371 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-1883 .elementor-element.elementor-element-cb974ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-cb974ce */.gform-theme--framework .gf_progressbar .percentbar_orange {
    background-color: #0f4bcd;
}

/* Barra contenedora */
.gform-theme--framework .gf_progressbar {
  background-color: #e0e0e0;
  border-radius: 6px;
  height: 14px;
  overflow: hidden;
  position: relative;
}

/* Secciones (pasos) coloreados */
.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
  background-color: #0f4bcd !important;
  height: 100%;
  transition: width 0.5s ease;
}

/* Opciones para estilizar subdivisiones si deseas simular tres partes */
.gform-theme--framework .gf_progressbar .gf_progressbar_percentage::after {
  content: '';
  position: absolute;
  right: -6px; /* Ajusta según necesidad */
  top: 0;
  width: 6px;
  height: 100%;
  background-color: #e0e0e0; /* el gris de fondo para divisiones */
}

/* Para añadir borde suave al contenedor */
.gform-theme--framework .gf_progressbar {
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

/* Texto de paso (opcional): Step 1 of 3 encima de la barra */
.gform-theme--framework .gf_progressbar_title {
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}

/* Texto general del formulario */
body .gform_wrapper .gform_body {
  font-size: 18px;

}

/* Etiquetas de campos */
body .gform_wrapper .gform_body .gfield_label {
  font-size: 20px;
   font-weight: 700;
}

/* Inputs, selects, textareas */
body .gform_wrapper .gform_body input,
body .gform_wrapper .gform_body select,
body .gform_wrapper .gform_body textarea {
  font-size: 20px;
  
}

/* Descripciones (opcional, si tienes texto explicativo) */
body .gform_wrapper .gform_body .gfield_description {
  font-size: 17px;
}


/*-------------------
/* === Botones tipo .elementor-1883 .elementor-element.elementor-element-cb974ce al 100% con icono de check === */
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
    display: block;
    width: 100%;
    margin: 5px 0;
}

.gform_wrapper .gfield_radio input[type="radio"],
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
    display: none !important; /* Ocultamos el radio/checkbox original */
}

.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 70px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: #fff;
    color: #333;
    font-weight: 800;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    position: relative;
    font-size: 18px;
    inline-size: 130%;
}

/* Hover efecto */
.gform_wrapper .gfield_radio label:hover,
.gform_wrapper .gfield_checkbox label:hover {
    border-color: #0f4bcd;
    color: #0f4bcd;
}

/* Estado seleccionado */
.gform_wrapper .gfield_radio input[type="radio"]:checked + label,
.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
    background: #0f4bcd;
    color: #fff;
    border-color: #0f4bcd;
    font-weight: 600;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    inline-size: 100%;
    height: 55px;
    border-radius: 25px;
}

*/
.gform_wrapper .gform_button {
    background: #0f4bcd;
    color: #fff;
    border: none;
    padding: 14px 50px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gform_wrapper .gform_button:hover {
    background: #093a9e;
}

/* === Radio & Checkbox modernos === */
.gform_wrapper .gfield_radio input,
.gform_wrapper .gfield_checkbox input {
    display: none !important;
}

.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
    display: inline-block;
    padding: 12px 60px;
    margin: 6px 8px 6px 0;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: #fff;
    cursor: pointer;
    transition: all 0.
}

/*CAmpos del formulario*/

.elementor-kit-554 input:not([type="button"]):not([type="submit"]), .elementor-kit-554 textarea, .elementor-kit-554 .elementor-field-textual {
    color: #72818b;
    background-color: var( --e-global-color-cfa1f76 );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #959595;
    border-radius: 25px;
    height: 60px;
}


/* Estilo para el botón Next */
.gform_wrapper .gform_next_button {
    background-color: #222; /* Fondo negro/gris oscuro */
    color: #fff; /* Texto blanco */
    border: none;
    border-radius: 6px;
    padding: 14px 22px;
    font-size: 18px;
    font-weight: 500;
    width: 100%; /* Botón ancho */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* espacio entre texto y flecha */
}

/* Flecha estilo → */
.gform_wrapper .gform_next_button::after {
    content: "→";
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

/* Hover efecto */
.gform_wrapper .gform_next_button:hover {
    background-color: #0f4bcd; /* Azul corporativo */
    color: #fff;
}

.gform-theme--framework .gf_progressbar_title {
    margin-block-end: var(--gf-field-pg-prog-title-margin-y-end);
    font-size: 20px;
}

/* */

/* ====== Contenedor de botones centrado ====== */
.gform_wrapper .gform_page_footer,
.gform_wrapper .gform_footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  float: none !important;
  text-align: center !important;
  margin-top: 50px !important;
}

/* Elimina floats heredados */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_button {
  float: none !important;
  margin: 0 !important;
}

/* ====== Estilo base botones ====== */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_button {
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  border-radius:25px !important;
  padding: 16px 82px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: all .25s ease-in-out !important;
}

/* ====== NEXT & SUBMIT ====== */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_button {
  background: #222 !important;
  color: #fff !important;
  box-shadow: 0 3px 6px rgba(0,0,0,.2) !important;
}
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_button:hover {
  background: #0f4bcd !important;
  box-shadow: 0 6px 12px rgba(15,75,205,.3) !important;
}
.gform_wrapper .gform_next_button::after,
.gform_wrapper .gform_button::after {
  content: "\2192"; /* → */
  font-weight: 700;
}

/* ====== PREVIOUS ====== */
.gform_wrapper .gform_previous_button {
  background: #f5f5f5 !important;
  color: #333 !important;
  box-shadow: inset 0 0 0 1px #ddd !important;
}
.gform_wrapper .gform_previous_button:hover {
  background: #e0e0e0 !important;
}
.gform_wrapper .gform_previous_button::before {
  content: "\2190"; /* ← */
  font-weight: 700;
}

/* ====== Focus accesible ====== */
.gform_wrapper .gform_next_button:focus,
.gform_wrapper .gform_previous_button:focus,
.gform_wrapper .gform_button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(15,75,205,.3), 0 6px 12px rgba(0,0,0,.15) !important;
}

/* ====== Mobile full width ====== */
@media (max-width: 768px){
  .gform_wrapper .gform_page_footer,
  .gform_wrapper .gform_footer {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .gform_wrapper .gform_next_button,
  .gform_wrapper .gform_previous_button,
  .gform_wrapper .gform_button {
    width: 100% !important;
  }
}/* End custom CSS */