@media (max-width: 620px){
  .top{min-height:64px!important;padding:calc(env(safe-area-inset-top) + 2px) 10px 6px!important}
  .menu,.iconbtn{width:36px!important;height:36px!important;border-radius:11px!important}
  .mobile-brand-mark{width:30px!important;height:30px!important}
  .mobile-brand-mark svg{width:16px!important;height:16px!important}
  .mobile-brand-copy b{font-size:10.8px!important}
  .mobile-brand-copy span{font-size:6.4px!important}
  .content{padding:5px 9px 88px!important}

  #page-inicio .home-ref-shell{gap:8px!important}
  #page-inicio .home-ref-hero{min-height:182px!important;padding:10px 10px 9px!important;border-radius:19px!important}
  #page-inicio .home-ref-kicker{min-height:22px!important;padding:0 8px!important;font-size:7px!important;border-radius:8px!important}
  #page-inicio .home-ref-copy h1{font-size:14.5px!important;line-height:1.03!important;margin:7px 0 0!important}
  #page-inicio .home-ref-cta{min-height:36px!important;padding:0 9px!important;font-size:8.7px!important;border-radius:10px!important;margin-top:8px!important}
  #page-inicio .home-ref-cta svg{width:12px!important;height:12px!important}
  #page-inicio .home-ref-visual{min-height:154px!important}
  #page-inicio .home-ref-dots{gap:5px!important}
  #page-inicio .home-ref-dots span{width:10px!important;height:5px!important}
  #page-inicio .home-ref-dots span.active{width:18px!important}
  #page-inicio .home-ref-title-row h2{font-size:11.8px!important}
  #page-inicio .home-ref-personalize{font-size:9px!important}
  #page-inicio .home-ref-personalize svg{width:11px!important;height:11px!important}

  #page-inicio .home-ref-grid{gap:7px!important}
  #page-inicio .home-ref-card{min-height:118px!important;padding:8px 7px 7px!important;border-radius:15px!important}
  #page-inicio .home-ref-icon-wrap{height:50px!important;margin-bottom:3px!important}
  #page-inicio .home-ref-icon-wrap:before{width:60px!important;height:43px!important}
  #page-inicio .home-ref-icon-wrap svg,#page-inicio .home-ref-icon-wrap img{width:41px!important;height:41px!important}
  #page-inicio .home-ref-card-copy{gap:2px!important}
  #page-inicio .home-ref-card-copy b{font-size:8.2px!important}
  #page-inicio .home-ref-card-copy small{font-size:6.8px!important;max-width:65px!important}
  #page-inicio .home-ref-arrow{right:7px!important;bottom:7px!important;width:23px!important;height:23px!important}
  #page-inicio .home-ref-arrow svg{width:12px!important;height:12px!important}

  #page-inicio .home-ref-progress{grid-template-columns:105px 1px 1fr!important;gap:8px!important;padding:10px 9px!important;border-radius:18px!important}
  #page-inicio .home-ref-progress-left h3{margin-bottom:8px!important;font-size:9.8px!important}
  #page-inicio .home-ref-ring{width:70px!important;height:70px!important}
  #page-inicio .home-ref-ring:after{inset:7px!important}
  #page-inicio .home-ref-ring b{font-size:15.5px!important}
  #page-inicio .home-ref-progress-list{gap:7px!important}
  #page-inicio .home-ref-progress-row{grid-template-columns:20px 1fr auto!important;gap:6px!important;min-height:23px!important;padding-bottom:6px!important}
  #page-inicio .home-ref-progress-icon{width:20px!important;height:20px!important}
  #page-inicio .home-ref-progress-icon svg{width:14px!important;height:14px!important}
  #page-inicio .home-ref-progress-row b{font-size:8.4px!important}
  #page-inicio .home-ref-progress-row strong{font-size:8.9px!important}

  .mobile-nav{inset:auto 7px calc(6px + env(safe-area-inset-bottom))!important;height:55px!important;padding:4px!important;border-radius:17px!important}
  .mobile-nav button{height:42px!important;border-radius:12px!important;font-size:7.2px!important}
  .mobile-nav button svg{width:16px!important;height:16px!important}
}

@media (max-width: 430px){
  .content{padding:5px 7px 86px!important}
  #page-inicio .home-ref-hero{min-height:176px!important;padding:9px 9px 8px!important}
  #page-inicio .home-ref-copy h1{font-size:14px!important}
  #page-inicio .home-ref-visual{min-height:148px!important}
  #page-inicio .home-ref-grid{gap:6px!important}
  #page-inicio .home-ref-card{min-height:113px!important;padding:7px 6px 6px!important}
  #page-inicio .home-ref-icon-wrap{height:47px!important}
  #page-inicio .home-ref-icon-wrap svg{width:39px!important;height:39px!important}
  #page-inicio .home-ref-card-copy b{font-size:7.9px!important}
  #page-inicio .home-ref-card-copy small{font-size:6.5px!important;max-width:62px!important}
  #page-inicio .home-ref-progress{grid-template-columns:100px 1px 1fr!important;gap:7px!important;padding:9px 8px!important}
  #page-inicio .home-ref-ring{width:66px!important;height:66px!important}
  #page-inicio .home-ref-progress-left h3{font-size:9.5px!important}
  #page-inicio .home-ref-progress-row b{font-size:8px!important}
  #page-inicio .home-ref-progress-row strong{font-size:8.5px!important}
}