/* CSS Document */

/* —— Header con gradiente y links blancos —— */
.navbar { 
  background: linear-gradient(90deg, #0099ff, #66cc99) !important;
  border: 0 !important;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-brand,
.navbar a {
  color: #fff !important;
  text-shadow: none !important;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  opacity: .9;
} 

/* Opcional: logo/brand más marcado */
.navbar .navbar-brand { font-weight: 800; letter-spacing: .2px; }

/* —— Footer pastel rojo→azul, tipografía clara —— */
#footer {
  background: linear-gradient(90deg, rgba(230,57,70,.85), rgba(0,71,171,.85)) !important;
  color: #fff !important;
  border: 0 !important;
}
#footer a { color: #fff !important; opacity:.95; }
#footer a:hover { opacity: 1; }

/* Espaciados suaves para respirar un poco */
#footer, .navbar { box-shadow: none; }
.container, .container-fluid { /* no tocar estructura de Six, solo suavizar */
  /* Puedes ajustar márgenes si lo ves muy apretado */
}

/* —— Botón CTA verde estilo FX, reutilizando clases de Six —— */
.btn-primary, .btn-success {
  background: #96C93D !important; 
  color: #081A00 !important; 
  border: 0 !important; 
  font-weight: 700;
  border-radius: 10px;
}
.btn-primary:hover, .btn-success:hover { filter: saturate(1.05) brightness(.98); }

/* —— Tarjetas/paneles con bordes redondeados suaves —— */
.panel, .well {
  border-radius: 14px !important;
  border-color: rgba(15,23,42,.08) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}