/* ============================================================
   Labradores del Norte S.R.L. — override de marca (agro)
   Se carga DESPUÉS de style.css para reskinear la plantilla.
   ============================================================ */
:root {
    --theme-color: #4a7c2f;      /* verde campo */
    --color-green: #4a7c2f;
    --color-blue: #2f5d1d;       /* verde oscuro (links/acentos) */
    --ldn-gold: #d4a017;         /* dorado trigo */
    --ldn-gold-soft: #f3c14a;
    --footer-bg: #20300f;        /* verde muy oscuro */
    --footer-bg2: #18250b;
    --hero-overlay-color: #16240a;
}

/* Acentos dorados (espiga) en títulos resaltados */
.section-title span,
.site-title span,
.cta-content h1 span,
.hero-title span { color: var(--ldn-gold) !important; }

/* Barra superior + footer en verde profundo */
.header-top { background: var(--footer-bg) !important; }

/* Botón secundario en dorado para contraste agro */
.theme-btn.theme-btn2 {
    background: var(--ldn-gold) !important;
    border-color: var(--ldn-gold) !important;
    color: #3a2e05 !important;
}
.theme-btn.theme-btn2:hover { background: var(--ldn-gold-soft) !important; }

/* Heros con gradiente campo (no dependemos de fotos externas) */
.hero-single {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.hero-single {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.hero-overlay-green  { background-image: linear-gradient(100deg, rgba(16,26,7,.9) 0%, rgba(22,36,10,.66) 45%, rgba(74,124,47,.35) 100%), url(../img/slider/ldn-1.jpg); }
.hero-overlay-green2 { background-image: linear-gradient(100deg, rgba(16,26,7,.9) 0%, rgba(22,36,10,.62) 45%, rgba(74,124,47,.3) 100%),  url(../img/slider/ldn-2.jpg); }
.hero-overlay-green3 { background-image: linear-gradient(100deg, rgba(16,26,7,.9) 0%, rgba(22,36,10,.6) 45%, rgba(47,93,29,.32) 100%),   url(../img/slider/ldn-3.jpg); }

/* Logo de la empresa — más grande y destacado */
.navbar-brand { padding: 6px 0; }
.navbar-brand img { max-height: 74px; width: auto; }
@media (max-width: 575px){ .navbar-brand img { max-height: 56px; } }

/* Menú + botón alineados a la derecha, con separación clara del botón */
@media (min-width: 992px){
    .main-navigation .navbar-collapse { justify-content: flex-end; align-items: center; }
    .main-navigation .navbar-nav { align-items: center; }
    .main-navigation .navbar-collapse > .nav-item { margin-left: 32px; }
    .main-navigation .navbar-collapse > .nav-item .theme-btn { white-space: nowrap; }
}

/* Breadcrumb / encabezado de páginas internas */
.page-hero {
    background: linear-gradient(120deg, rgba(22,36,10,.92), rgba(74,124,47,.85)),
                url(../img/breadcrumb/01.jpg);
    background-size: cover; background-position: center;
    padding: 120px 0 60px; text-align: center; color: #fff;
}
.page-hero h1 { color:#fff; font-size: 2.6rem; font-weight:700; }
.page-hero .crumb { color: var(--ldn-gold-soft); font-weight:500; }

/* Marca textual para fondos oscuros (hero/footer) en vez de logo blanco */
.brand-text {
    font-family: var(--heading-font, 'Inter', sans-serif);
    font-weight: 800; color:#fff; line-height:1.05;
}
.brand-text .lead-line { font-size: 2.6rem; display:block; }
.brand-text .sub-line  { font-size: 1.1rem; font-weight:600; color: var(--ldn-gold-soft); letter-spacing:.18em; }
.footer-brand { font-size:1.6rem; font-weight:800; color:#fff; }
.footer-brand small { display:block; font-size:.8rem; color:var(--ldn-gold-soft); letter-spacing:.15em; font-weight:600; }

/* Tarjetas de servicios uniformes */
.serv-card {
    background:#fff; border-radius:16px; padding:30px 24px; height:100%;
    box-shadow:0 8px 30px rgba(0,0,0,.07); transition: all .3s ease;
    border-top:4px solid var(--theme-color);
}
.serv-card:hover { transform:translateY(-8px); box-shadow:0 16px 40px rgba(0,0,0,.12); }
.serv-card .serv-icon {
    width:70px; height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background: rgba(74,124,47,.12); margin-bottom:18px;
}
.serv-card .serv-icon i { font-size:1.8rem; color: var(--theme-color); }
.serv-card h4 { font-size:1.25rem; margin-bottom:10px; color: var(--color-dark); }
.serv-card p { color:#6b7280; line-height:1.7; margin:0; }

/* Galería "Nuestro trabajo" (cosechadora + ganado) */
.work-area { overflow:hidden; }
.work-figure { position:relative; margin:0; overflow:hidden; height:440px; }
.work-figure img { width:100%; height:100%; object-fit:cover; transition: transform .7s ease; }
.work-figure:hover img { transform: scale(1.06); }
.work-figure figcaption {
    position:absolute; left:0; right:0; bottom:0; padding:24px 28px;
    color:#fff; font-size:1.45rem; font-weight:800;
    background: linear-gradient(transparent, rgba(22,36,10,.88));
}
.work-figure figcaption i { color: var(--ldn-gold); margin-right:10px; }
@media (max-width: 767px){ .work-figure { height:300px; } }

/* Sección cotizaciones (granos/hacienda) acentos verdes */
.section-title span { color: var(--ldn-gold); }
.price-header { background: var(--theme-color) !important; }
.update-button, .info-title { background-color: transparent; }
.update-button { background: var(--theme-color) !important; }
.info-title { color: var(--theme-color) !important; }
.data-source a { color: var(--theme-color) !important; }

/* Botones del menu (Acceso a Clientes + Contacto): siempre en una fila.
   Entre 992 y 1399 px no entran a tamano completo y se apilaban. */
.ldn-nav-btns { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; }
.ldn-nav-btns .theme-btn { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1399.98px) {
  .ldn-nav-btns .theme-btn { padding: 10px 14px; font-size: 14px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ldn-nav-btns { gap: 6px; }
  .ldn-nav-btns .theme-btn { padding: 9px 11px; font-size: 13px; }
}
/* Celular / tablet (menu desplegable): un boton debajo del otro, a lo ancho. */
@media (max-width: 991.98px) {
  .ldn-nav-btns { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 8px; }
  .ldn-nav-btns .theme-btn { justify-content: center; text-align: center; margin: 0; }
}