/* GRUPO SACANI - coloring.css optimizado */

/* Reglas conservadas tras cruzar selectores con los PHP/HTML cargados. */

/* Fecha: 2026-09-16 */


.bg-color,
section.bg-color,
section.call-to-action,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.widget .small-border,
.feature-box-small-icon.style-2 .number.bg-color,
.d-card.hover i,
.testimonial-color .item:nth-child(1n) blockquote:before,
a.btn-border:hover,
.text-light .container-timeline ul li::before,
.text-light .de_countdown,
.text-light .dropdown li span,
h5 span.label,
#mainmenu ul li b,
h1.s2 .c1 span,
body::-webkit-scrollbar-thumb {
    background:var(--primary-color);
}

::-moz-selection {
    color:#ffffff;
    background:var(--secondary-color);
}

::selection {
    color:#ffffff;
    background:var(--secondary-color);
}

.btn-line:hover,
a.btn-line:hover,
.btn-main.bg-color,
.de-marquee-list .d-item-block.bg-color {
    background: var(--primary-color);
}

h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
header.smaller #mainmenu a.menu-item.active,
.dark .feature-box-small-icon i,
a.btn-slider:after,
a.btn-line:after,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.dark .btn-line:after,
.dark a.btn-line:after,
#mainmenu li a.menu-item:after,
h2.hs1 span,
.profile_pic .subtitle,
a.btn-link,
.accordion a:before,
a.btn-border.light:hover,
a.btn-main.btn-white,
a.bc-btn,
.topbar-widget a span,
a#cookit-link {
    color: var(--primary-color);
}

a,
a:hover,
footer .widget a:hover,
.ul-style-2 li:before {
    color: var(--secondary-color);
}

.bg-color-2,
section.bg-color-2,
section.bg-color-secondary,
.testimonial-color .item:nth-child(2n) blockquote:before,
a.btn-main.bg-color-2,
a.btn-main.invert,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.btn-line.hover,
a.btn-line.hover,
.pricing-table.table-featured a.btn-main,
.de-marquee-list .d-item-block.bg-color-2 {
    background: var(--secondary-color);
}

section.dark {
    background: rgba(var(--primary-color-rgb), .98);
}

.accordion-section-title.active,
.accordion.secondary .accordion-section-title:before
.d-card i {
    background: var(--secondary-color);
}

h1 .label,
a.btn-main.secondary,
.ribbon.s2 {
    background: var(--primary-color);
}

h5.title {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

a.btn-border.btn-invert {
    border-color: var(--primary-color);
}

header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span {
    border-bottom-color: var(--secondary-color);
}

.header-light #quick_search {
    background: rgba(var(--primary-color-rgb), .1);
}