/* styles.css - limpo e otimizado para uso fora do APEX */

/* Variáveis principais */
:root{
  --font-texto: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-titulo: "Roboto Slab", Georgia, serif;
	
  --azul-safra: #002f6c;
  --dourado: #ffd700;
  --branco: #ffffff;
  --navbar-height: 72px;
  --font-roboto-slab: "Roboto Slab", serif;
}

/* Reset / global */
*{box-sizing: border-box}
html,body{margin:0;padding:0;overflow-x:hidden;background-color:#D3D3D3;font-family:var(--font-main);font-weight:500}
main, .page-content{padding-top:var(--navbar-height)}

/* Background padrão — troque a imagem em ./images/ */
body{
  background-image: url('./images/LOGO-PHFS-4.png');
  background-repeat: repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  font-align: center;
}

.modal-title{
	color: #FFF !important;
}

.form-label {
	color: #FFF !important;
}

.lead {
	color: #FFF !important;
}

html, body, p, h1, h2, h3, h4, h5, h6, a, button, input, select, textarea {
  font-family: sans-serif !important;
}

.modal-content {
  background: url('./images/LOGO-PHFS-4.png') center/cover no-repeat;
  color: #fff; /* se o fundo for escuro, use texto branco */
}

/* NAVBAR */
.navbar{background: rgba(5,12,20,0.85); backdrop-filter: blur(5px); color:#fff; padding:.6rem 0; z-index:1050}
.navbar-logo{height:40px; transform:scale(2); transform-origin:center}
.navbar .nav-link{color:#fff !important; font-weight:700}
.navbar .nav-link.btn-carta{background-color:var(--dourado); color:#002f6c !important; border-radius:30px; padding:6px 16px}
.custom-dropdown{background-color: rgba(5,12,20,0.92); border:1px solid rgba(255,255,255,0.06); border-radius:8px; min-width:200px}
.custom-dropdown .dropdown-item{color:#f5f7f9;font-weight:700;padding:10px 18px}

/* Custom dropdown */
.custom-dropdown{
  background-color: rgba(5,12,20,0.92);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:8px;
  min-width:200px;
  z-index:2000;
}
.custom-dropdown .dropdown-item{color:#f5f7f9;font-weight:700;padding:10px 18px;white-space:nowrap}
.custom-dropdown .dropdown-item:hover{background-color:rgba(255,255,255,0.03)}

/* CARROSSEL */
.carousel-item img{width:100vw;height:80vh;object-fit:contain;object-position:center;display:block}
.carousel-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:100%;max-width:800px;padding:20px}

/* SOBRE A EMPRESA */
.sobre-empresa{background-attachment:fixed;color:var(--branco);padding:80px 0;position:relative;overflow:hidden}
.sobre-empresa::before{content:"";position:absolute;inset:0;opacity:0.3;pointer-events:none}
.sobre-content{position:relative;z-index:2}
.sobre-titulo{color:#3181f2;font-weight:700;margin-bottom:30px;text-align:center;font-size:2.8rem;text-shadow: 0 0 0 black}
.sobre-descricao{font-size:1.2rem;line-height:1.8;margin-bottom:40px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;font-weight:500}

/* Destaques grid */
.destaques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}
.destaque-item{padding:30px 20px;background:rgba(255,255,255,0.15);border-radius:15px;backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,0.3);transition:all .3s;position:relative;overflow:hidden}
.destaque-item::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(0,47,108,0.2) 100%);z-index:-1}
.destaque-item:hover{transform:translateY(-8px);border-color:var(--dourado);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.destaque-icon{font-size:3rem;color:var(--dourado);margin-bottom:20px}
.destaque-titulo{font-weight:700;margin-bottom:15px;color:var(--dourado);font-size:1.5rem}
.destaque-texto{font-size:1rem;line-height:1.6}

/* BOTÕES */
.btn-primary{
  background: linear-gradient(180deg,#fff8c6 0%,#f5d76e 30%,#d4af37 70%,#a67c00 100%);
  color:black !important;font-weight:bold;border:none;border-radius:50px;padding:12px 35px;box-shadow:0 4px 10px rgba(0,0,0,0.5);transition:all .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.6)}

/* RODAPÉ */
footer{background-color:var(--azul-safra);color:#fff;text-align:center;padding:25px 10px;margin-top:50px}

/* TEXTOS especiais */
.texto-azul{font-weight:700;text-align:center;background-image:linear-gradient(90deg,#0044cc,#1e90ff,#66a3ff,#1e90ff,#0044cc);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 8px rgba(30,144,255,0.5)}
.texto-dourado{font-weight:700;background-image:linear-gradient(90deg,#b8860b,#ffd700,#fff8dc,#ffd700,#b8860b);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:brilhoDourado 3s linear infinite}
@keyframes brilhoDourado{from{background-position:0%}to{background-position:200%}}

/* RESPONSIVIDADE */
@media (max-width:768px){
  .seta-voltar{top:80px;left:15px;width:45px;height:45px;font-size:1.3rem}
  .sobre-empresa{padding:50px 0;background-attachment:scroll}
  .sobre-titulo{font-size:2.2rem}
  .sobre-descricao{font-size:1.1rem;padding:0 15px}
  .destaques-grid{grid-template-columns:1fr;gap:20px;padding:0 15px}
  .destaque-item{padding:25px 15px}
  .btn-primary{padding:12px 30px;font-size:1rem}
}

/* Forçar navbar visível */
nav.navbar{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%}