/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/

/* ===== Header ===== */
.header-top-section {
    padding-bottom: 6px !important;
}

@media (max-width: 991px) {
    .header-top-section {
        padding-bottom: 0 !important;
        display: none !important;
    }
}

/* HEADER AZUL SIEMPRE */
header.header-section-3,
#header-sticky,
#header-sticky .container-fluid {
    background: #0d47a1 !important;
    background-image: none !important;
}

/* MENU BLANCO */
.header-1.style-3 .main-menu ul li a {
    color: #ffffff !important;
}

/* STICKY IGUAL */
#header-sticky.sticky {
    background: #0d47a1 !important;
}


/* ===== Hero ===== */
.hero-3 .hero-image img {
    object-fit: contain !important;
}

/* ===== Breadcrumb fix for sticky header ===== */
.breadcrumb-wrapper {
    margin-top: 120px; /* Ajusta según altura del header sticky */
}

@media (max-width: 991px) {
    .breadcrumb-wrapper {
        margin-top: 100px; /* Ajusta para móviles/tablets */
    }
}

/* ===== Aviso Legal spacing ===== */
.legal-content {
    padding-top: 60px;
}

/* Escritorio: más aire */
@media (min-width: 992px) {
    .legal-content {
        padding-top: 120px;
    }
}

/* Móvil y tablet */
@media (max-width: 991px) {
    .legal-content {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {

    /* Espacio entre h2 y p */
    .faq-section h2 {
        margin-bottom: 15px;
    }

    .faq-section p {
        margin-bottom: 25px;
    }

    /* Espacio entre el texto y el bloque de preguntas */
    .faq-section .faq-questions {
        margin-top: 30px;
        padding-top: 20px;
    }

}

.main-menu ul li a:hover {
    color: #f2c94c !important;
}
#header-sticky.sticky .main-menu ul li a:hover {
    color: #f2c94c !important;
}
@media (max-width: 991px) {

    .header-left .logo {
        margin-left: 15px !important;
    }

}
@media (max-width: 991px) {

    .header__hamburger i {
        font-size: 28px !important;
    }

}
@media (max-width: 991px) {

    .header__hamburger i {
        color: #ffffff !important;
    }

}
@media (max-width: 991px) {

    .header-main {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

}
.header-1.style-3 .header-main .main-menu ul li a {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.header-1.style-3 .header-main .main-menu ul li a:hover {
    color: #f2c94c !important;
}
.sticky.header-1.style-3 .header-main .main-menu ul li a {
    color: #ffffff !important;
}

.sticky.header-1.style-3 .header-main .main-menu ul li a:hover {
    color: #f2c94c !important;
}

.main-menu ul li.active a,
.main-menu ul li.current a {
    color: #f2c94c !important;
}

.offers-hero {
    background: #f8f8f8;
}

.offer-product-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    height: 100%;
}

.offer-product-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.offer-product-card .content {
    padding: 25px;
    text-align: center;
}

.offer-product-card h4 {
    margin-bottom: 10px;
}

.offer-product-card p {
    font-size: 15px;
    margin-bottom: 20px;
}

.shop-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-item {
    margin-bottom: 5px;
}

.category-header {
    display: flex;
    align-items: center;
    cursor: default; /* No afecta al link */
    padding: 5px 10px;
    border-radius: 4px;
}

.category-header a {
    text-decoration: none;
    color: #333;
    flex: 1;
}

.category-header:hover {
    background-color: #f5f5f5;
}

/* subcategorías ocultas por defecto */
.subcategory-list {
    list-style: none;
    padding-left: 25px;
    margin-top: 5px;
    display: none;
}

/* chevron */
.chevron {
    margin-right: 8px;
    cursor: pointer; /* solo sobre la flecha se puede clickar */
    transition: transform 0.3s;
}

/* cuando está abierto, gira hacia abajo */
.category-item.open > .category-header .chevron {
    transform: rotate(90deg);
}

.shop-main-sidebar .single-sidebar-widget .shop-catagory-items ul li a::before {
    content: "";
}

.shop-main-sidebar .single-sidebar-widget .shop-catagory-items ul li a {

    padding-left: 0px !important;
}