.elementor-kit-22{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-22 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.allpapro-card {
  width: 90%;            /* Se adapta al contenedor */
  margin: 40px auto;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  padding: 50px;         /* Más espacio interior */
  font-family: 'Helvetica', sans-serif;
  animation: fadeInCard 0.8s ease-in-out;
  box-sizing: border-box;
}

.allpapro-card h2 {
  text-align: center;
  font-size: 32px;       /* Título un poco más grande */
  font-weight: bold;
  color: #4D8AA7;
  margin-bottom: 40px;
  font-family: 'Raleway', sans-serif;
}

.allpapro-card input,
.allpapro-card textarea,
.allpapro-card select {
  width: 100%;           /* Ocupa todo el ancho del card */
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 6px !important;
  padding: 15px 18px !important; /* Más grande para mayor comodidad */
  font-size: 16px !important;
  margin-bottom: 20px;   /* Separación entre campos */
}

.allpapro-card input:focus,
.allpapro-card textarea:focus {
  border-color: #368E5E !important;
  box-shadow: 0 0 8px rgba(54, 142, 94, 0.4) !important;
  outline: none !important;
}

.allpapro-card .wpforms-submit {
  background-color: #368E5E !important;
  font-family: 'Helvetica', sans-serif;
  color: #fff !important;
  border: none !important;
  padding: 15px 30px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  margin: 0 auto;        /* Centrar botón */
}

.allpapro-card .wpforms-submit:hover {
  background-color: #4D8AA7 !important;
}

@keyframes fadeInCard {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Ajuste para flexbox de 2 secciones */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.flex-container .allpapro-card {
  flex: 1 1 500px;  /* Se adapta al espacio disponible */
  min-width: 400px; /* No se hace demasiado pequeño */
}



/*------------aqui voy con el de frm suscripcion fock*/

/* Card principal del formulario */
.allpapro-card-newsletter {
  width: 90%;
  margin: 40px auto;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  padding: 50px;
  font-family: 'Helvetica', sans-serif;
  animation: fadeInCard 0.8s ease-in-out;
  box-sizing: border-box;
}

/* Título del formulario */
.allpapro-card-newsletter h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #4D8AA7;
  margin-bottom: 40px;
  font-family: 'Raleway', sans-serif;
}

/* Campos del formulario */
.allpapro-card-newsletter input,
.allpapro-card-newsletter select {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 6px !important;
  padding: 15px 18px !important;
  font-size: 16px !important;
  margin-bottom: 20px;
  box-sizing: border-box;
}

/* Focus de campos */
.allpapro-card-newsletter input:focus,
.allpapro-card-newsletter select:focus {
  border-color: #368E5E !important;
  box-shadow: 0 0 8px rgba(54, 142, 94, 0.4) !important;
  outline: none !important;
}

/* Botón de envío */
.allpapro-card-newsletter .wpforms-submit {
  background-color: #368E5E !important;
  font-family: 'Helvetica', sans-serif;
  color: #fff !important;
  border: none !important;
  padding: 15px 30px !important;
  border-radius: 10px !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  margin: 0 auto;
}

.allpapro-card-newsletter .wpforms-submit:hover {
  background-color: #4D8AA7 !important;
}

/* Animación fade-in */
@keyframes fadeInCard {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Flexbox para 2 columnas (mensaje + formulario) */
.flex-container-newsletter {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.flex-container-newsletter .allpapro-card-newsletter {
  flex: 1 1 500px;
  min-width: 400px;
}/* End custom CSS */