:root{
  --brand: #00bfff;   /* azul turquesa principal */
  --accent: #ff4500;  /* naranja fuego */
  --muted: #666666;  /* gris neutro */
}

body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Hero */
.hero{
  background: linear-gradient(90deg, rgba(0,191,255,0.08), rgba(255,69,0,0.05));
  padding: 5rem 0;
  text-align: center;
}

/* Iconos */
.feature-icon{font-size: 2.2rem}

/* Cards */
.card-quiet{border: 1px solid #eef2ff}

/* FOOTER */
footer {
  font-size: 0.9rem;
}

footer .footer-logo {
  max-height: 140px;
  opacity: 0.9;
}

footer h5,
footer h6 {
  color: var(--brand);
  font-weight: 600;
}

footer a:hover {
  color: var(--accent) !important;
}

footer .social a {
  font-size: 1.2rem;
}

/* Badges */
.badge-soft{
  background: rgba(255,69,0,0.1);
  color: var(--accent);
  border-radius: 999px;
  padding: .35rem .6rem;
  font-weight:600
}

/* Navbar */
.navbar-brand img.logo{height:60px}
.navbar-brand img.titulo{height:28px}

/* Botones */
.btn-primary{
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{
  background-color:#009acd;
  border-color:#009acd;
}
.btn-outline-secondary{
  border-color: var(--accent);
  color: var(--accent);
}
.btn-outline-secondary:hover{
  background-color: var(--accent);
  color: #fff;
}

/* Colores títulos y enlaces */
h1,h2,h3,h5,h6{color: var(--brand)}
a{color: var(--accent)}