/* Bellota V2 — Footer (replica estructura V1 de Leo)
   1. Franja corp (fondo blanco): Bellota corporativo + Grupo Agrisolutions
   2. Franja legal (gris claro): 3 enlaces centrados
   3. Franja principal (oscura): novedades + 3 sub-cols + mapa/contacto
   4. Copyright centrado
*/

/* -----------------------------------------------------------
   1. Franja corporativa (blanca)
   ----------------------------------------------------------- */
.footer-corp-strip {
    background: var(--c-surface);
    padding: var(--sp-6) 0;
    border-top: 1px solid var(--c-border);
}
.footer-corp-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--sp-10);
    flex-wrap: wrap;
}
.footer-corp-link {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-4);
    color: var(--c-text-strong);
    text-decoration: none;
    font-size: var(--fs-md);
    font-weight: var(--fw-medium);
    transition: opacity var(--t-fast);
}
.footer-corp-link:hover { opacity: 0.7; }
.footer-corp-link img { height: 35px; width: auto; }

/* -----------------------------------------------------------
   2. Franja legal (gris claro)
   ----------------------------------------------------------- */
.footer-legal-strip {
    background: var(--c-surface-alt);
    padding: var(--sp-3) 0;
    border-top: 1px solid var(--c-border);
}
.footer-legal-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--sp-4);
    flex-wrap: wrap;
    font-size: var(--fs-sm);
    color: var(--c-text-muted);
}
.footer-legal-inner a {
    color: var(--c-text-muted);
    text-decoration: none;
    transition: color var(--t-fast);
}
.footer-legal-inner a:hover { color: var(--c-brand); }

/* -----------------------------------------------------------
   3. Franja principal (oscura)
   ----------------------------------------------------------- */
.site-footer {
    background: #1a1d21;
    color: #fff;
    border-top: 3px solid var(--c-brand);
}
.footer-main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: var(--sp-10);
    padding: var(--sp-12) 0 var(--sp-10);
    align-items: start;
}

/* -----------------------------------------------------------
   3a. Columna izquierda: NOVEDADES + 3 sub-columnas
   ----------------------------------------------------------- */
.footer-featured-link {
    display: inline-block;
    color: #fff;
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    padding-bottom: var(--sp-2);
    border-bottom: 2px solid var(--c-brand);
    margin-bottom: var(--sp-6);
    transition: color var(--t-fast);
}
.footer-featured-link:hover { color: var(--c-brand); }

.footer-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-8);
}
.footer-col { min-width: 0; }
.footer-col-title {
    color: #fff;
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--sp-3);
}
.footer-heading {
    display: block;
    color: #fff;
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    padding: var(--sp-2) 0;
    transition: color var(--t-fast);
}
.footer-heading:hover { color: var(--c-brand); }

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--sp-4);
}
.footer-links li { margin-bottom: var(--sp-2); }
.footer-links a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: var(--fs-sm);
    transition: color var(--t-fast);
}
.footer-links a:hover { color: var(--c-brand); }

.footer-social {
    display: flex;
    gap: var(--sp-3);
    margin-top: var(--sp-5);
}
.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #fff;
    transition: background var(--t-fast), color var(--t-fast);
}
.footer-social a:hover { background: var(--c-brand); color: #fff; }

/* -----------------------------------------------------------
   3b. Columna derecha: mapa + contacto
   ----------------------------------------------------------- */
.footer-main-right {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}
.footer-map {
    display: block;
    border-radius: var(--r-md);
    overflow: hidden;
    margin-bottom: var(--sp-3);
    transition: opacity var(--t-fast);
}
.footer-map:hover { opacity: 0.85; }
.footer-map img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
}
.footer-company-name {
    color: rgba(255,255,255,0.6);
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    margin: 0;
}
.footer-contact-phone,
.footer-contact-email {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: #fff;
    text-decoration: none;
    font-size: var(--fs-sm);
    transition: color var(--t-fast);
}
.footer-contact-phone { font-size: var(--fs-md); }
.footer-contact-phone svg { color: var(--c-brand); }
.footer-contact-phone:hover,
.footer-contact-email:hover { color: var(--c-brand); }

/* -----------------------------------------------------------
   4. Copyright
   ----------------------------------------------------------- */
.footer-bottom {
    text-align: center;
    padding: var(--sp-5) 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.5);
    font-size: var(--fs-sm);
}

/* -----------------------------------------------------------
   Responsive
   ----------------------------------------------------------- */
@media (max-width: 991px) {
    .footer-main { grid-template-columns: 1fr; gap: var(--sp-8); }
    .footer-cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .footer-cols { grid-template-columns: 1fr; }
    .footer-corp-inner { gap: var(--sp-5); }
    .footer-legal-inner span { display: none; }
    .footer-legal-inner { flex-direction: column; gap: var(--sp-2); }
}