.elementor-4733 .elementor-element.elementor-element-7cd5144{--display:flex;--min-height:20vh;--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;--gap:0em 0em;--row-gap:0em;--column-gap:0em;border-style:none;--border-style:none;--padding-top:0vw;--padding-bottom:0vw;--padding-left:8vw;--padding-right:8vw;}.elementor-4733 .elementor-element.elementor-element-7cd5144:not(.elementor-motion-effects-element-type-background), .elementor-4733 .elementor-element.elementor-element-7cd5144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0F1C630;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4733 .elementor-element.elementor-element-3ea572a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 20px 0px;}.elementor-4733 .elementor-element.elementor-element-3ea572a.elementor-element{--align-self:center;}.elementor-4733 .elementor-element.elementor-element-3ea572a{text-align:center;}.elementor-4733 .elementor-element.elementor-element-3ea572a .elementor-heading-title{font-family:"Yaldevi", Sans-serif;font-size:2.8vw;font-weight:700;line-height:1em;letter-spacing:1px;color:#688637;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4733 .elementor-element.elementor-element-a8a5fc3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4733 .elementor-element.elementor-element-a8a5fc3{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1em;font-weight:400;color:#444444;}.elementor-4733 .elementor-element.elementor-element-11ff5db{--display:flex;--min-height:50vh;--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:10% 10%;--row-gap:10%;--column-gap:10%;border-style:none;--border-style:none;--padding-top:4vw;--padding-bottom:0vw;--padding-left:10vw;--padding-right:0vw;}.elementor-4733 .elementor-element.elementor-element-7fffbc5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:3vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-4733 .elementor-element.elementor-element-7fffbc5:not(.elementor-motion-effects-element-type-background), .elementor-4733 .elementor-element.elementor-element-7fffbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://formacionagro-mapa.es/wp-content/uploads/2026/05/Concurso_AgroProtas_051.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4733 .elementor-element.elementor-element-7fffbc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4733 .elementor-element.elementor-element-749127f{--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;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:4em;--padding-right:0em;}.elementor-4733 .elementor-element.elementor-element-749127f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4733 .elementor-element.elementor-element-f3901ff > .elementor-widget-container{padding:0em 1em 0em 1em;}.elementor-4733 .elementor-element.elementor-element-2558e0a{--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;--margin-top:5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4733 .elementor-element.elementor-element-6946e9a > .elementor-widget-container{margin:-50px 20px 0px 20px;}.elementor-4733 .elementor-element.elementor-element-6946e9a{font-family:"Roboto", Sans-serif;font-weight:400;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4733 .elementor-element.elementor-element-7fffbc5{--width:30%;}.elementor-4733 .elementor-element.elementor-element-749127f{--width:55%;}}@media(max-width:1366px) and (min-width:768px){.elementor-4733 .elementor-element.elementor-element-7fffbc5{--width:30%;}.elementor-4733 .elementor-element.elementor-element-749127f{--width:61vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-4733 .elementor-element.elementor-element-7fffbc5{--width:30vw;}.elementor-4733 .elementor-element.elementor-element-749127f{--width:55vw;}}@media(max-width:1366px){.elementor-4733 .elementor-element.elementor-element-7cd5144{--padding-top:1vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-4733 .elementor-element.elementor-element-3ea572a .elementor-heading-title{font-size:4vw;}.elementor-4733 .elementor-element.elementor-element-7fffbc5:not(.elementor-motion-effects-element-type-background), .elementor-4733 .elementor-element.elementor-element-7fffbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}}@media(max-width:1024px){.elementor-4733 .elementor-element.elementor-element-3ea572a .elementor-heading-title{font-size:2.5em;}}@media(max-width:767px){.elementor-4733 .elementor-element.elementor-element-7cd5144{--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4733 .elementor-element.elementor-element-3ea572a .elementor-heading-title{font-size:2em;}.elementor-4733 .elementor-element.elementor-element-11ff5db{--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4733 .elementor-element.elementor-element-7fffbc5{--width:100vw;--min-height:22vh;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-4733 .elementor-element.elementor-element-7fffbc5:not(.elementor-motion-effects-element-type-background), .elementor-4733 .elementor-element.elementor-element-7fffbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-4733 .elementor-element.elementor-element-749127f{--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for text-editor, class: .elementor-element-6946e9a */div#wpcf7-f3562-p3505-o1 {
    /* background: var(--bg); */
    border: 4px solid #e6844f;
    border-radius: 25px;
    padding: 28px 28px 24px;
}

/* Campos de texto */
input[type="text"],input[type="number"],input[type="email"],input[type="tel"]{
  border-radius: 999px;           /* aspecto “pill” de los inputs */
}



/*estilos boton siguiente*/
button.cf7-next {
    height: 44px;
        margin-top: -22px;
    padding: 0 22px;
    border-radius: 999px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    background: #e6844f;
    color: #fff;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .08);
    transition: transform .04s 
ease, background .15s 
ease, box-shadow .15s 
ease;
}

button.cf7-next:hover{ background:#d36f3a; }
button.cf7-next :active{ transform: translateY(1px); box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }

button.cf7-prev {
    height: 44px;
    padding: 0 22px;
    border-radius: 999px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    background: #e6844f;
    color: #fff;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .08);
    transition: transform .04s 
ease, background .15s 
ease, box-shadow .15s 
ease;
}

button.cf7-prev:hover{ background:#d36f3a; }
button.cf7-prev :active{ transform: translateY(1px); box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }

.cf7-prev{ float: left; }
.cf7-next{ float: right; }
/* Aplícalo al padre de los botones para limpiar los floats */
.cf7-clearfix::after{ content: ""; display: block; clear: both; }


/*---------------------*/
/* 1) Ocultar el spinner de CF7 */
.wpcf7 .wpcf7-spinner {
  display: none !important;
}

/* 2) Que el contenedor ocupe todo el ancho y alinee el botón a la derecha */
.cf7-sub {
  display: flex;
  justify-content: flex-end; /* botón a la derecha */
  align-items: stretch;       /* igualar alturas con el hijo */
  width: 100%;
  margin: 0;                  /* opcional: quitar margen del <p> */
}

/* 3) Igualar la altura de .cf7-sub y del botón (.has-spinner) */
:root { --cf7-height: 44px; }            /* ajusta a tu gusto */

.cf7-sub {
  min-height: var(--cf7-height);
}

.cf7-sub .has-spinner {
  height: var(--cf7-height);
  padding: 0 1.25rem;                    /* ancho del botón */
  margin-left: auto;                     /* por si hubiera más elementos, empuja a la derecha */
  box-sizing: border-box;
  /* opcional: estilos visuales del botón */
  /* line-height: var(--cf7-height);  <- usa esto solo si deseas centrar texto sin padding */
}

/* Igualar el select con los inputs */
select {
  border-radius: 999px;
}

/* Limitar la altura del menú desplegable */
select {
  overflow-y: auto;
}


/* Forzar altura máxima en las opciones */
select:focus {
  max-height: 200px; /* ajusta este valor: 150px, 250px, etc. */
  overflow-y: auto;
}

/*mensajes error*/
wpcf7-form-control-wrap {
  position: relative;
  display: block;
  margin-bottom: 1.8em; /* reserva espacio */
}

.wpcf7-not-valid-tip {
    position: absolute!important;
    font-size: 0.85em!important;
    color: #e53935!important;
    border-color: aliceblue!important;
    border-bottom: 1px!important;
    background-color: #fff9ee!important;
    padding: .5rem!important;
    top: 1.5em!important;
    z-index: 1!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2558e0a *//* INPUTS */
.agro-multistep input[type="text"],
.agro-multistep input[type="email"],
.agro-multistep input[type="tel"],
.agro-multistep input[type="number"],
.agro-multistep select,
.agro-multistep textarea{
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border: 1px solid #e7814c;
  border-radius: 16px;
  background: #ffffff;
  font-size: 15px;
  color: #173726;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

/* TITULOS */
.field label {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 9px;
  letter-spacing: 0.2px;
}


h3{
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f32dbe */:root{
  --accent:#e7814cff;    /* activo */
  --accent-hover:#c96a39;/* hover más oscuro */
  --done:#f1c9b5;        /* hecho */
  --done-text:#6b2d0c;
  --pending:#fff9eeff;   /* pendiente */
  --connector:#e6e6e6;
}

/* Ocultar pasos con [hidden] (por si el tema lo sobreescribe) */
.cf7-step[hidden]{ display:none !important; }

/* =========================
   Barra de pasos (dots)
   ========================= */
.cf7-steps-dots{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
  justify-content: space-around;
  margin-bottom:16px;
}

/* Dot base: bocadillo con máscara SVG, tamaño 50x50 */
.cf7-step-dot{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  margin:0 !important; padding:0;
  border:0; border-radius:0;          /* la forma la da la máscara */
  background: var(--pending);         /* color base (pendiente) */
  color: var(--accent);
  font-weight:800;
  font-size:16px;
  cursor:pointer;
  position:relative;
  line-height:1;

  /* Máscara del bocadillo (WebKit + estándar) */
  -webkit-mask: center / contain no-repeat url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.36426 57.145262'>\
  <g transform='translate(-4524.9696,-3003.6229)'>\
    <path d='m 0,0 c -7.3,0 -11.045,0.69 -15.403,1.965 -10.28,3.007 -15.068,9.723 -15.068,21.133 0,10.586 5.377,17.431 15.139,19.276 1.71,0.322 3.532,0.485 5.417,0.485 H 0.997 c 11.91,0 20.555,-7.977 20.555,-18.969 C 21.552,11.835 15.441,4.921 4.787,4.921 3.98,4.921 3.335,4.289 3.316,3.482 L 3.31,3.193 C 3.269,1.403 1.815,0 0,0' \
          transform='matrix(1.3333333,0,0,-1.3333333,4565.5979,3060.7681)' fill='%23000'/>\
  </g>\
</svg>");
          mask: center / contain no-repeat url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.36426 57.145262'>\
  <g transform='translate(-4524.9696,-3003.6229)'>\
    <path d='m 0,0 c -7.3,0 -11.045,0.69 -15.403,1.965 -10.28,3.007 -15.068,9.723 -15.068,21.133 0,10.586 5.377,17.431 15.139,19.276 1.71,0.322 3.532,0.485 5.417,0.485 H 0.997 c 11.91,0 20.555,-7.977 20.555,-18.969 C 21.552,11.835 15.441,4.921 4.787,4.921 3.98,4.921 3.335,4.289 3.316,3.482 L 3.31,3.193 C 3.269,1.403 1.815,0 0,0' \
          transform='matrix(1.3333333,0,0,-1.3333333,4565.5979,3060.7681)' fill='%23000'/>\
  </g>\
</svg>");
}

/* Fallback por si algún navegador no soporta mask (les da forma pill) */
@supports not (mask: url("")) {
  .cf7-step-dot{
    border-radius: 999px;
    border: 2px solid var(--accent);
  }
}

/* Si usas <button><span>1</span></button> */
.cf7-step-dot span{
  position:relative; z-index:1; height:100%;
  display:grid; place-items:center;
  font-weight:800; font-size:16px;
  color:inherit;
}

/* Estados */
.cf7-step-dot.active{
  background: var(--accent);
  color:#fff;
}
.cf7-step-dot.done{
  background: var(--done);
  color: var(--done-text);
}

/* Hover (verde/ámbar más oscuro según tu variable) */
.cf7-step-dot:hover{
  background: var(--accent-hover);
  color:#fff;
  filter: brightness(1);
}
.cf7-step-dot.active:hover{
  background: var(--accent-hover);
}

/* Conector entre dots */
.cf7-step-dot::after{
  content:"";
  position:absolute;
  left:100%; top:50%; transform:translateY(-50%);
  width:28px; height:2px;
  background:var(--connector, #e6e6e6);
}
.cf7-step-dot:last-child::after{ display:none; }

.cf7-steps-dots .cf7-step-dot + .cf7-step-dot{ margin-left: 22px !important; }

.cf7-step-dot:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}

/* =========================
   Alertas y validación
   ========================= */
.cf7-step-alert{
  display:none;
  margin: 0 0 14px 0;
  padding: 10px 14px;
  border-left: 4px solid #d33;
  background: #ffe9e9;
  color: #8b1d1d;
  font-weight: 700;
  border-radius: 6px;
}
.cf7-step-alert.show{ display:block; }

.cf7-field-invalid{ background: #fff6f6; }
.cf7-field-invalid label{ color: #8b1d1d; }

.cf7-invalid{
  outline: 2px solid #d33 !important;
  outline-offset: 2px;
}

/* =========================
   Botones navegación
   ========================= */
button.cf7-next, input.cf7-next,
button.cf7-prev, input.cf7-prev{
  height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  border: none;
  font-weight: 700;
  cursor: pointer;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 6px 18px rgba(16, 24, 40, .08);
  transition: transform .04s ease, background .15s ease, box-shadow .15s ease;
}
button.cf7-next:hover, input.cf7-next:hover,
button.cf7-prev:hover, input.cf7-prev:hover{
  background: var(--accent-hover);
}
button.cf7-next:active, input.cf7-next:active,
button.cf7-prev:active, input.cf7-prev:active{
  transform: translateY(1px);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
}

/* Floats */
.cf7-prev{ float:left; }
.cf7-next{ float:right; }
.cf7-clearfix::after{ content:""; display:block; clear:both; }

/* Inputs pill */
input[type="text"], input[type="number"], input[type="email"]{
  border-radius: 999px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749127f */@media (max-width: 1366px) and (min-width: 768px) {
    .elementor-3505 .elementor-element.elementor-element-1bf3da53 {
        --width: 61vw!important;
    }
}/* End custom CSS */