/* Benidorm365 What's On v2 — visual refresh only */
#mainGuide{padding-top:2px}
#mainGuide>.sectionhead{
  margin:0 12px 10px;padding:19px 18px 17px;border:1px solid #ffffff20;border-radius:20px;
  background:linear-gradient(135deg,#123d5a 0%,#17253c 55%,#2c1741 100%);
  box-shadow:0 12px 28px #06101c66;align-items:center;overflow:hidden;position:relative
}
#mainGuide>.sectionhead:after{content:"LIVE";position:absolute;right:15px;top:12px;background:#22c979;color:#06150e;font-size:9px;font-weight:1000;letter-spacing:1px;padding:5px 8px;border-radius:999px}
#mainGuide>.sectionhead b{font-size:24px;color:#fff;letter-spacing:-.4px}
#mainGuide>.sectionhead span{color:#c8d8e9;font-size:11px;margin-right:42px}
#mainGuide .controls{margin:0 12px 13px;padding:10px;border:1px solid #ffffff18;border-radius:18px;top:8px;background:#111b29e8;box-shadow:0 8px 24px #0004}
#mainGuide .tabs{padding:0;gap:6px}
#mainGuide .tab{border:0;background:#26344a;padding:12px 4px;border-radius:12px;font-size:12px;letter-spacing:.3px}
#mainGuide .tab.active{background:linear-gradient(135deg,#ffd43b,#ffb629);color:#15120a;box-shadow:0 5px 14px #ffbf3033}
#mainGuide #search{margin-top:9px;background:#f7f9fc;color:#151b25;border-radius:12px;padding:13px 14px;box-shadow:inset 0 0 0 1px #0b152015}
#mainGuide #title{margin:0 12px 9px;padding:5px 4px 7px;color:#fff;font-size:19px}
#mainGuide #events{padding:0 12px}
#mainGuide .event{
  grid-template-columns:72px 1fr;gap:12px;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#192435,#121a28);border:1px solid #ffffff18;
  border-radius:18px;padding:14px 13px;margin-bottom:10px;box-shadow:0 8px 22px #0003
}
#mainGuide .event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#38516d}
#mainGuide .event.now{border-color:#31d98688;background:linear-gradient(145deg,#123126,#152231);box-shadow:0 8px 24px #16c9781c}
#mainGuide .event.now:before{background:#31d986;box-shadow:0 0 13px #31d986}
#mainGuide .event.next{border-color:#ffd43b55;border-left:1px solid #ffd43b55;background:linear-gradient(145deg,#302a16,#172131)}
#mainGuide .event.next:before{background:#ffd43b}
#mainGuide .time{
  display:flex;align-items:center;justify-content:center;align-self:start;min-height:48px;
  padding:8px 5px;border-radius:13px;background:#0b1420;color:#ffd43b;font-size:19px;
  font-weight:1000;letter-spacing:-.4px;box-shadow:inset 0 0 0 1px #ffffff12
}
#mainGuide .act{font-size:18px;line-height:1.18;font-weight:1000;color:#fff}
#mainGuide .venue{display:inline-flex;align-items:center;color:#62c8ff;font-size:13px;font-weight:800;margin-top:7px}
#mainGuide .desc{color:#aebbd0;font-size:12px;line-height:1.4;margin-top:6px}
#mainGuide .label{font-size:9px;letter-spacing:.55px;padding:5px 8px;margin:0 0 7px;border-radius:999px}
#mainGuide .nowlabel{background:#31d986;color:#06150e;box-shadow:0 0 12px #31d98644}
#mainGuide .nextlabel{background:#ffd43b;color:#171207}
#mainGuide .day{margin:18px 2px 10px;padding:10px 12px;border:0;border-radius:12px;background:#ffffff0c;color:#ffd43b;font-size:17px}
#mainGuide .updated{margin:5px 12px 0;padding:10px;border-radius:10px;background:#ffffff08;color:#aab6c7}
#mainGuide .notice{margin:0 12px 14px;color:#8f9db1}
@media(max-width:430px){
  #mainGuide>.sectionhead{padding:17px 15px 15px}
  #mainGuide>.sectionhead b{font-size:22px}
  #mainGuide>.sectionhead span{display:block;font-size:10px}
  #mainGuide .event{grid-template-columns:68px 1fr;padding:13px 11px}
  #mainGuide .time{font-size:18px}
  #mainGuide .act{font-size:17px}
}