/*
 * AGB Cargo V72
 * Corrige:
 * 1) Botones y acentos que no toman el naranja configurado desde Admin.
 * 2) Footer usando logo azul / logo de scroll y tamaño correcto.
 */

/* Aseguramos compatibilidad entre variables nuevas y antiguas */
:root {
    --agb-red: var(--theme-accent, var(--red, #cd6a33)) !important;
    --agb-red-dark: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
    --red: var(--theme-accent, var(--red, #cd6a33)) !important;
    --red-dark: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
}

/* =========================================================
   BOTONES PRINCIPALES
   ========================================================= */

.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary),
button.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary),
a.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary),
.nav-cta,
.quote-cta-btn,
.article-card__btn,
.service-row__link,
.tariff-tab.active,
.side-card--cta .btn,
.side-card--cta a.btn,
.side-card.side-card--cta a.btn.btn--small,
.side-card--contact-cta a.btn,
.side-card--contact-cta .btn,
.contact-form-actions .btn:not(.btn--outline),
.complaint-actions .btn:not(.btn--outline),
.form-actions .btn:not(.btn--outline),
.tariff-page-section .btn:not(.btn--outline),
.btn--tariff-blue,
.whatsapp-chat__action,
input[type="submit"],
button[type="submit"] {
    background: var(--theme-accent, var(--red, #cd6a33)) !important;
    border-color: var(--theme-accent, var(--red, #cd6a33)) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 14px 30px rgba(205,106,51,.24) !important;
}

.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary):hover,
button.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary):hover,
a.btn:not(.btn--outline):not(.btn--ghost):not(.btn--light):not(.secondary):hover,
.nav-cta:hover,
.quote-cta-btn:hover,
.article-card__btn:hover,
.service-row__link:hover,
.side-card--cta .btn:hover,
.side-card--cta a.btn:hover,
.side-card.side-card--cta a.btn.btn--small:hover,
.side-card--contact-cta a.btn:hover,
.side-card--contact-cta .btn:hover,
.contact-form-actions .btn:not(.btn--outline):hover,
.complaint-actions .btn:not(.btn--outline):hover,
.form-actions .btn:not(.btn--outline):hover,
.tariff-page-section .btn:not(.btn--outline):hover,
.btn--tariff-blue:hover,
.whatsapp-chat__action:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
    border-color: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
    color: #fff !important;
}

/* Cards de servicios: botón "Más detalles" */
.visual-card em,
.visual-card:hover em,
.visual-card-grid--services .visual-card em,
.visual-card-grid--services .visual-card:hover em,
.home-services .visual-card em,
.home-services .visual-card:hover em,
.service-card em,
.service-card:hover em,
.service-grid-card .btn,
.service-grid-card__content .btn {
    background: var(--theme-accent, var(--red, #cd6a33)) !important;
    border-color: var(--theme-accent, var(--red, #cd6a33)) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 14px 30px rgba(205,106,51,.26) !important;
}

.visual-card em:hover,
.service-card em:hover,
.service-grid-card .btn:hover {
    background: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
    border-color: var(--theme-accent-dark, var(--red-dark, #a94710)) !important;
    color: #fff !important;
}

/* Botón secundario del slider para que no se pierda */
.hero-card .btn--outline,
.hero-slide .btn--outline,
.hero .btn--outline {
    background: rgba(255,255,255,.94) !important;
    color: var(--blue-dark, #08283f) !important;
    border-color: rgba(255,255,255,.94) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(8px) !important;
}

.hero-card .btn--outline:hover,
.hero-slide .btn--outline:hover,
.hero .btn--outline:hover {
    background: var(--theme-accent, var(--red, #cd6a33)) !important;
    color: #fff !important;
    border-color: var(--theme-accent, var(--red, #cd6a33)) !important;
}

/* =========================================================
   ACENTOS, HOVERS, LÍNEAS Y RAYAS
   ========================================================= */

.kicker::before,
.section-kicker::before,
.page-hero__content .kicker::before,
.section-title .kicker::before,
.admin-card .section-kicker::before,
.nav-link::after,
.nav-link.is-active::after {
    background: var(--theme-accent, var(--red, #cd6a33)) !important;
}

.nav-link:hover,
.nav-link.is-active,
.nav-link-group.is-active,
.main-nav .nav-link-group.is-active .nav-link,
.main-nav .nav-link-group.is-active .dropdown-trigger,
.main-nav .dropdown:hover .nav-link--parent,
.main-nav .dropdown:hover .dropdown-trigger,
.site-header.is-scrolled .nav-link:hover,
.site-header.is-scrolled .nav-link.is-active,
.site-header.is-scrolled .nav-link-group.is-active,
.inner-page .site-header .nav-link:hover,
.inner-page .site-header .nav-link.is-active,
.inner-page .site-header .nav-link-group.is-active,
.dropdown-trigger:hover,
.site-header.is-scrolled .dropdown-trigger:hover,
.inner-page .site-header .dropdown-trigger:hover,
.dropdown-menu a:hover,
.dropdown-menu a.is-current,
.resource-card a::after,
.faq-question span,
.service-mini-list li span,
.check-list li::before,
.check-list li span,
.form-v59 label span,
.contact-form-card label span,
.complaint-form-card label span {
    color: var(--theme-accent, var(--red, #cd6a33)) !important;
}

.dropdown-trigger:hover {
    background: rgba(205,106,51,.10) !important;
}

.dropdown-menu a:hover,
.dropdown-menu a.is-current {
    background: #f4f8fb !important;
}

.value-card--icon::after,
.value-strip--icons .value-card--icon::after {
    background: linear-gradient(90deg, var(--theme-accent, var(--red, #cd6a33)), #ffffff, var(--blue, #0b4264)) !important;
}

.value-card--icon:hover,
.value-strip--icons .value-card--icon:hover {
    border-color: rgba(205,106,51,.25) !important;
}

.tariff-panel-heading--red,
.tariff-hero--red {
    background: linear-gradient(135deg, var(--theme-accent, var(--red, #cd6a33)), var(--theme-accent-dark, var(--red-dark, #a94710))) !important;
}

/* Líneas antiguas con rojo fijo */
[style*="#cf1020"],
[style*="#d90d22"],
[style*="#d70620"] {
    border-color: var(--theme-accent, var(--red, #cd6a33)) !important;
}

/* =========================================================
   FOOTER LOGO AZUL / SCROLL LOGO
   ========================================================= */

.footer__brand-badge {
    background: #fff !important;
    border-radius: 22px !important;
    padding: 18px 20px !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: auto !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer__logo,
.footer__brand-badge img {
    display: block !important;
    width: auto !important;
    max-width: var(--site-logo-footer-width, 210px) !important;
    max-height: 112px !important;
    height: auto !important;
    object-fit: contain !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

.footer__brand-badge::before,
.footer__brand-badge::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 768px) {
    .footer__brand-badge {
        padding: 16px 18px !important;
    }

    .footer__logo,
    .footer__brand-badge img {
        max-width: 190px !important;
        max-height: 96px !important;
    }
}