/* ==============================
   PALETA LOS ALMENDROS
   ============================== */
:root {
  --verde-principal: #1E3D1E;
  --verde-secundario: #5E6741;
  --verde-claro: #818C6D;

  --beige-fondo: #EDE5D3;
  --beige-card: #F6F3EA;
  --beige-borde: #BCB7A4;

  --texto-principal: #2E2E2E;
  --texto-secundario: #5A5A5A;
}

/* ==============================
   BASE
   ============================== */
body {
  background-color: var(--beige-fondo);
  color: var(--texto-principal);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

a {
  color: var(--verde-principal);
}
a:hover {
  color: var(--verde-secundario);
}

/* ==============================
   HEADERS / TITULOS
   ============================== */
h1, h2, h3, h4, h5 {
  color: var(--verde-principal);
  font-weight: 600;
}

/* ==============================
   CARDS / CONTENEDORES
   ============================== */
.card {
  background-color: var(--beige-card);
  border: 1px solid var(--beige-borde);
  border-radius: 10px;
}

.card-title {
  color: var(--verde-principal);
}

/* ==============================
   BOTONES
   ============================== */
.btn-primary {
  background-color: var(--verde-principal);
  border-color: var(--verde-principal);
}

.btn-primary:hover {
  background-color: var(--verde-secundario);
  border-color: var(--verde-secundario);
}

.btn-outline-primary {
  color: var(--verde-principal);
  border-color: var(--verde-principal);
}

.btn-outline-primary:hover {
  background-color: var(--verde-principal);
  color: #fff;
}

/* ==============================
   FORMULARIOS
   ============================== */
.form-control {
  border-radius: 6px;
  border: 1px solid var(--beige-borde);
}

.form-control:focus {
  border-color: var(--verde-secundario);
  box-shadow: 0 0 0 0.15rem rgba(94, 103, 65, 0.25);
}

/* ==============================
   ICONOS
   ============================== */
.bi {
  color: var(--verde-secundario);
}

/* ==============================
   FOOTER
   ============================== */
footer {
  background-color: var(--verde-principal);
  color: #fff;
}

footer a {
  color: #EDE5D3;
}

.titulo-principal {
  color: var(--verde-principal);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.map-wrapper iframe {
  pointer-events: none;
}

/* animacion de textos */
.texto-animado:hover {
    animation: pulse 1s infinite;
    color: #1E3D1E;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}