:root {
  --verde:#2e7d32;
  --marron:#5d4037;
  --dorado:#b5892f;
  --crema:#faf7f1;
}
body {
  font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  background: var(--crema);
  color:#1f2937;
}
.navbar {
  background: white;
  border-bottom: 4px solid var(--dorado);
}
.hero {
  min-height: 70vh;
  background: url('./../img/tierra-de-hoja.jpg') center/cover no-repeat;
  position: relative;
  display: grid;
  place-items: center;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.45));
}
.hero-content{
  position:relative; z-index:1; color:#fff; text-align:center;
}
.btn-campesino{
  background: var(--verde);
  border: none;
}
.btn-campesino:hover{ filter:brightness(1.05);}

.service-card{
  border-radius: 16px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  box-shadow: 0 4px 20px rgba(0,0,0,.05);
  transition: transform .25s ease;
  height:100%;
}
.service-card:hover{ transform: translateY(-4px);}
.service-card img{ height:220px; object-fit:cover;}
.badge-green{ background: var(--verde); }

footer{ background: var(--marron); color:#fff; }
.footer-top{ border-top:4px solid var(--dorado);}

.whatsapp-float{
  position: fixed; right: 18px; bottom: 18px; z-index: 999;
  width: 56px; height: 56px; display:flex; align-items:center; justify-content:center;
  background:#25D366; border-radius:9999px; box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.whatsapp-float img{ width:28px; height:28px; filter: invert(1);}

.section-title{
  color: var(--marron);
}
/* Estilo del título principal */
.navbar-brand .brand-title {
  font-size: 1.4rem;        /* un poco más grande que el texto normal */
  font-weight: 700;         /* bien marcado */
  color: #2c5e1a;           /* verde tierra */
  letter-spacing: 1px;      /* espaciado entre letras */
}

/* Estilo del eslogan */
.navbar-brand .brand-subtitle {
  font-size: 0.9rem;        /* más pequeño que el título */
  font-weight: 400;         /* normal */
  color: #6c757d;           /* gris suave */
  font-style: italic;       /* estilo eslogan */
  margin-top: -2px;         /* lo acerca al título */
}