.elementor-2810 .elementor-element.elementor-element-334310{--display:flex;--min-height:100vh;--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;--overflow:hidden;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2810 .elementor-element.elementor-element-334310:not(.elementor-motion-effects-element-type-background), .elementor-2810 .elementor-element.elementor-element-334310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yawardesigns.com/wp-content/uploads/2025/07/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-2810 .elementor-element.elementor-element-66d47392{text-align:center;font-family:"GazpachoE", Sans-serif;font-size:30px;font-weight:700;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-2810 .elementor-element.elementor-element-334310:not(.elementor-motion-effects-element-type-background), .elementor-2810 .elementor-element.elementor-element-334310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yawardesigns.com/wp-content/uploads/2025/07/fondo1-xs-1.png");}.elementor-2810 .elementor-element.elementor-element-334310{--min-height:600px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2810 .elementor-element.elementor-element-66d47392 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-2810 .elementor-element.elementor-element-66d47392{text-align:left;font-size:24px;}.elementor-2810 .elementor-element.elementor-element-4e78b48e > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-4e78b48e */.box_form_susc_us {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  margin: auto;
  background-color: #fdfaf8;
  /* fondo ligeramente blanco */
  border-radius: 9999px;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Input */
.box_form_susc_us input[type="email"] {
  flex: 1;
  border: none;
  padding: 14px 20px;
  font-size: 16px;
  border-radius: 9999px 0 0 9999px;
  outline: none;
  background-color: transparent;
  color: #333;
}

/* Botón */
.box_form_susc_us input[type="submit"] {
  border: none;
  padding: 14px 30px;
  font-weight: bold;
  color: white;
  background-color: #e20613;
  cursor: pointer;
  font-size: 16px;
  border-radius: 0 9999px 9999px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
}

/* Hover */
.box_form_susc_us input[type="submit"]:hover {
  background-color: #c8000f;
}

/* Insertar flecha después del texto */
.box_form_susc_us input[type="submit"]::after {
  content: '>';
  font-size: 18px;
  margin-left: 8px;
}

/* Eliminar elementos innecesarios */
.box_form_susc_us p {
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}

.box_form_susc_us p:first-child {
  width: 100%!important;
}
.box_form_susc_us p:last-child {
  width: auto;
}

.box_form_susc_us br,
.box_form_susc_us label {
  display: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2b6f66dc */.elementor-2810 .elementor-element.elementor-element-2b6f66dc{
    margin-top: auto;
    bottom: -6rem;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-334310 *//* Contenedor principal del formulario */
.box_form_susc_us {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
width: 600px;
margin: auto;
background-color: #fdfaf8;
border-radius: 9999px;
overflow: initial;
padding: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
font-family: "GazpachoE"; 
font-weight: 500;
border: 2px solid #fdfaf;
}

/* Campo de email */
.box_form_susc_us input[type="email"] {
flex: 1;
border: none;
padding: 25px 20px;
font-size: 16px;
border-radius: 9999px 0 0 9999px;
outline: none;
background-color: transparent;
color: #333;
}

/* Botón de envío */
.box_form_susc_us input[type="submit"] {
border: none;
padding: 25px 35px;
font-weight: bold;
color: white;
background-color: #aa2735;
cursor: pointer;
font-size: 16px;
border-radius: 0 9999px 9999px 0;
display: flex;
align-items: center;
transition: background 0.3s ease;
}

/* Hover del botón */
.box_form_susc_us input[type="submit"]:hover {
background-color: #c8000f;
}

/* Flecha al lado del texto del botón */
.box_form_susc_us input[type="submit"]::after {
content: '›'; /* flecha redondeada similar a la de la imagen */
font-size: 18px;
margin-left: 8px;
}

/* Ajustes para eliminar saltos de línea innecesarios */
.box_form_susc_us p {
margin: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

/* Eliminar <br> que genera salto no deseado */
.box_form_susc_us br {
display: none;
}
.box_form_susc_us .wpcf7-form-control-wrap{
position: relative;
width: 100%;
}
.box_form_susc_us .wpcf7-not-valid-tip{
position: absolute;
background: #fff;
bottom: -33px;
padding: 2px 5px;
border-radius: 20px;
}
form.submitting .box_form_susc_us .wpcf7-spinner{
display: inline-block;
}
.box_form_susc_us .wpcf7-spinner{
display: none;  
}
@media (max-width:767px){
.wpcf7-not-valid-tip{
font-size: .75em;
bottom: -26px;
}
}/* End custom CSS */