/* ==========================================================================
   Home Styles - Personalización y Animaciones Reveal
   ========================================================================== */

/* Scroll Reveal Base Styles */
.scroll-reveal {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity 1.4s cubic-bezier(0.19, 1, 0.22, 1),
        transform 1.4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Animation types */
.reveal-fade-in-up {
    transform: translateY(90px);
}

.reveal-zoom-in {
    transform: scale(0.88) translateY(35px);
}

.reveal-fade-in {
    transform: none;
}

/* Revealed State */
.scroll-reveal.revealed {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* Sección: Secretaría de Cultura (Estilo estandarizado sidic-header) */
.cp10_call_area {
    background: #ffffff url('../images/cultura/petroglifo.png') no-repeat center center / cover !important;
    border-top: 6px solid var(--bs-primary) !important;
    border-bottom: 6px solid var(--bs-primary) !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 60px 0 !important;
}

.cp10_call_area::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 1;
}

.cp10_call_area .container {
    position: relative;
    z-index: 2;
}

.cp10_call_area .witr_section_title_inner h3 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 6px !important;
    text-shadow: none !important;
}

.cp10_call_area .witr_section_title_inner p {
    color: var(--bs-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 0 !important;
    text-shadow: none !important;
}

/* Sección: Patrocinios / Aliados (Estilo estandarizado sidic-header) */
.cp10_brand_area {
    background: #ffffff url('../images/cultura/petroglifo.png') no-repeat center center / cover !important;
    border-top: 6px solid var(--bs-primary) !important;
    border-bottom: 6px solid var(--bs-primary) !important;
    margin-bottom: -1px !important;
    padding: 50px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.cp10_brand_area::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 1;
}

.cp10_brand_area .container {
    position: relative;
    z-index: 2;
}

.cp10_brand_area .slide_items {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100px !important;
}

.cp10_brand_area .slide_items img {
    max-height: 75px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    filter: grayscale(100%) !important;
    opacity: 0.92 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.cp10_brand_area .slide_items a:hover img,
.cp10_brand_area .slide_items img:hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

.cp10_brand_area .brand_act .col-lg-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}