/* =============================================================
   estilos.css — Desarrolla Más
   v1.3
   ============================================================= */

/* ── Reset & base ── */
*, *:before, *:after { box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }
body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; }
a, a:hover, a:active { text-decoration: none; }
img { border: 0; vertical-align: middle; display: block; max-width: 100%; height: auto; }

/* ── Layout raíz ── */
.root { margin: 0; width: 100%; min-height: 200px; display: flex; flex-direction: column; }
.wb_sbg { display: none; }

.wb_element { position: relative; display: block; padding: 0; margin: 0; overflow: visible; box-sizing: content-box; }
.wb-layout-element { display: flex; }
.wb-layout-vertical { flex-direction: column; }
.wb-layout-horizontal { flex-direction: row; }
.wb_content { flex: 1 1 auto; position: relative; display: flex; }
.wb-layout-vertical > .wb_content { flex-direction: column; }
.wb-layout-horizontal > .wb_content { flex-direction: row; }

/* ── wb-layout-has-link ── */
.wb-layout-has-link { position: relative; }
.wb-layout-link {
  position: absolute; inset: 0; display: block; z-index: 1;
}
.wb-layout-has-link > .wb_content { z-index: 2; }

/* ── Línea decorativa ── */
.wb-elm-line {
  font-size: 1px; overflow: hidden; line-height: 1px;
  padding: 0; background: transparent; float: none; position: relative;
}

/* ── Tipografía del sitio ── */
.wb-stl-pagetitle {
  font: normal bold 22px 'Montserrat', Arial, sans-serif;
  color: #93b87c;
  text-align: center;
  line-height: 27px;
}
.wb-stl-heading1 {
  font: normal 700 70px 'Montserrat', Arial, sans-serif;
  color: #fff;
  text-align: center;
  line-height: 80px;
  width: 100%;
}
.wb-stl-heading2 {
  font: normal 700 40px 'Montserrat', Arial, sans-serif;
  color: #292929;
  text-align: left;
  line-height: 40px;
}
.wb-stl-heading3 {
  font: normal bold 26px 'Montserrat', Arial, sans-serif;
  color: #000;
  text-align: left;
  line-height: 32px;
}
.wb-stl-normal {
  font: normal normal 18px 'Montserrat', Arial, sans-serif;
  color: #292929;
  line-height: 30px;
}
.wb-stl-footer {
  font: normal normal 16px 'Montserrat', Arial, sans-serif;
  color: #fff;
  line-height: 26px;
}

/* ── HEADER ── */
#wb_header_a188dda43bac00c4c6abefa3a68df5c4 {
  width: 100%;
  height: auto;
  max-width: 100%;
  flex: 0 0 auto;
}
#wb_header_a188dda43bac00c4c6abefa3a68df5c4 > .wb_content {
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a2c1b81fdd0420880d77d {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  flex: 0 0 auto;
}
#a188dda4291a2c1b81fdd0420880d77d > .wb_content {
  padding: 0;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

/* Logo + nombre */
#a188dda4291a2d76361168894d226535 {
  width: 43.42%;
  max-width: 100%;
  margin: 10px;
  flex: 0 0 auto;
}
#a188dda4291a2d76361168894d226535 > .wb_content {
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a2e96d6e2d12e943217fb {
  width: 25.72%;
  max-width: 685px;
  flex: 0 0 auto;
}
#a188dda4291a2e96d6e2d12e943217fb img { width: 100%; height: auto; }
#a188dda4291a2fa86a18e8152a028540 {
  width: 59.5%;
  max-width: 352px;
  margin: 10px 10px 10px 0;
  flex: 0 0 auto;
  line-height: normal;
}

/* Navegación */
#a18b5bc4b9dc004ff30f1c5de941e988 {
  width: 100%;
  margin: 10px;
  flex: 1 1 auto;
}
#a18b5bc4b9dc004ff30f1c5de941e988 > .wb_content {
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
#a188dda4291a304e85ac5eda2ad4a64e {
  width: auto;
  margin: 10px;
  flex: 0 0 auto;
}

/* Menú hamburguesa (móvil) */
.btn-collapser {
  display: none; text-align: center; padding: 7px;
  border: none; background: transparent; cursor: pointer;
}
.btn-collapser .icon-bar {
  display: block; background: #000; height: 3px; width: 18px; margin: 3px 0 0;
}
.btn-collapser .icon-bar:first-child { margin-top: 0; }

/* Menú horizontal */
.hmenu { display: flex; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; }
.hmenu li { position: relative; display: inline-block; padding: 0; margin: 0; }
.hmenu li a {
  display: block; padding: 10px 20px;
  font: normal bold 18px 'Montserrat', Arial, sans-serif;
  color: #000; text-decoration: none; line-height: 15px; white-space: nowrap;
}
.hmenu li a:hover { text-decoration: underline; }
.hmenu li.active > a { color: #93b87c; }

/* ── MAIN ── */
#wb_main_a188dda43bac00c4c6abefa3a68df5c4 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
}
#wb_main_a188dda43bac00c4c6abefa3a68df5c4 > .wb_content {
  flex-direction: column;
  align-items: center;
}

/* ── Sección intro (fondo con imagen + gris) ── */
#a188dda4291a18c878e2d3e55a01076f {
  width: 100%;
  min-height: 500px;
  max-width: 100%;
  flex: 1 1 auto;
}
#a188dda4291a18c878e2d3e55a01076f > .wb_content {
  padding: 20px;
  background-color: #f2f2f2;
  background-image: url('../imagenes/120ae4e8a638653b9525dc2e00ee41a8_fit.png');
  background-repeat: repeat;
  background-position: left top;
  background-size: auto auto;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}
#a188dda4291a19950c3b3782b213fef4 {
  width: auto;
  max-width: 1200px;
  flex: 1 1 auto;
}
#a188dda4291a19950c3b3782b213fef4 > .wb_content {
  padding: 0;
  background-color: #f2f2f2;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a1aae5ac6c6d8a961be3e {
  width: auto;
  max-width: 100%;
  margin: 10px;
  flex: 0 0 auto;
}
#a188dda4291a1b6d5cbb459bdca3b4ae {
  width: 100%;
  height: 15px;
  max-width: 100px;
  margin: 10px;
  flex: 0 0 auto;
}
#a188dda4291a1b6d5cbb459bdca3b4ae > .wb-elm-line {
  margin: -3px 0 0 0;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  border-top: 6px solid #93b87c;
}
#a188dda4291a1cb7079dfcc324e03204 {
  width: auto;
  max-width: 700px;
  margin: 10px;
  flex: 0 0 auto;
}

/* ── Sección Nuestra Misión ── */
#a188dda4291a1df85b616964529ae929 {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}
#a188dda4291a1df85b616964529ae929 > .wb_content {
  padding: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a1e7589438f774b5fa15d {
  width: auto;
  min-width: 24px;
  min-height: 24px;
  max-width: 100%;
  margin: 20px 0;
  flex: 0 0 auto;
}
#a188dda4291a1f61c659c5b6ef370433 {
  width: auto;
  max-width: 800px;
  margin: 20px 0;
  flex: 0 0 auto;
}
/* Imagen parallax — Misión */
#a188dda4291a20ccaa50880181b69201 {
  width: 100%;
  min-height: 400px;
  max-width: 100%;
  margin: 20px 0;
  flex: 1 1 auto;
}
#a188dda4291a20ccaa50880181b69201 > .wb_content {
  background-image: url('../imagenes/8f29af00a5be3a62673014fff7db8b10_fit.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

/* ── Sección Nuestra Visión ── */
#a188dda4291a215e646ebb0bb793f739 {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}
#a188dda4291a215e646ebb0bb793f739 > .wb_content {
  padding: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a22a533f439b9aa0449cd {
  width: auto;
  min-width: 24px;
  min-height: 24px;
  max-width: 100%;
  margin: 20px 0;
  flex: 0 0 auto;
}
#a188dda4291a2334c036f6eaeb6cb796 {
  width: auto;
  max-width: 800px;
  margin: 20px 0;
  flex: 0 0 auto;
}
/* Imagen parallax — Visión */
#a188dda4291a24653db9a4c82557e59e {
  width: 100%;
  min-height: 400px;
  max-width: 100%;
  margin: 20px 0;
  flex: 1 1 auto;
}
#a188dda4291a24653db9a4c82557e59e > .wb_content {
  background-image: url('../imagenes/b37fce0aa35ac3a21a4758ee946346da_fit.jpg');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

/* ── Sección ¿Quieres ser parte? ── */
#a188dda4291a2554cffcbd45d6294af2 {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}
#a188dda4291a2554cffcbd45d6294af2 > .wb_content {
  padding: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a260b4a51f344c79fb6e5 {
  width: auto;
  min-width: 24px;
  min-height: 24px;
  max-width: 100%;
  margin: 20px 0;
  flex: 0 0 auto;
}
#a188dda4291a27679b2b090d4e1bb97c {
  width: 100%;
  max-width: 800px;
  margin: 20px 0;
  flex: 0 0 auto;
}
/* Imagen parallax — ¿Quieres ser parte? */
#a188dda4291a2846e79d8714b5adc66f {
  width: 100%;
  min-height: 400px;
  max-width: 100%;
  margin: 20px 0;
  flex: 1 1 auto;
}
#a188dda4291a2846e79d8714b5adc66f > .wb_content {
  background-image: url('../imagenes/9172dcb87c6e8e268aea36d8dfaf6695_fit.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

/* ── FOOTER ── */
#wb_footer_a188dda43bac00c4c6abefa3a68df5c4 {
  width: 100%;
  flex: 0 0 auto;
}
#wb_footer_a188dda43bac00c4c6abefa3a68df5c4 > .wb_content {
  background: #313131;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a410c302d25da414ac33a {
  width: 100%;
  max-width: 1200px;
  min-height: 100px;
  margin: 0 auto;
  flex: 1 1 auto;
}
#a188dda4291a410c302d25da414ac33a > .wb_content {
  padding: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#a188dda4291a42135c8148a9a03824de {
  width: 100%;
  min-height: 100px;
  max-width: 1200px;
  margin: 10px;
  flex: 1 1 auto;
}
#a188dda4291a42135c8148a9a03824de > .wb_content {
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
}
#a188dda4291a43aa56f5de4de59b3436 {
  width: 50%;
  margin: 10px;
  flex: 0 0 auto;
}
#a188dda4291a43aa56f5de4de59b3436 > .wb_content {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#a188dda4291a4472db997ac36ae2ac86,
#a188dda4291a457b0f0b9712aa37c625 {
  width: auto;
  margin: 10px;
  flex: 0 0 auto;
}

/* ── Responsive ── */
@media (max-width: 991px) {
  #a188dda4291a2c1b81fdd0420880d77d > .wb_content {
    flex-direction: column;
    align-items: center;
  }
  #a188dda4291a2d76361168894d226535 { width: auto; margin-left: 0; margin-right: 0; }
  #a18b5bc4b9dc004ff30f1c5de941e988 { width: auto; margin-left: 0; margin-right: 0; }
}

@media (max-width: 767px) {
  .btn-collapser { display: inline-block; }

  #a188dda4291a304e85ac5eda2ad4a64e {
    display: block;
    width: 32px; height: 29px;
    min-width: 32px; min-height: 29px;
    max-width: 32px; max-height: 29px;
    flex: 0 0 32px;
    border: 1px solid #000;
    overflow: hidden;
  }
  #a188dda4291a304e85ac5eda2ad4a64e .hmenu { display: none; }
  #a188dda4291a304e85ac5eda2ad4a64e.collapse-expanded {
    width: auto; height: auto;
    max-width: none; max-height: none;
    flex: 0 0 auto;
    overflow: visible;
  }
  #a188dda4291a304e85ac5eda2ad4a64e.collapse-expanded .hmenu {
    display: flex; flex-direction: column; float: none;
    background: #fff;
  }

  #a188dda4291a42135c8148a9a03824de > .wb_content {
    flex-direction: column;
    align-items: center;
  }
  #a188dda4291a43aa56f5de4de59b3436 { width: auto; margin-left: 0; margin-right: 0; }

  /* Deshabilitar parallax en móvil */
  #a188dda4291a20ccaa50880181b69201 > .wb_content,
  #a188dda4291a24653db9a4c82557e59e > .wb_content,
  #a188dda4291a2846e79d8714b5adc66f > .wb_content {
    background-attachment: scroll;
  }
}

/* ============================================================
   CONTACTO — sección main
   ============================================================ */

/* Header contacto — mismos IDs de header/footer que sobre-nosotros,
   solo se necesitan los IDs del main */
#wb_header_a188dda43bac01408d98b87d95e0b2eb {
  width: 100%; height: auto; max-width: 100%; flex: 0 0 auto;
}
#wb_header_a188dda43bac01408d98b87d95e0b2eb > .wb_content {
  padding: 0; align-items: center; justify-content: flex-start; flex-wrap: nowrap;
}
#wb_main_a188dda43bac01408d98b87d95e0b2eb {
  width: 100%; max-width: 100%; flex: 0 0 auto;
}
#wb_main_a188dda43bac01408d98b87d95e0b2eb > .wb_content {
  flex-direction: column; align-items: center;
}
#wb_footer_a188dda43bac01408d98b87d95e0b2eb {
  width: 100%; flex: 0 0 auto;
}
#wb_footer_a188dda43bac01408d98b87d95e0b2eb > .wb_content {
  background: #313131; padding: 0;
  align-items: center; justify-content: flex-start; flex-wrap: nowrap;
}

/* Sección contenedor principal del formulario */
#a188dda4291a37dd467661c57f34edad {
  width: 100%; min-height: 100px; max-width: 1200px; flex: 1 1 auto;
}
#a188dda4291a37dd467661c57f34edad > .wb_content {
  padding: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

/* Título Contáctanos */
#a188dda4291a3896ca9f983c02adc2aa {
  width: auto; max-width: 100%; margin: 10px; flex: 0 0 auto;
}

/* Fila con columna izq + formulario */
#a188dda4291a3944abaf7707731a9a2b {
  width: 100%; min-height: 200px; max-width: 1200px; margin: 10px; flex: 1 1 auto;
}
#a188dda4291a3944abaf7707731a9a2b > .wb_content {
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0;
}

/* Columna izquierda (imagen) */
#a188dda4291a3a28d00bada9a62c4671 {
  width: 40%; min-width: 100px; max-width: 100%; max-height: 600px; margin: 10px; flex: 1 1 auto;
}
#a188dda4291a3a28d00bada9a62c4671 > .wb_content {
  flex-direction: column; align-items: stretch;
}
#a188dda4291a3d7bc1422b93f0d3f034 {
  width: 100%; min-height: 300px; max-width: 100%; margin: 10px 0; flex: 1 1 auto;
}
#a188dda4291a3d7bc1422b93f0d3f034 > .wb_content { }

/* Formulario */
#a188dda4291a3ed07891871e4782facf {
  width: auto; max-width: 100%; margin: 10px; flex: 1 1 auto;
}

/* ── Estilos del formulario ── */
.wb_form {
  padding: 0; margin: 0; display: block; border: none; width: 100%;
}
.wb_form table {
  padding: 0; margin: 0; border: none; border-collapse: collapse; width: 100%;
}
.wb_form table th,
.wb_form table td {
  padding: 4px 0; margin: 0; border: none;
}
.wb_form table th {
  font: normal 700 15px 'Montserrat', Arial, sans-serif;
  color: #292929; text-align: left; padding-right: 10px;
  white-space: nowrap; vertical-align: middle;
}
.wb_form table td { width: 100%; }
.wb_form .form-control {
  display: block; width: 100%; height: 36px;
  padding: 6px 12px; font-size: 15px; font-family: 'Montserrat', Arial, sans-serif;
  line-height: 1.42857143; color: #555; background-color: #fff;
  border: 1px solid #ccc; border-radius: 3px;
  transition: border-color 0.15s ease-in-out;
}
.wb_form .form-control:focus {
  border-color: #93b87c; outline: 0;
  box-shadow: 0 0 0 2px rgba(147,184,124,0.25);
}
.wb_form textarea.form-control { height: auto; resize: vertical; }
.wb_form select.form-control { height: 36px; }
.wb_form table tr.area-row td { height: 99%; }
.wb_form table tr.area-row td div,
.wb_form table tr.area-row td textarea { height: 100%; }
.wb_form .hpc { display: none; }

/* Checkboxes */
.checkbox-label {
  display: flex; align-items: flex-start; gap: 8px;
  font: normal 400 15px 'Montserrat', Arial, sans-serif;
  color: #292929; cursor: pointer; margin: 4px 0;
}
.checkbox-label input[type="checkbox"] {
  width: auto; height: auto; flex-shrink: 0; margin-top: 3px;
}
.checkbox-label p { display: inline; margin: 0; }

/* Botón enviar */
.wb_btn_submit {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 30px;
  font: normal 700 16px 'Montserrat', Arial, sans-serif;
  color: #fff; background-color: #93b87c;
  border: 2px solid #93b87c; border-radius: 3px;
  cursor: pointer; transition: background-color 0.2s, color 0.2s;
}
.wb_btn_submit:hover { background-color: #7da568; border-color: #7da568; }
.wb_btn_submit:active { background-color: #6b8f59; }
.wb_btn_submit span { font-style: normal; font-weight: 700; }

.form-footer { }
.text-right { text-align: right; }
.text-danger { color: #d9534f; }

/* Vertical form en móvil */
@media (max-width: 767px) {
  #a188dda4291a3944abaf7707731a9a2b > .wb_content { flex-direction: column; }
  #a188dda4291a3a28d00bada9a62c4671 { width: 100%; }
  #a188dda4291a3ed07891871e4782facf { width: 100%; }

  .wb_form table,
  .wb_form table tbody,
  .wb_form table tr,
  .wb_form table th,
  .wb_form table td { display: block; width: 100% !important; height: auto !important; }
  .wb_form table th { padding-right: 0; white-space: normal; }
}
/* ============================================================
   INDEX — header, main, tarjetas, footer
   ============================================================ */

#wb_header_a188dda43bac0277c96269722140c067 {
  width: 100%; height: auto; max-width: 100%; flex: 0 0 auto;
}
#wb_header_a188dda43bac0277c96269722140c067 > .wb_content {
  padding: 0; align-items: center; justify-content: flex-start; flex-wrap: nowrap;
}
#wb_main_a188dda43bac0277c96269722140c067 {
  width: 100%; max-width: 100%; flex: 0 0 auto; min-height: 320px;
}
#wb_main_a188dda43bac0277c96269722140c067 > .wb_content {
  flex-direction: column; align-items: center;
}
#wb_footer_a188dda43bac0277c96269722140c067 {
  width: 100%; flex: 0 0 auto;
}
#wb_footer_a188dda43bac0277c96269722140c067 > .wb_content {
  background: #313131; padding: 0;
  align-items: center; justify-content: flex-start; flex-wrap: nowrap;
}

/* Sección "Creciendo juntos" */
#a188dda4291a020d24624ba7c8a3369c {
  width: 100%; min-height: 500px; flex: 0 0 auto;
}
#a188dda4291a020d24624ba7c8a3369c > .wb_content {
  align-items: center; justify-content: center; flex-wrap: nowrap;
}
#a188dda4291a030eb7798e5c679075cd {
  width: 100%; flex: 1 1 auto;
}
#a188dda4291a030eb7798e5c679075cd > .wb_content {
  padding: 60px 20px; align-items: center; justify-content: center;
}
#a188dda4291a04300c95feed471c494c {
  width: 100%; flex: 1 1 auto;
}
#a188dda4291a04300c95feed471c494c > .wb_content {
  align-items: center; justify-content: center;
}
#a188dda4291a0541f0ffb482395346b0 {
  width: 100%; max-width: 1100px; margin: 20px auto; flex: 0 0 auto;
}

/* Sección tarjetas */
#a188dda4291a071455c8ad4dd89d4dac {
  width: 100%; flex: 1 1 auto;
}
#a188dda4291a071455c8ad4dd89d4dac > .wb_content {
  align-items: stretch; justify-content: space-evenly; flex-wrap: nowrap; gap: 4px;
}

/* Tarjeta: Nuestra misión */
#a188dda4291a08a42626a5a74fab7406 {
  width: 50%; min-height: 400px; flex: 1 1 auto; padding: 20px 10px 20px 20px;
}
#a188dda4291a08a42626a5a74fab7406 > .wb_content {
  padding: 60px;
  background-color: #111;
  background-image:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('../imagenes/19997bdc819afa065089430c0d012a0b_fit.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  align-items: center; justify-content: center; flex-wrap: nowrap;
}
#a188dda4291a09cbab3b4cc8b50ef7e2 { width: 100%; flex: 1 1 auto; }
#a188dda4291a09cbab3b4cc8b50ef7e2 > .wb_content {
  align-items: center; justify-content: center;
}
#a188dda4291a0a0b146ba74bd627b03e {
  width: auto; margin: 10px 0; flex: 0 0 auto;
}
#a188dda4291a0baf3a122bfb52eca084 {
  width: auto; margin: 20px 0; flex: 0 0 auto;
}

/* Tarjeta: Conócenos */
#a188dda4291a0c22c0dc323182166ae6 {
  width: 50%; min-height: 400px; flex: 1 1 auto; padding: 20px 20px 20px 10px;
}
#a188dda4291a0c22c0dc323182166ae6 > .wb_content {
  padding: 60px;
  background-color: #111;
  background-image:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('../imagenes/d11f080353a9501e4fb4013aea098b7a_fit.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  align-items: center; justify-content: center; flex-wrap: nowrap;
}
#a188dda4291a0d8baf198c8675498951 { width: 100%; flex: 1 1 auto; }
#a188dda4291a0d8baf198c8675498951 > .wb_content {
  align-items: center; justify-content: center;
}
#a188dda4291a0e50c159c679662e12d7 {
  width: auto; margin: 10px 0; flex: 0 0 auto;
}
#a188dda4291a0ff078a2bccd198a0d13 {
  width: auto; margin: 20px 0; flex: 0 0 auto;
}

/* Sección imagen inferior */
#a188dda4291a107efafb7d05743b0c28 {
  width: 100%; min-height: 300px; flex: 1 1 auto; padding: 10px 20px 20px 20px;
}
#a188dda4291a107efafb7d05743b0c28 > .wb_content {
  align-items: stretch; justify-content: stretch;
}
#a188dda4291a1156fcf7ec23bb5e87bf {
  width: 100%; flex: 1 1 auto; 
}
#a188dda4291a1156fcf7ec23bb5e87bf > .wb_content {
  padding: 40px 20px; align-items: center; justify-content: center;
}

/* ── Botón principal (tarjetas index) ── */
.wb_button {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 20px;
  font: normal 400 18px 'Montserrat', Arial, sans-serif;
  text-align: center; text-decoration: none;
  border: 2px solid #fff; background-color: transparent; color: #fff;
  cursor: pointer; transition: background-color 0.2s, color 0.2s;
}
.wb_button:hover { background-color: #fff; color: #000; }
.wb_button:active { background-color: #e6e6e6; color: #000; }
.wb_button span { font-style: normal; }

/* ── Responsive index ── */
@media (max-width: 767px) {
  #a188dda4291a071455c8ad4dd89d4dac > .wb_content { flex-direction: column; }
  #a188dda4291a08a42626a5a74fab7406 { width: 100%; }
  #a188dda4291a0c22c0dc323182166ae6 { width: 100%; }
}