/*
Theme Name: SBK365 Mobile V16
Theme URI: https://sbk365.com
Author: SBK365
Description: Agenda SBK365 con colori distintivi per Salsa, Bachata e Kizomba.
Version: 16.0.0
Text Domain: sbk365-triad
*/

:root{--night:#172033;--cream:#fff9f2;--card:#fff;--ink:#24252a;--muted:#687080;--line:#e7ded5;--salsa:#ff6b35;--bachata:#e83e8c;--kizomba:#7048e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 12%,rgba(255,107,53,.10) 0,rgba(255,107,53,0) 28%),radial-gradient(circle at 92% 32%,rgba(112,72,232,.09) 0,rgba(112,72,232,0) 32%),radial-gradient(circle at 48% 88%,rgba(232,62,140,.065) 0,rgba(232,62,140,0) 30%),linear-gradient(135deg,#fffaf4 0%,#fff7f4 48%,#f8f5ff 100%);background-attachment:fixed;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1080px,92%);margin:auto}a{color:inherit}
.mast{padding:28px 0 22px;background:var(--night);color:#fff}.brand{font-size:clamp(50px,8vw,76px);font-weight:900;line-height:.9;letter-spacing:-3px;background:linear-gradient(90deg,#ff8a3d 0%,#f05a78 48%,#8a55e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .n{background:linear-gradient(90deg,var(--salsa),var(--bachata),var(--kizomba));-webkit-background-clip:text;background-clip:text;color:transparent}.strap{font-size:13px;letter-spacing:3px;font-weight:900;margin-left:14px;color:#b8bfd0}.strap .disc-salsa{color:var(--salsa)}.strap .disc-bachata{color:var(--bachata)}.strap .disc-kizomba{color:var(--kizomba)}.sub{margin:20px 0 0;font-size:18px;color:#fff}
.controls{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:15px 0;box-shadow:0 3px 14px rgba(23,32,51,.06)}.filters{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px}.filters input,.filters select{border:1px solid #d8d2cc;background:#fff;color:var(--ink);padding:13px 14px;border-radius:10px;font-size:15px;outline:none}.filters input:focus,.filters select:focus{border-color:var(--bachata);box-shadow:0 0 0 3px rgba(232,62,140,.10)}.btn{border:0;background:var(--night);color:white;font-weight:900;padding:12px 19px;border-radius:10px;cursor:pointer}.result-count{color:var(--muted);margin:13px 0 0;font-size:14px}
.agenda{padding:38px 0 72px}.kicker{font-size:13px;letter-spacing:3px;font-weight:900;color:var(--muted);margin-bottom:18px}.day{margin:0 0 40px}.day-title{font-size:25px;color:var(--night);text-transform:uppercase;font-weight:900;margin:0;padding:0 0 11px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--salsa),var(--bachata),var(--kizomba)) 1}.event{background:var(--card);padding:20px 23px;border:1px solid var(--line);border-radius:13px;margin-top:12px;box-shadow:0 7px 20px rgba(23,32,51,.06);transition:.15s}.event:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(23,32,51,.10)}.event-name{font-size:19px;font-weight:900;margin-bottom:9px;color:var(--night)}.event-line{font-size:15px;color:var(--muted);line-height:1.65}.city,.time{color:var(--ink);font-weight:800}.disc{font-weight:900}.disc-salsa{color:var(--salsa)}.disc-bachata{color:var(--bachata)}.disc-kizomba{color:var(--kizomba)}.source{display:inline-block;margin-top:11px;color:var(--night);text-decoration:none;font-weight:900}.source:hover{color:var(--bachata)}.empty{display:none;padding:27px;background:#fff;border-radius:13px;border:1px solid var(--line);font-weight:900}.foot{border-top:1px solid var(--line);padding:27px 0 39px;color:var(--muted);font-size:13px;background:#fff}.foot strong{color:var(--night)}
@media(max-width:700px){.strap{display:block;margin:12px 0 0}.filters{grid-template-columns:1fr 1fr}.btn{grid-column:span 2}.brand{letter-spacing:-2px}.sub{font-size:16px}.day-title{font-size:21px}.controls{position:relative}}

.payoff-badge{display:inline-flex;align-items:center;position:relative;background:#fff4df;color:#172033;font-weight:800;padding:9px 14px 9px 18px;border-radius:9px;box-shadow:0 5px 18px rgba(0,0,0,.12);letter-spacing:.1px}.payoff-badge:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:9px 0 0 9px;background:linear-gradient(180deg,var(--salsa),var(--bachata),var(--kizomba))}.sub{margin-top:18px}


/* SBK365 Mobile V16: mobile-first overrides */
@media(max-width:700px){
  html,body{overflow-x:hidden}
  .wrap{width:min(100% - 24px,1080px)}
  .mast{padding:18px 0 15px}
  .brand{display:block;font-size:clamp(39px,14vw,58px);letter-spacing:-2px;line-height:.92;white-space:nowrap}
  .strap{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0;font-size:10px;letter-spacing:1.5px;line-height:1.35}
  .sub{margin:12px 0 0;font-size:13px}
  .payoff-badge{padding:7px 10px 7px 14px;border-radius:7px;font-size:13px;box-shadow:none}
  .payoff-badge:before{width:4px;border-radius:7px 0 0 7px}
  .controls{position:relative;padding:12px 0}
  .filters{grid-template-columns:1fr;gap:8px}
  .filters input,.filters select{min-height:46px;padding:11px 13px;font-size:16px;border-radius:10px}
  .btn{grid-column:auto;width:100%;min-height:46px;padding:11px 14px;border-radius:10px;font-size:15px}
  .result-count{margin:9px 1px 0;font-size:13px}
  .agenda{padding:24px 0 48px}
  .kicker{margin-bottom:14px;font-size:11px;letter-spacing:2px}
  .day{margin-bottom:26px}
  .day-title{font-size:18px;padding-bottom:8px;border-bottom-width:2px}
  .event{padding:15px 15px;margin-top:9px;border-radius:11px;box-shadow:0 4px 12px rgba(23,32,51,.055)}
  .event:hover{transform:none;box-shadow:0 4px 12px rgba(23,32,51,.055)}
  .event-name{font-size:17px;line-height:1.25;margin-bottom:7px}
  .event-line{font-size:14px;line-height:1.55}
  .source{margin-top:8px;font-size:14px}
  .foot{padding:21px 0 28px;font-size:12px}
}
@media(max-width:390px){
  .wrap{width:min(100% - 18px,1080px)}
  .brand{font-size:40px}
  .strap{font-size:9px;letter-spacing:1.1px}
  .payoff-badge{font-size:12px}
  .day-title{font-size:17px}
  .event-name{font-size:16px}
}