@media(max-width:1200px){
  .bonos-2col{gap:16px;}
  .bonos-text-col{text-align:left;}
  .bonos-divider{margin:5px 0 12px;}
  .bonos-title{font-size:22px;text-align:left;}
}
@media(max-width:768px){
  .admin-config-2col{grid-template-columns:1fr;}
  .admin-tal-group{flex:0 0 100%;min-width:0;}
  .admin-tal-toolbar .tal-search-wrap{flex:1 1 100%;order:-1;min-width:0;}
  .admin-tal-toolbar .manage-filters{flex:1;}
  .admin-tal-toolbar .tal-range-wrap{display:none;}
  .admin-tal-toolbar .tal-range-filters{display:inline-block!important;}
}
@media(max-width:640px){
  .toast{padding:8px 12px;font-size:12px;gap:8px;right:12px;bottom:16px;max-width:calc(100vw - 24px);}
  .toast-icon{width:40px;height:40px;}
  .toast-bono-icon{width:40px;height:40px;}
  .toast-content{gap:0;}
  .toast-nums{font-size:12px;}
  .toast-label{font-size:10px;}
}
@media(max-width:768px){
  body{padding-bottom:64px;}
  .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:2px solid var(--azul-suave);padding:4px 0 env(safe-area-inset-bottom,4px);align-items:stretch;justify-content:space-around;box-shadow:0 -4px 16px rgba(0,0,0,.08);}
  .bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;color:var(--texto-suave);text-decoration:none;font-size:10px;font-weight:500;cursor:pointer;transition:color .15s;position:relative;min-width:52px;}
  .bottom-nav a i{width:20px;height:20px;}
  .bottom-nav a.active{color:var(--azul);}
  .bottom-nav a.active i{color:var(--azul);}
  .bottom-nav a::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--azul);border-radius:2px;transition:width .2s ease;}
  .bottom-nav a.active::after{width:20px;}
  .bottom-nav a .cart-badge{position:absolute;top:-2px;left:50%;margin-left:14px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#dc2626;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;}
  .nav-actions .admin-quick-btn,.nav-actions .user-dropdown-btn{display:none !important;}
  .nav-cart-link{display:none !important;}
  .view{padding-bottom:56px;}
  nav{padding:0 12px;}
  .nav-logo{flex:1;justify-content:center;}
  .nav-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s;}
  .nav-drawer-overlay.open{opacity:1;pointer-events:auto;}
  .nav-links{display:flex!important;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:#fff;z-index:1001;flex-direction:column;justify-content:flex-start;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0;box-shadow:4px 0 24px rgba(0,0,0,.15);}
  .nav-links.open{transform:translateX(0);}
  .nav-links a{padding:14px 20px;color:var(--texto-suave);font-size:13px;}
  .nav-links .nav-indicator{display:none;}
  .nav-links a.active,.nav-links a:hover{background:var(--azul);color:#fff;}
  .nav-links .nav-tabs{display:flex;border-bottom:1px solid var(--azul-suave);position:relative;}
  .nav-links .nav-tab{flex:1;text-align:center;padding:10px 8px;font-size:12px;font-weight:500;color:var(--texto-suave);cursor:pointer;transition:color .15s;}
  .nav-links .nav-tab.active{color:var(--azul);font-weight:600;}
  .nav-links .nav-admin a{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:13px;color:var(--texto-suave);text-decoration:none;}
  .nav-links .nav-admin a:hover{background:var(--azul);color:#fff;}
  .nav-links .nav-admin-footer{border-top:1px solid var(--azul-suave);margin-top:4px;padding-top:4px;}
  .nav-links.admin-active > a{display:none;}
  .nav-links.admin-active .nav-admin{display:block!important;}
  .toast{bottom:68px;}
  .nav-drawer-close{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--azul-suave);}
  .nav-drawer-close button{background:none;border:none;font-size:22px;cursor:pointer;color:var(--texto-suave);padding:2px 6px;line-height:1;border-radius:4px;}
  .nav-drawer-close button:hover{background:var(--azul-suave);}
  .nav-drawer-title{font-size:14px;font-weight:700;color:var(--azul);}
  .nav-hamburger{display:inline-flex;}
  .home-header{padding:12px 16px 20px;}
  .home-header-title{font-size:17px;margin-bottom:8px;}
  .home-search-bar{max-width:100%;}
  .hero-search-input{padding:7px 12px 7px 32px;font-size:14px;letter-spacing:5px;}
  .promo-card{min-width:240px;max-width:280px;height:187px;}
  .countdown-bar{padding:6px 12px;gap:6px;flex-wrap:wrap;}
  .cd-msg{font-size:11px;white-space:normal;text-align:center;}
  .bonos-hscroll{gap:12px;padding:8px 2px 12px;}
  .bonos-hscroll .bono-card{min-width:280px;max-width:300px;}
  .bonos-hscroll .club-card{width:260px;}
  .comprar-layout{grid-template-columns:1fr;}
  .bonos-2col{grid-template-columns:1fr;gap:16px;}
  .bonos-cover-col{order:1;}
  .bonos-text-col{order:2;}
  .club-card-img{height:120px;}
  .club-card-body{padding:12px 14px;}
  .how-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .footer-bottom-logo{height:40px;}
  .club-publish-banner{flex-direction:column;padding:24px;}
  #view-admin{padding:8px;}
  .admin-stats-grid{grid-template-columns:repeat(2,1fr);}
  .admin-panel-layout{flex-direction:column;}
  .admin-sidebar{display:none!important;}
  .admin-main{padding:12px;width:100%;}
  .about-grid{grid-template-columns:1fr;}
  .admin-tal-grid{grid-template-columns:1fr;}
  .admin-tal-scroll{max-height:360px;}
  .admin-tal-chip-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:360px;}
  .admin-tal-sticky-panel{display:none!important;}
  .nav-tabs{display:flex;border-bottom:1px solid var(--azul-suave);margin:0 0 4px;position:relative;}
  .nav-tab{flex:1;text-align:center;padding:10px 8px;font-size:12px;font-weight:500;color:var(--texto-suave);cursor:pointer;transition:all .15s;user-select:none;}
  .nav-tab.active{color:var(--azul);}
  .nav-tab:not(.active):hover{background:var(--azul-suave);}
  .nav-tab-indicator{position:absolute;bottom:0;height:2px;background:var(--azul);transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);border-radius:2px;}
  .nav-pages a{padding:14px 20px;font-weight:500;font-size:13px;color:var(--texto-suave);cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none;}
  .nav-pages a:hover{background:var(--azul-suave);color:var(--azul);}
  .nav-admin a{padding:14px 20px;font-weight:500;font-size:13px;color:var(--azul);cursor:pointer;display:flex;align-items:center;gap:10px;text-decoration:none;}
  .nav-admin a:hover{background:var(--azul-suave);color:var(--azul-claro);}
  .nav-admin-footer{border-top:1px solid var(--azul-suave);margin-top:4px;padding-top:4px;}
  .nav-admin-footer a{color:rgba(100,116,139,.5)!important;}
  .nav-admin-footer a:hover{color:var(--azul-claro)!important;}
  .payment-modal{padding:24px;}
  .admin-quick-btn span{display:none;}
}
@media(max-width:768px){.user-dropdown-menu{position:fixed;bottom:calc(56px + 8px);right:12px;top:auto;}}
@media(max-width:768px){
  .checkout-layout{grid-template-columns:1fr;}
  .checkout-right{position:static;order:-1;}
  .checkout-ticket-item-nums{font-size:14px;}
  .checkout-ticket-total span{font-size:18px;}
  .checkout-row{grid-template-columns:1fr;}
  .checkout-card-body{padding:12px 14px;}
  .checkout-card-head{padding:12px 14px;font-size:14px;}
  .checkout-field input,.checkout-field select{padding:8px 10px;font-size:13px;}
  .checkout-terms-wrap{padding:12px 14px;}
  .bases-modal-actions{flex-direction:column-reverse;}
  .bases-modal-cancel,.bases-modal-accept{width:100%;justify-content:center;}
}
@media(max-width:768px){
  .bono-result-card{flex-wrap:nowrap;gap:8px;padding:8px 12px;align-items:center;}
  .bono-result-action{width:auto;}
  .bono-result-icon{width:32px;height:32px;border-radius:8px;}
  .bono-result-icon-img{width:48px;height:48px;}
  .bono-result-info{display:flex;align-items:center;gap:4px;min-width:0;}
  .bono-result-nums{display:flex;align-items:baseline;gap:2px;flex-wrap:nowrap;}
  .bono-result-main{font-size:13px;font-weight:700;}
  .bono-result-others{font-size:13px;font-weight:500;}
  .bono-result-meta{display:none;}
  .bono-result-action .btn-cpsl{padding:6px 14px;font-size:12px;white-space:nowrap;}
  .bono-result-action .btn-cpsl i{width:12px;height:12px;}
  .comprar-layout{grid-template-columns:1fr;}
  .comprar-card-body{padding:12px 14px;}
  .comprar-card-head{padding:12px 14px;font-size:14px;}
  .avail-wrap{grid-template-columns:1fr;}
  .avail-bono{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;}
  .avail-bono-head{font-size:16px;}
  .avail-bono-sep{font-size:11px;}
  .avail-bono-num{font-size:14px;}
  .avail-bono-icon{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,var(--azul-suave),#eff6ff);display:flex;align-items:center;justify-content:center;color:var(--azul);flex-shrink:0;}
  .avail-pagination{gap:8px;flex-wrap:wrap;}
  .avail-page-info{font-size:11px;}
  .carrito-layout{grid-template-columns:1fr;}
  .carrito-right{position:static;order:-1;}
  .carrito-ticket-item{padding:8px 10px;gap:8px;}
  .carrito-ticket-icon{width:20px;height:20px;}
  .carrito-ticket-bono-icon{width:40px;height:40px;}
  .carrito-ticket-idx-badge{width:16px;height:16px;font-size:9px;top:-3px;left:-3px;}
  .carrito-ticket-nums{font-size:14px;}
  .carrito-ticket-meta{font-size:10px;}
  .carrito-ticket-price{font-size:13px;}
  .carrito-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:2px solid var(--azul-suave);padding:10px 16px;align-items:center;justify-content:space-between;box-shadow:0 -4px 12px rgba(0,0,0,.08);}
  .carrito-bottom-bar .carrito-bottom-total{font-size:16px;font-weight:800;color:var(--azul);font-family:'Poppins',sans-serif;}
  .coverflow-viewport{height:300px;}
  .home-bonos-section .section-label{margin-bottom:2px;}
  .home-bonos-section .section-title{margin-bottom:4px;}
  .home-bonos-section .divider-line{margin:0 auto 0 !important;}
  .coverflow-card{width:180px;}
  .coverflow-card .bcard-img,
  .coverflow-card .bcard-img-gen{height:100px;}
  .coverflow-card .bcard-body{padding:10px 12px;gap:4px;font-size:11px;}
  .coverflow-card .bcard-body .bcard-row{font-size:11px;}
  .coverflow-card .bcard-body .bcard-val{font-size:12px;}
  .coverflow-card .prog-wrap{display:none;}
  .coverflow-card .bcard-foot .btn-cpsl{font-size:10px;padding:4px 8px;}
  .coverflow-card .bcard-img-overlay{padding:10px 10px 4px;}
  .coverflow-card .bcard-overlay-title{font-size:12px;}
  .coverflow-card .bcard-overlay-sub{font-size:9px;}
.coverflow-card.center{transform:translateX(-50%) translateY(-50%) scale(1);}
.coverflow-card.left{transform:translateX(calc(-50% - 300px)) translateY(-50%) scale(0.4);}
.coverflow-card.right{transform:translateX(calc(-50% + 300px)) translateY(-50%) scale(0.4);}
.coverflow-card.far-left{transform:translateX(calc(-50% - 400px)) translateY(-50%) scale(0.3);}
.coverflow-card.far-right{transform:translateX(calc(-50% + 400px)) translateY(-50%) scale(0.3);}
  .coverflow-wrap{max-width:400px;}
}
@media(max-width:390px){
  .bono-result-card{padding:8px 10px;gap:6px;}
  .bono-result-icon{width:32px;height:32px;min-width:32px;}
  .bono-result-icon-img{width:44px;height:44px;}
  .bono-result-main{font-size:14px;}
  .bono-result-others{font-size:12px;}
  .bono-result-info{overflow:hidden;}
  .bono-result-nums{flex-wrap:nowrap;overflow:hidden;}
  .bono-result-action .btn-cpsl{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%;font-size:0;min-width:0;gap:0;}
  .bono-result-action .btn-cpsl i{width:14px;height:14px;margin:0;}
  #availPrevBtn,#availNextBtn{width:32px;height:32px;padding:0;border-radius:50%;font-size:0;min-width:0;gap:0;}
  .home-header{padding:10px 12px 16px;}
  .home-header-title{font-size:15px;margin-bottom:6px;}
  .home-search-bar{flex-wrap:wrap;gap:4px;}
  .home-search-bar .btn-cpsl,
  .comprar-card-body .btn-cpsl[data-action^="onComprar"]{
    width:36px;height:36px;padding:0;
    justify-content:center;border-radius:50%;
    font-size:0;min-width:0;gap:0;flex-shrink:0;
  }
  .promo-card{min-width:200px;max-width:240px;height:160px;}
  #view-admin{padding:4px;}
  .admin-panel-layout{max-width:100%;}
  .admin-main{padding:8px;width:100%;}
  .admin-tal-chip-grid{grid-template-columns:1fr;}
  .admin-mobile-item{flex-direction:column;align-items:stretch;}
  .admin-user-item{flex-direction:column;align-items:stretch;}
  .admin-user-item .btn-cpsl{width:100%;}
  #view-admin .admin-stats-grid{grid-template-columns:1fr;}
  .ghost-card{height:258px;padding:16px 12px;gap:8px;}
  .ghost-card svg{width:90px;height:90px;}
  .ghost-card h4{font-size:14px;}
  .ghost-card p{font-size:11px;}
  .age-gate-date-row{gap:4px;}
  .age-gate-date-row select{font-size:11px;padding:8px 4px;}
}