/* V64 - Apariencia dinámica completa: botones, hovers, barras y logo */
:root{
    --agb-red: var(--red) !important;
    --theme-accent: var(--red) !important;
    --theme-accent-dark: var(--red-dark) !important;
}

/* Botones principales: cualquier rojo fijo ahora obedece al Color acento */
.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,
.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,
.service-row__link,
.tariff-tab.active{
    background: var(--red) !important;
    border-color: var(--red) !important;
    color:#fff !important;
    box-shadow:0 14px 30px color-mix(in srgb, var(--red) 24%, transparent) !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,
.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,
.service-row__link:hover{
    background: var(--red-dark) !important;
    border-color: var(--red-dark) !important;
    color:#fff !important;
}

/* Botones de servicios en Home: 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{
    background: var(--red) !important;
    border-color: var(--red) !important;
    color:#fff !important;
    box-shadow:0 14px 30px color-mix(in srgb, var(--red) 30%, transparent) !important;
    text-shadow:none !important;
}
.visual-card em:hover,
.visual-card-grid--services .visual-card em:hover,
.home-services .visual-card em:hover{
    background: var(--red-dark) !important;
    border-color: var(--red-dark) !important;
    color:#fff !important;
}

/* Menú: quitar rojo fijo y usar acento configurado */
.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{
    color:var(--red) !important;
}
.dropdown-trigger:hover{
    background:color-mix(in srgb, var(--red) 8%, transparent) !important;
}
.dropdown-menu a:hover,
.dropdown-menu a.is-current{
    color:var(--red) !important;
    background:#f4f8fb !important;
}

/* Líneas decorativas y acentos */
.kicker::before,
.section-kicker::before,
.page-hero__content .kicker::before,
.section-title .kicker::before,
.admin-card .section-kicker::before{
    background:var(--red) !important;
}
.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(--red) !important;
}

/* Bloques debajo del slider: la rayita ya no queda roja fija */
.value-card--icon::after,
.value-strip--icons .value-card--icon::after{
    background:linear-gradient(90deg,var(--red),#ffffff,var(--blue)) !important;
}
.value-card--icon:hover,
.value-strip--icons .value-card--icon:hover{
    border-color:color-mix(in srgb, var(--red) 24%, transparent) !important;
}
.value-card--icon::before{
    background:
        radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--red) 10%, transparent), transparent 28%),
        radial-gradient(circle at 82% 84%, rgba(23,62,97,.10), transparent 34%) !important;
}

/* Slider: el botón secundario Ver servicios debe verse claro sobre fondo oscuro */
.hero-card .btn--outline,
.hero-slide .btn--outline,
.hero .btn--outline{
    background:rgba(255,255,255,.92) !important;
    color:var(--blue-dark) !important;
    border-color:rgba(255,255,255,.92) !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(--red) !important;
    color:#fff !important;
    border-color:var(--red) !important;
}

/* Botones laterales que antes quedaban azules forzados */
.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{
    background:var(--red) !important;
    border-color:var(--red) !important;
    color:#fff !important;
    box-shadow:0 14px 30px color-mix(in srgb, var(--red) 24%, transparent) !important;
}
.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{
    background:var(--red-dark) !important;
    border-color:var(--red-dark) !important;
    color:#fff !important;
}

/* Tarifa / exportación: acento dinámico */
.tariff-panel-heading--red,
.tariff-hero--red{
    background:linear-gradient(135deg,var(--red),var(--red-dark)) !important;
}
.price-badge,
.tariff-price,
.tariff-table .price{
    color:var(--navy) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Logo administrable */
.brand img{
    width:auto !important;
    max-width:190px !important;
    max-height:96px !important;
    object-fit:contain !important;
}
.footer__logo{
    width:auto !important;
    max-width:200px !important;
    max-height:110px !important;
    object-fit:contain !important;
}

@media (max-width:768px){
    .brand img{max-width:126px !important;max-height:64px !important;}
}