/* ======= Guia Romeiro • Identidade ======= */
:root{
  --brand-blue:#0F3D91;
  --brand-blue-2:#1050C0;
  --brand-gold:#F5C542;
  --ink:#0B0C10;
  --bg:#0A0E1A;
  --card:#0F1422;
  --muted:#B9C0CF;
  --ring: rgba(245,197,66,.28);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  background: radial-gradient(1200px 800px at 80% -10%, #0C1730 0%, var(--bg) 55%);
  color:#E9EEF6;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 16px}

/* Header */
.header,.footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{
  width:44px;height:44px;border-radius:9999px;display:block;
  box-shadow: 0 0 0 6px var(--ring), 0 12px 24px rgba(0,0,0,.35);
}
.brand-name{font-weight:800;letter-spacing:.3px}
.header nav a{opacity:.9;margin-left:16px;padding:6px 10px;border-radius:10px}
.header nav a:hover{background:rgba(255,255,255,.06);opacity:1}

/* Hero / Carrossel */
.hero{border-radius:18px;overflow:hidden;margin:8px 0 24px;border:1px solid rgba(255,255,255,.06);background: #0b1223}
.carousel{position:relative;height:380px}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s, transform .6s}
.slide.active{opacity:1;transform:scale(1.01)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.05))}
.slide-overlay{
  position:absolute;left:0;right:0;bottom:0;padding:24px 24px 28px;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.75));
  display:block;border-top:1px solid rgba(255,255,255,.06)
}
.slide-overlay h2{margin:0 0 6px 0}
.slide-overlay p{margin:0;color:#D9E1F0}

/* Bloco sobre */
.about{
  background:linear-gradient(180deg, rgba(16,80,192,.12), rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.06);
  padding:18px;border-radius:16px;margin:24px 0
}

/* Cards */
.grid h2{margin:12px 0}
.cards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{
  background:linear-gradient(180deg, var(--card), #0c1120);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .18s ease, border .18s ease, box-shadow .18s ease
}
.card:hover{transform:translateY(-3px);border-color:rgba(245,197,66,.45);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.card img{width:100%;height:170px;object-fit:cover;display:block;background:#0e1116}
.card-body{padding:12px 14px}
.card-body h3{margin:0 0 8px 0;font-size:18px;color:#F4F7FC}
.card-body p{margin:0;color:var(--muted)}

/* Detail */
.detail h2{margin:8px 0 6px}
.summary{color:var(--muted);margin:0 0 12px 0}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 16px}
.gallery img{width:100%;height:200px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.06)}
.description{white-space:pre-wrap;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;margin-bottom:14px}
.meta p{margin:6px 0}
.videos{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.videos video{width:100%;height:260px;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.06)}

/* Form */
.form{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px}
.field{display:flex;flex-direction:column;margin-bottom:12px}
.field > label{font-size:14px;margin-bottom:6px;color:#DDE6F5}
.field > input, .field > textarea{
  background:#0e1116;border:1px solid #1c2028;color:#e6e6e6;border-radius:10px;padding:10px
}
.field > input:focus, .field > textarea:focus{outline:2px solid var(--brand-gold);outline-offset:1px}
.field.checkbox{flex-direction:row;align-items:center;gap:8px}

/* Botões */
.btn{
  display:inline-block;background:var(--brand-gold);color:#1a1400;
  border:1px solid #E3B83A;border-radius:10px;padding:10px 14px;font-weight:700
}
.btn:hover{filter:brightness(1.02);box-shadow:0 6px 16px rgba(245,197,66,.35)}

.footer{opacity:.8}

@media (max-width: 900px){
  .carousel{height:280px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .videos{grid-template-columns:1fr}
}
@media (max-width: 600px){
  .carousel{height:220px}
  .cards{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
}


/* ===== Busca ===== */
.searchbar{
  display:flex; gap:10px; align-items:center;
  margin:12px 0 18px;
}
.searchbar input[type="search"]{
  flex:1; background:#0e1116; color:#e6e6e6;
  border:1px solid #1c2028; border-radius:10px; padding:10px 12px;
}
.searchbar input[type="search"]:focus{ outline:2px solid var(--brand-gold); outline-offset:1px }
.search-meta{margin-top:6px; color:var(--muted)}