/* Clube FM 87,9 - V20: pesquisa consistente com a identidade off-white, isolada do logo e menu. */
#search-box.search-box[hidden]{display:none!important}
.site-header.search-open{height:auto!important;min-height:unset!important;padding-bottom:20px;overflow:visible!important}
.site-header.search-open .header-inner{margin-bottom:0}
#search-box.search-box{
  display:block!important;
  box-sizing:border-box;
  width:min(calc(100% - 36px),1050px)!important;
  max-width:1050px!important;
  padding:0!important;
  margin:24px auto 0!important;
  position:relative;
  z-index:2;
}
.search-panel{
  border-radius:19px;
  padding:21px 24px 22px;
  border:1px solid #efe1dc;
  background:linear-gradient(145deg,#fffefe,#fffaf6);
  box-shadow:0 10px 30px rgba(34,19,22,.08);
}
.search-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.search-panel-title{display:flex;align-items:center;gap:13px;min-width:0}
.search-panel-mark{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:#fff0ef;color:#c8001f}
.search-panel-mark svg,.search-input-icon svg{stroke:currentColor;fill:none}
.search-panel-title label{display:block;color:#13233c;font-size:20px;line-height:1.25;font-weight:800;cursor:text}
.search-panel-title p{font-size:13px;line-height:1.4;color:#647087;margin:4px 0 0}
#search-box .search-panel-close{display:grid;place-items:center;flex:0 0 34px;height:34px;padding:0;color:#667185;border:0;background:#f6f2ef;border-radius:50%;font-size:27px;line-height:1;cursor:pointer}
#search-box .search-panel-close:hover{color:#b90019;background:#ffe9e7}
.search-panel-fields{display:flex;align-items:center;position:relative;gap:10px}
.search-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#7b8797;pointer-events:none}
#search-box #search-query{
  appearance:none;flex:1 1 auto;min-width:0;max-width:none!important;
  height:51px;padding:0 17px 0 47px;border-radius:12px;border:1px solid #ded7d4;
  background:#fff;color:#15243e;font-size:15px;line-height:1.2;
  outline:none;box-sizing:border-box;
  box-shadow:0 2px 5px rgba(16,30,44,.025)
}
#search-box #search-query::placeholder{color:#9299a5;opacity:1}
#search-box #search-query:focus{border-color:#dc233a;box-shadow:0 0 0 3px rgba(219,20,48,.11)}
#search-box .search-submit{
  height:51px;min-width:142px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:0 24px;border-radius:12px;border:0;background:#ce0022;color:white;
  font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;
  box-shadow:0 5px 12px rgba(185,0,25,.15);
}
#search-box .search-submit:hover{background:#af001b}
#search-box .search-submit:focus-visible,#search-box .search-panel-close:focus-visible{outline:3px solid #ffa3ae;outline-offset:3px}
@media(min-width:1391px){
  #search-box.search-box{width:min(calc(100% - 410px), 940px)!important;margin:42px auto 0!important}
}
@media(max-width:700px){
  .site-header.search-open{padding-bottom:11px}
  #search-box.search-box{width:calc(100% - 24px)!important;margin:8px auto 0!important}
  .search-panel{padding:16px 14px 15px;border-radius:16px}
  .search-panel-mark{height:37px;flex-basis:37px;border-radius:11px}
  .search-panel-title{gap:10px}
  .search-panel-title label{font-size:17px}
  .search-panel-title p{font-size:11px;line-height:1.4;margin-top:4px}
  .search-panel-top{margin-bottom:13px}
  .search-panel-fields{gap:8px}
  #search-box #search-query{height:47px;font-size:14px}
  #search-box .search-submit{height:47px;min-width:103px;padding:0 13px;font-size:13px;gap:4px}
}
@media(max-width:360px){
  .search-panel{padding:14px 12px}
  .search-panel-title label{font-size:16px}
  #search-box #search-query{font-size:13px;padding-left:40px}
  .search-input-icon{left:12px}
  #search-box .search-submit{min-width:89px;padding:0 9px}
  #search-box .search-submit span{display:none}
}
