/* =========================
   FEIJOO CONSULTING WEB STYLE
========================= */

body {
  font-family: 'Segoe UI', Arial, sans-serif;
  color: #2b2623;
  background: #f3f3f3;
}

/* HERO */
#inicio h1 {
  font-weight: 700;
  font-size: 36px;
  color: #1f1b1a;
}

#inicio .lead {
  font-size: 18px;
  color: #5f5853;
}

/* BOTONES */
.btn-primary {
  background-color: #cfa300;
  border-color: #cfa300;
  color: #1f1b1a;
  border-radius: 8px;
  padding: 10px 18px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #b89200;
  border-color: #b89200;
  color: #1f1b1a;
}

.btn-default {
  background: #ffffff;
  border: 1px solid #d6d0ca;
  color: #2b2623;
  border-radius: 8px;
  padding: 10px 18px;
  transition: all 0.2s ease;
}

.btn-default:hover,
.btn-default:focus {
  background: #f7f5f2;
  border-color: #cfa300;
  color: #1f1b1a;
}

/* SECCIONES */
.section {
  padding: 70px 0;
}

.section-light {
  background: #fbfbfb;
}

.section-dark {
  background: #efede9;
}

/* TARJETAS */
.card {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(25, 20, 16, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(25, 20, 16, 0.10);
}

/* NAVBAR */
.navbar {
  background: rgba(251, 251, 251, 0.96);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.navbar-brand,
.navbar-nav > li > a {
  color: #2b2623 !important;
  font-weight: 500;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #cfa300 !important;
  background: transparent !important;
}

/* IMAGEN HERO */
#inicio img {
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(25, 20, 16, 0.10);
}

/* LISTAS */
ul li {
  margin-bottom: 8px;
}

/* FORM */
input,
textarea,
select {
  border-radius: 8px !important;
  border: 1px solid #d8d2cc !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #cfa300 !important;
  box-shadow: 0 0 0 3px rgba(207, 163, 0, 0.10) !important;
  outline: none !important;
}

/* TITULOS GENERALES */
h1, h2, h3, h4, h5 {
  color: #1f1b1a;
}

a {
  color: #9f7d00;
  transition: color 0.2s ease;
}

a:hover,
a:focus {
  color: #7f6300;
  text-decoration: none;
}

.consultoria-card {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}

.consultoria-card:before {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #cfa300;
  border-radius: 3px;
  margin-bottom: 16px;
}

.consultoria-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

.capacitacion-card {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}

.capacitacion-card:before {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #a67c00; /* un tono un poco distinto al de consultoría */
  border-radius: 3px;
  margin-bottom: 16px;
}

.capacitacion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

.prevencion-card {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}

.prevencion-card:before {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #8f6d00;
  border-radius: 3px;
  margin-bottom: 16px;
}

.prevencion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

.formulario-feijoo .form-control {
  border: 1px solid #d8d2cc !important;
  box-shadow: none !important;
}

.formulario-feijoo .form-control:focus {
  border-color: #cfa300 !important;
  box-shadow: 0 0 0 3px rgba(207, 163, 0, 0.10) !important;
}

.formulario-feijoo label {
  letter-spacing: 0.2px;
}

.formulario-feijoo .btn-primary {
  font-size: 16px;
}