@media (max-width: 1024px){
  .mf-tool .mf-layout.mf-app{
    grid-template-columns:1fr;
  }

  .mf-tool .mf-layout.mf-app > .mf-side{
    position:static;
    top:auto;
  }

  .mf-results-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 768px){
  .single-herramientas .mf-home > .mf-home-section > .mf-home-container > .mf-layout.mf-layout--single{
    padding:18px 12px 26px;
    border-radius:18px;
    margin:16px 0 32px;
  }

  .mf-title{
    font-size:34px;
  }

  .mf-subtitle{
    font-size:14px;
  }

  .mf-card,
  .mf-tool-block{
    padding:16px;
    border-radius:16px;
  }

  .mf-form-grid{
    grid-template-columns:1fr;
  }

  .mf-results-grid{
    grid-template-columns:1fr;
  }

  .mf-faq-toggle{
    padding:18px;
    gap:14px;
  }

  .mf-faq-toggle-text{
    font-size:18px;
    line-height:1.25;
  }

  .mf-faq-toggle-icon{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:22px;
  }

  .mf-faq-panel{
    padding:0 18px 18px;
  }

  .mf-faq-item.is-open .mf-faq-panel{
    padding-top:16px;
  }

  .mf-table{
    min-width:620px;
  }
}

@media (max-width: 520px){
  .mf-title{
    font-size:30px;
  }

  .mf-card-title,
  .mf-tool-block-title{
    font-size:17px;
  }

  .mf-result strong{
    font-size:17px;
  }

  .mf-side-value{
    font-size:18px;
  }

  .mf-next-panel{
    padding:18px;
    border-radius:18px;
  }
}