/* V63 - Colores dinámicos y logo administrable */
:root{
    --agb-red: var(--red);
}

/* Acentos y líneas rojas/naranjas controladas desde Diseño */
.kicker::before,
.section-kicker::before,
.page-hero__content .kicker::before,
.section-title .kicker::before{
    background:var(--red)!important;
}

/* Botones principales */
.btn,
.nav-cta,
.hero-card .btn,
.service-grid-card .btn,
.service-card .btn,
.contact-form-card .btn,
.complaint-form-card .btn,
.form-actions .btn,
.contact-actions .btn,
.tariff-actions .btn,
.tariff-header .btn,
.cta-band .btn,
a.btn,
button.btn{
    background:var(--red)!important;
    border-color:var(--red)!important;
    color:#fff!important;
    box-shadow:0 12px 25px color-mix(in srgb, var(--red) 22%, transparent)!important;
}

.btn:hover,
.nav-cta:hover,
.hero-card .btn:hover,
.service-grid-card .btn:hover,
.service-card .btn:hover,
.contact-form-card .btn:hover,
.complaint-form-card .btn:hover,
.form-actions .btn:hover,
.contact-actions .btn:hover,
.tariff-actions .btn:hover,
.tariff-header .btn:hover,
.cta-band .btn:hover,
a.btn:hover,
button.btn:hover{
    background:var(--red-dark)!important;
    border-color:var(--red-dark)!important;
    color:#fff!important;
}

/* Botones secundarios conservan estilo claro */
.btn.btn--outline,
.btn.btn--ghost,
.btn.secondary,
a.btn.secondary,
button.btn.secondary{
    background:transparent!important;
    color:var(--blue-dark)!important;
    border-color:rgba(11,66,100,.28)!important;
    box-shadow:none!important;
}

.btn.btn--outline:hover,
.btn.btn--ghost:hover,
.btn.secondary:hover,
a.btn.secondary:hover,
button.btn.secondary:hover{
    background:rgba(11,66,100,.08)!important;
    color:var(--blue-dark)!important;
    border-color:rgba(11,66,100,.38)!important;
}

/* Cards e iconos con fondo de acento */
.service-grid-card__image span,
.value-card__num,
.check-list li::before,
.check-list li span,
.service-mini-list li span,
.resource-card a::after,
.faq-question span,
.dropdown-menu a:hover,
.dropdown-menu a.is-current,
.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,
.site-header.is-scrolled .dropdown-trigger:hover,
.inner-page .site-header .dropdown-trigger:hover{
    color:var(--red)!important;
}

.service-grid-card__image span,
.service-row__link,
.tariff-tab.active,
.tariff-panel-heading--red,
.tariff-hero--red,
.hero-control-dot.is-active{
    background:var(--red)!important;
    border-color:var(--red)!important;
}

/* Redes: que el hover use el acento configurado y no rojo fijo */
.social-links a:hover,
.inner-page .site-header .social-links--header a:hover{
    background:var(--red)!important;
    color:#fff!important;
    box-shadow:0 10px 24px color-mix(in srgb, var(--red) 22%, transparent)!important;
}

/* Inputs requeridos en formularios */
.form-v59 label span,
.contact-form-card label span,
.complaint-form-card label span{
    color:var(--red)!important;
}

/* Logo dinámico: evita que se deforme al cambiarlo desde el admin */
.brand img,
.footer__logo{
    object-fit:contain!important;
    height:auto!important;
}

.brand img{
    max-width:180px!important;
    max-height:92px!important;
}

.footer__logo{
    max-width:190px!important;
    max-height:105px!important;
}