@media (max-width: 620px){
  .top{min-height:72px;padding:calc(env(safe-area-inset-top) + 4px) 12px 8px;gap:8px}
  .menu,.iconbtn{width:40px;height:40px;border-radius:13px}
  .mobile-brand-mark{width:34px;height:34px;border-radius:11px}
  .mobile-brand-mark svg{width:18px;height:18px}
  .mobile-brand-copy b{font-size:12px;letter-spacing:.01em}
  .mobile-brand-copy span{font-size:7px;letter-spacing:.05em}
  .content{padding:8px 10px 96px}

  #page-inicio .home-ref-shell{gap:12px;max-width:100%}
  #page-inicio .home-ref-hero{grid-template-columns:1.06fr .94fr;min-height:214px;padding:14px 14px 12px;border-radius:22px}
  #page-inicio .home-ref-kicker{min-height:27px;padding:0 10px;border-radius:10px;font-size:8px}
  #page-inicio .home-ref-copy h1{font-size:18px;line-height:1.06;letter-spacing:-.8px;margin:10px 0 8px}
  #page-inicio .home-ref-copy p{font-size:9px;line-height:1.4;max-width:150px;margin-bottom:14px}
  #page-inicio .home-ref-cta{min-height:43px;padding:0 12px;border-radius:12px;font-size:10px;gap:6px}
  #page-inicio .home-ref-cta svg{width:14px;height:14px}
  #page-inicio .home-ref-visual{min-height:188px}
  #page-inicio .home-ref-brain{width:108px;height:94px;top:24px;right:-4px}
  #page-inicio .home-ref-brain svg{width:86px!important;height:86px!important}
  #page-inicio .home-ref-book{width:112px;height:66px;right:-2px;bottom:18px}
  #page-inicio .home-ref-book svg{width:88px!important;height:58px!important}
  #page-inicio .home-ref-dots{gap:7px}
  #page-inicio .home-ref-dots span{width:12px;height:6px}
  #page-inicio .home-ref-dots span.active{width:20px}
  #page-inicio .home-ref-title-row{padding:0 2px}
  #page-inicio .home-ref-title-row h2{font-size:13px}
  #page-inicio .home-ref-personalize{font-size:10px;gap:5px}
  #page-inicio .home-ref-personalize svg{width:13px;height:13px}

  #page-inicio .home-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  #page-inicio .home-ref-card{min-height:143px;padding:10px 9px 9px;border-radius:18px}
  #page-inicio .home-ref-icon-wrap{height:67px;margin:0 0 5px}
  #page-inicio .home-ref-icon-wrap:before{width:72px;height:54px}
  #page-inicio .home-ref-icon-wrap svg,#page-inicio .home-ref-icon-wrap img{width:56px;height:56px}
  #page-inicio .home-ref-card-copy{gap:3px}
  #page-inicio .home-ref-card-copy b{font-size:9.5px;line-height:1.12}
  #page-inicio .home-ref-card-copy small{font-size:8px;line-height:1.24;max-width:84px}
  #page-inicio .home-ref-arrow{right:9px;bottom:9px;width:28px;height:28px}
  #page-inicio .home-ref-arrow svg{width:14px;height:14px}

  #page-inicio .home-ref-progress{grid-template-columns:135px 1px 1fr;gap:12px;padding:15px 12px;border-radius:22px}
  #page-inicio .home-ref-progress-left h3{margin-bottom:12px;font-size:12px}
  #page-inicio .home-ref-ring{width:90px;height:90px}
  #page-inicio .home-ref-ring:after{inset:8px}
  #page-inicio .home-ref-ring b{font-size:18px}
  #page-inicio .home-ref-ring small{font-size:8px}
  #page-inicio .home-ref-progress-list{gap:10px}
  #page-inicio .home-ref-progress-row{grid-template-columns:24px 1fr auto;gap:8px;min-height:30px;padding-bottom:8px}
  #page-inicio .home-ref-progress-icon{width:24px;height:24px}
  #page-inicio .home-ref-progress-icon svg{width:16px;height:16px}
  #page-inicio .home-ref-progress-row b{font-size:10px}
  #page-inicio .home-ref-progress-row strong{font-size:10.5px}

  .mobile-nav{inset:auto 8px calc(8px + env(safe-area-inset-bottom));height:62px;padding:6px;border-radius:20px}
  .mobile-nav button{height:48px;border-radius:14px;font-size:8px;gap:1px}
  .mobile-nav button svg{width:18px;height:18px}
}

@media (max-width: 430px){
  .content{padding:8px 8px 94px}
  #page-inicio .home-ref-shell{gap:10px}
  #page-inicio .home-ref-hero{min-height:202px;padding:13px 12px 11px}
  #page-inicio .home-ref-kicker{min-height:26px;font-size:7.6px}
  #page-inicio .home-ref-copy h1{font-size:17px;margin:9px 0 7px}
  #page-inicio .home-ref-copy p{font-size:8.5px;max-width:140px;margin-bottom:12px}
  #page-inicio .home-ref-cta{min-height:41px;font-size:9.5px;padding:0 10px}
  #page-inicio .home-ref-visual{min-height:178px}
  #page-inicio .home-ref-brain{width:98px;height:86px;top:22px;right:-6px}
  #page-inicio .home-ref-brain svg{width:80px!important;height:80px!important}
  #page-inicio .home-ref-book{width:102px;height:60px;right:-4px;bottom:18px}
  #page-inicio .home-ref-book svg{width:82px!important;height:54px!important}
  #page-inicio .home-ref-grid{gap:8px}
  #page-inicio .home-ref-card{min-height:136px;padding:9px 8px 8px}
  #page-inicio .home-ref-icon-wrap{height:62px}
  #page-inicio .home-ref-icon-wrap svg,#page-inicio .home-ref-icon-wrap img{width:51px;height:51px}
  #page-inicio .home-ref-card-copy b{font-size:9px}
  #page-inicio .home-ref-card-copy small{font-size:7.6px;max-width:78px}
  #page-inicio .home-ref-progress{grid-template-columns:122px 1px 1fr;gap:10px;padding:14px 10px}
  #page-inicio .home-ref-ring{width:84px;height:84px}
  #page-inicio .home-ref-progress-left h3{font-size:11px}
  #page-inicio .home-ref-progress-row b{font-size:9.5px}
  #page-inicio .home-ref-progress-row strong{font-size:10px}
}