/* ============================================================
   academia.css — Estilos personalizados Academia Elite Américas
   Paleta: Navy #1A2B5E  |  Oro #C5961A  |  Oro claro #D4AE3A
   ============================================================ */

:root {
    --ul-primary:   #C5961A;
    --ul-secondary: #D4AE3A;
    --ul-c3:        #F5EDD0;
    --ul-c4:        #FAF7F0;
    --ul-c5:        #B8891A;
    --ul-black:     #1A2B5E;
    --ul-p:         #4A5568;
    --ul-gray:      #4A5568;
    --ul-gray3:     #F5F0E8;
}

/* ── Colores primarios ── */
.ul-btn                                     { background-color: var(--ul-primary); }
.ul-btn:hover                               { color: var(--ul-primary); border-color: var(--ul-primary); background-color: transparent; }
.ul-btn i                                   { background-color: #fff; color: var(--ul-primary); }
.ul-btn:hover i                             { background-color: var(--ul-primary); color: #fff; }

.ul-section-sub-title                       { color: var(--ul-primary); }
.ul-section-sub-title::before              { background-color: var(--ul-primary); }

/* Header top address */
.ul-header-2 .ul-header-top-left .address::before { background-color: var(--ul-primary); }
.ul-header-2 .ul-header-top             { background-color: var(--ul-black); }

/* Nav links */
.ul-header-nav a:hover,
.ul-header-nav a:not([href]):not([class]):hover { color: var(--ul-primary); }
.ul-header-bottom.sticky .ul-header-nav a { color: var(--ul-black); }
.active-nav                               { color: var(--ul-primary) !important; }

/* Sidebar opener */
.ul-header-sidebar-opener                  { background-color: var(--ul-primary); }
.ul-header-sidebar-opener:hover            { color: var(--ul-primary) !important; border-color: var(--ul-primary); background: transparent; }

/* Barra de progreso */
.ul-progressbar                            { background-color: var(--ul-primary); }
.ul-progressbar::before                    { border-color: var(--ul-primary); }
.ul-progress-label                         { color: var(--ul-primary); }
.ul-progress-container                     { border-color: var(--ul-primary); }

/* Features */
.ul-features                               { background-color: var(--ul-c4); }
.ul-feature-icon svg path                  { fill: var(--ul-primary); }

/* About stat box */
.ul-about-2-stat                           { background-color: var(--ul-primary); }
.ul-about-block .block-list li::before     { color: var(--ul-primary); }

/* Services */
.ul-services                               { background: url('../img/service-bg.png') #F5EDD0 no-repeat center center/cover; }
.ul-services-slider-nav button:hover       { background-color: var(--ul-primary); color: #fff; }
.ul-service:hover::before                  { background-color: var(--ul-primary); }
.ul-service-btn                            { color: var(--ul-primary); }

/* Projects */
.ul-project-btn                            { background-color: var(--ul-secondary); }
.ul-project-txt                            { background-color: var(--ul-primary); }

/* Donations */
.ul-donation:hover                         { border-color: var(--ul-primary); }
.ul-donation:hover .ul-donation-btn        { background-color: var(--ul-primary); }
.ul-donation:hover .ul-donation-btn::before{ background-color: var(--ul-primary); }
.ul-donation-img .tag                      { background-color: var(--ul-primary); }
.ul-donate-form input[type=radio]:checked + label { background-color: var(--ul-primary); }

/* Volunteer */
.ul-volunteer-block::before                { background: rgba(26,43,94,0.9); }
.ul-volunteer-block .ul-btn i             { background-color: var(--ul-primary); }
.ul-volunteer-list li::before              { color: var(--ul-primary); }
.ul-donate-form-wrapper-2                  { background-image: url('../img/donate-form-2-bg.jpg'); }
.ul-donate-form-wrapper-2::before          { background-color: #1A2B5E; opacity: 0.88; }
.ul-donate-form-2 input:checked + label   { border-color: var(--ul-primary); }

/* Stats */
.ul-stats-item i                           { color: var(--ul-primary); }

/* Team */
.ul-team-member:hover                      { background-color: var(--ul-primary); }
.ul-team-member-socials a:hover            { background-color: var(--ul-primary); border-color: var(--ul-primary); }

/* Testimonial */
.ul-testimonial-2-overview                 { background-color: #F5EDD0; }
.ul-testimonial-2-slider-nav button:hover  { background-color: var(--ul-primary); border-color: var(--ul-primary); color: #fff; }
.ul-testimonial-slider-pagination .swiper-pagination-bullet-active { background-color: var(--ul-primary); }
.ul-review-2 .icon                         { color: var(--ul-primary); }

/* Blog */
.ul-blog-info i                            { color: var(--ul-primary); }
.ul-blog-btn                               { color: var(--ul-primary); }
.ul-blog-title a:hover                     { color: var(--ul-primary); }
.ul-blog-2 .ul-blog-btn:hover              { color: var(--ul-primary); }

/* Events */
.ul-event-info-title                       { color: var(--ul-primary); }
.ul-event-img .date                        { color: var(--ul-primary); }

/* Gallery */
.ul-gallery-item-btn-wrapper::before       { background: var(--ul-primary); }

/* CTA */
.ul-cta::after                             { background-color: rgba(26,43,94,0.75); }

/* Contact */
.ul-contact-form-wrapper                   { background-color: #1A2B5E; }
.ul-contact-form .ul-btn                   { background-color: var(--ul-secondary); border-color: var(--ul-secondary); }

/* Footer */
.ul-footer-top                             { background: linear-gradient(0deg, var(--ul-black) 50%, rgba(0,0,0,0) 0); }
.ul-footer-top-contact-infos               { background-color: var(--ul-primary); }
.ul-footer-bottom                          { background-color: var(--ul-black); }
.ul-footer-widget-title::before,
.ul-footer-widget-title::after             { background-color: var(--ul-primary); }
.ul-footer-socials a:hover                 { background-color: var(--ul-primary); border-color: var(--ul-primary); }
.ul-footer-widget-links > *:hover          { color: var(--ul-primary); }
.ul-footer-post .title a:hover             { color: var(--ul-primary); }
.ul-footer-contact-links a:hover           { color: var(--ul-primary); }
.ul-footer .ul-nwsltr-form .top button     { background-color: var(--ul-primary); }
.ul-footer .ul-nwsltr-form .top button:hover { background-color: var(--ul-black); }
.ul-footer-bottom a:hover                  { color: var(--ul-secondary); }
.ul-footer-bottom .copyright-txt           { color: rgba(255,255,255,0.85); }

/* Checkbox */
.ul-checkbox-wrapper input:checked ~ .ul-checkbox { background-color: var(--ul-primary); border-color: var(--ul-primary); }

/* Sidebar social */
.ul-sidebar-footer-social a:hover          { background-color: var(--ul-primary); border-color: var(--ul-primary); }

/* Pagination */
.ul-pagination ul a:hover,
.ul-pagination ul a.active                 { background-color: var(--ul-primary); border-color: var(--ul-primary); }

/* Slider nav */
.ul-slider-nav button                      { background-color: var(--ul-secondary); }
.ul-slider-nav button:hover                { background-color: var(--ul-primary); }

/* Accordion */
.ul-single-accordion-item.open .ul-single-accordion-item__header i,
.ul-single-accordion-item.open .ul-single-accordion-item__title { color: var(--ul-primary); }

/* Inner sidebar */
.ul-inner-sidebar-search form button       { background-color: var(--ul-primary); }
.ul-inner-sidebar-categories a:hover       { background-color: var(--ul-primary); color: #fff; }
.ul-inner-sidebar-tags a:hover             { background-color: var(--ul-primary); border-color: var(--ul-primary); }

/* Breadcrumb */
.ul-breadcrumb-nav a:hover                 { color: var(--ul-primary); }

/* Banner overlay */
.ul-banner-2-slide::before                 { background: linear-gradient(101.64deg, rgba(26,43,94,0.92) 1.87%, rgba(26,43,94,0.1) 98.72%); }

/* ── Tabs Nosotros (Mission/Vision/Historia) ── */
.ul-about-tabs-nav button.active           { border-color: var(--ul-primary); color: var(--ul-primary); }
.ul-about-tabs-nav button:hover            { color: var(--ul-primary); }

/* ── Sección Stats (fondo navy) ── */
.ul-stats                                  { background-color: var(--ul-black); }
.ul-stats-item                             { color: #fff; }
.ul-stats-item::before                     { background-color: var(--ul-black); }

/* ── About tabs (fondo navy) ── */
.ul-about-tabs.ul-events                   { background-color: var(--ul-black); }