.elementor-2373 .elementor-element.elementor-element-c392551{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2373 .elementor-element.elementor-element-1462b86{--spacer-size:10px;}/* Start custom CSS *//* =====================================================
   FIX MÓVIL - PÁGINA SOCIOS / AFILIADOS GRUPO PARA YA
   Corrige Hero y sección "El mercado está creciendo"
===================================================== */

@media(max-width:768px){

  html, body{
    overflow-x:hidden !important;
  }

  /* =========================
     HERO AFILIADOS
  ========================= */

  #inicio{
    padding:70px 22px 80px !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  #inicio > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:35px !important;
    width:100% !important;
    max-width:100% !important;
  }

  #inicio > div > div{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }

  #inicio span{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:auto !important;
    max-width:290px !important;
    margin:0 auto 24px !important;
    padding:12px 18px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    text-align:center !important;
    border-radius:999px !important;
    white-space:normal !important;
  }

  #inicio h1{
    font-size:42px !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
    margin:0 auto 24px !important;
    max-width:340px !important;
    text-align:center !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  #inicio h1 span{
    display:inline !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    background:none !important;
    border:none !important;
    font-size:inherit !important;
    line-height:inherit !important;
    color:#72d400 !important;
  }

  #inicio p{
    font-size:17px !important;
    line-height:1.65 !important;
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  #inicio div[style*="display:flex"]{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
  }

  #inicio a{
    width:100% !important;
    max-width:310px !important;
    display:block !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  #inicio > div > div:last-child{
    margin-top:10px !important;
    text-align:center !important;
  }

  #inicio > div > div:last-child > div{
    font-size:110px !important;
    line-height:1 !important;
  }

  #inicio > div > div:last-child h2{
    font-size:58px !important;
    line-height:1 !important;
    margin-top:10px !important;
  }

  /* =========================
     SECCIÓN MERCADO CRECIENDO
     Esta sección tiene un grid de 2 columnas
  ========================= */

  section div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr !important;
  }

  section div[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns:1fr !important;
  }

  /* Corrige título de la sección de mercado */
  section h2{
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  section h2[style*="font-size:48px"]{
    font-size:34px !important;
    line-height:1.15 !important;
    text-align:center !important;
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  section p{
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Lista de mercado */
  section div[style*="font-size:19px"]{
    width:100% !important;
    max-width:340px !important;
    margin:25px auto 0 !important;
    text-align:left !important;
    font-size:17px !important;
    line-height:1.6 !important;
  }

}/* End custom CSS */