/* Busca principal — identidade visual Fabrex Academy.
   Regras isoladas para não afetar formulários dos simuladores. */
.hero .search-box{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:720px;
  padding:7px 8px 7px 18px;
  min-height:60px;
  background:#fff;
  border:1px solid rgba(255,255,255,.92);
  border-radius:15px;
  box-shadow:0 14px 36px rgba(3,20,38,.19);
  transition:box-shadow .18s ease,border-color .18s ease;
}
.hero .search-box:focus-within{
  border-color:#ff965a;
  box-shadow:0 0 0 3px rgba(249,118,46,.23),0 16px 40px rgba(3,20,38,.19);
}
.hero .search-box>span{
  flex:0 0 auto;
  font-size:25px;
  line-height:1;
  color:#6d8298;
}
.hero .search-box input[type="search"]{
  flex:1;
  min-width:0;
  width:100%;
  padding:10px 0;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  color:#153049;
  font-size:15px;
  line-height:1.35;
}
.hero .search-box input::placeholder{color:#7b8ca0;opacity:1}
.hero .search-box .search-submit{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:108px;
  min-height:44px;
  margin:0;
  padding:10px 21px;
  border:1px solid #ef6825;
  border-radius:10px;
  background:linear-gradient(135deg,#ff914c 0%,#f2752c 65%,#ee651d 100%);
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.1px;
  white-space:nowrap;
  box-shadow:0 3px 7px rgba(230,91,22,.19);
  cursor:pointer;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.hero .search-box .search-submit:hover{
  filter:brightness(.94);
  transform:translateY(-1px);
  box-shadow:0 6px 15px rgba(230,91,22,.26);
}
.hero .search-box .search-submit:active{
  transform:translateY(0);
  filter:brightness(.9);
  box-shadow:0 2px 5px rgba(230,91,22,.22);
}
.hero .search-box .search-submit:focus-visible{
  outline:3px solid #173b5b;
  outline-offset:2px;
  box-shadow:0 0 0 5px rgba(255,152,91,.38);
}
html[data-theme="dark"] .hero .search-box{
  background:#fff;
}
html[data-theme="dark"] .hero .search-box input[type="search"]{
  background:transparent!important;
  color:#153049!important;
}
@media(max-width:620px){
  .hero .search-box{gap:8px;padding:6px 7px 6px 12px;min-height:56px;border-radius:13px}
  .hero .search-box>span{font-size:23px}
  .hero .search-box input[type="search"]{font-size:14px;padding:9px 0}
  .hero .search-box .search-submit{min-width:76px;min-height:42px;padding:9px 13px;border-radius:9px;font-size:13px}
}
@media(max-width:360px){
  .hero .search-box{gap:6px;padding-left:9px}
  .hero .search-box .search-submit{min-width:70px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero .search-box,.hero .search-box .search-submit{transition:none}
  .hero .search-box .search-submit:hover{transform:none}
}