/* Home mobile + Favoritos v3 */
.mobile-fav-wrap{display:none}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .head{position:relative}
  .mobile-fav-wrap{display:block;order:2;margin-left:auto;position:relative}
  .mobile-fav-button{
    min-height:38px;padding:8px 11px;border:1px solid #cfe2de;border-radius:11px;
    background:#fff;color:#0b6f67;font:inherit;font-size:11px;font-weight:850;cursor:pointer;
    white-space:nowrap;box-shadow:0 4px 12px rgba(31,79,72,.04)
  }
  .mobile-fav-button span{
    display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;
    border-radius:999px;background:#e8f6f2;color:#08756b;font-size:10px
  }
  .mobile-fav-button[aria-expanded="true"]{background:#e8f6f2;border-color:#9fcfc7}
  .mobile-fav-panel{
    position:fixed;z-index:300;top:72px;left:12px;right:12px;
    max-height:min(64vh,520px);overflow:auto;padding:13px;background:#fff;
    border:1px solid #d7e6e2;border-radius:17px;box-shadow:0 24px 60px rgba(25,76,70,.2)
  }
  .mobile-fav-panel[hidden]{display:none!important}
  .mobile-fav-panel .home-fav-list{max-height:none}
}
@media(max-width:620px){
  main{padding:18px 14px 44px}
  .head{padding:10px;gap:9px}
  .brand{min-width:0;flex:1 1 auto}
  .brand-copy strong{font-size:14px}
  .brand-copy small{font-size:9px}
  .mobile-fav-wrap{flex:0 0 auto}
  .mobile-fav-button{padding:8px 9px;font-size:10.5px}
  .search{order:3;flex:0 0 100%;width:100%}
  .hero{padding:18px;border-radius:22px}
  .hero h1{font-size:25px;line-height:1.08;margin:12px 0 9px}
  .hero p{font-size:13px;line-height:1.45}
  .hero .count{margin-top:13px;font-size:14px}
  .global-counter{margin-top:14px;padding:11px 13px;gap:11px;border-radius:14px}
  .global-counter-label{font-size:10px;line-height:1.25}
  .global-counter-value{font-size:19px}
  .section-title{margin:28px 0 12px;gap:7px}
  .section-title h2{font-size:20px}
  .filters{
    display:flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;
    overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;margin-bottom:14px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity
  }
  .filters::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:9px 13px;font-size:11px}
  .grid,.card{min-width:0;width:100%}
  .mobile-fav-panel{top:118px}
}