/* Banner ads - smaller height */
.tp-banner-height { min-height: 280px !important; }
.tp-banner-item-sm { min-height: 280px !important; }

/* Banner images - object fit contain to show full image */
.tp-banner-thumb img { object-fit: contain !important; padding: 15px; }

/* Style 4 product banner - smaller images */
.tp-product-banner-thumb img { max-height: 350px !important; width: auto !important; margin: 0 auto; }
.tp-product-banner-inner { padding: 40px 40px 40px !important; }
.tp-product-banner-thumb-wrapper { margin-top: 20px !important; }

/* Banner title - smaller font */
.tp-banner-title { font-size: 22px !important; margin-bottom: 8px !important; }
.tp-banner-content span { font-size: 14px !important; }

/* Product banner title - smaller */
.tp-product-banner-title { font-size: 24px !important; }
.tp-product-banner-subtitle { font-size: 14px !important; }


*/
.tp-banner-add-content h3,
.tp-banner-add-content h2,
.ads-banner h3,
.ads-banner h2,
.ads-content h3,
.ads-content h2,
.ads-content h4,
.ads-section h3,
.ads-section h2,
.ads-section h4 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.tp-banner-add-content p,
.ads-banner p,
.ads-content p,
.ads-section p {
    font-size: 1.05rem !important;
}

.ads-banner .ads-btn,
.ads-content .ads-btn,
.ads-section .ads-btn a,
.ads-banner .btn,
.ads-content .btn {
    font-size: 0.95rem !important;
}


*/
.tp-banner-content h3,
.tp-banner-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
}
.tp-banner-content span {
    font-size: 1.15rem !important;
}
.tp-product-banner-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
}
.tp-product-banner-subtitle {
    font-size: 1.15rem !important;
}
.tp-product-gadget-categories-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
.tp-product-gadget-banner-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
.tp-product-gadget-banner-price {
    font-size: 1.1rem !important;
}


/* ===== ANUNCIO TEXTOS GRANDES ===== */
.tp-banner-content h3,
.tp-banner-title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}
.tp-banner-content span {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.tp-banner-btn a,
.tp-banner-btn {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
}

/* ===== BANNER ESTILO 4 (asoleadoras, juegos, proyectos) ===== */
.tp-product-banner-title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
.tp-product-banner-subtitle {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}
.tp-product-banner-btn a {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
}

/* ===== SIDEBAR DE CATEGORIA ===== */
.tp-product-gadget-categories-title {
    font-size: 2rem !important;
    font-weight: 800 !important;
}
.tp-product-gadget-banner-title {
    font-size: 2rem !important;
    font-weight: 800 !important;
}
.tp-product-gadget-banner-price {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}
.tp-product-gadget-btn a {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

/* ===== SLIDER PRINCIPAL (solo desktop ≥768px) ===== */
@media (min-width: 768px) {
    .tp-slider-content h3,
    .tp-slider-title {
        font-size: 3rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }
    .tp-slider-content p {
        font-size: 1.5rem !important;
        font-weight: 700 !important;
    }
    .tp-slider-content span {
        font-size: 1.3rem !important;
        font-weight: 700 !important;
    }
    .tp-slider-btn a {
        font-size: 1.15rem !important;
        font-weight: 700 !important;
        padding: 12px 28px !important;
    }
}

/* ===== BANNER AREA ALTURA ===== */
.tp-banner-item,
.tp-banner-height {
    min-height: 320px !important;
}
.tp-product-banner-inner {
    min-height: 350px !important;
}


/* ===== ANDI PALETTE ===== */
:root {
    --tp-theme-color: #2D2427;
    --tp-theme-color-2: #ADA28A;
    --tp-heading-primary: #1E171A;
    --tp-grey-1: #C6BCA3;
}

/* Primary buttons */
.tp-btn,
.tp-btn-2 {
    background-color: #2D2427 !important;
    color: #C6BCA3 !important;
    border-color: #2D2427 !important;
}
.tp-btn:hover,
.tp-btn-2:hover {
    background-color: #1E171A !important;
    color: #ADA28A !important;
}
.tp-btn-blue {
    background-color: #2D2427 !important;
}

/* Links */
a {
    color: #1E171A;
}
a:hover {
    color: #2D2427;
}

/* Section titles */
.tp-section-title,
.tp-section-title-lg {
    color: #1E171A !important;
}

/* Product price */
.tp-product-price.new-price,
.tp-product-price {
    color: #2D2427 !important;
}

/* Badges */
.product-sale {
    background-color: #2D2427 !important;
    color: #C6BCA3 !important;
}

/* Category items */
.tp-category-item .tp-category-title {
    color: #1E171A !important;
}
.tp-category-item:hover .tp-category-title {
    color: #2D2427 !important;
}

/* Tab buttons */
.nav-tabs .nav-link {
    color: #1E171A !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #2D2427 !important;
}

/* Footer dark theme */
.tp-footer-area {
    background-color: #1E171A !important;
}
.tp-footer-widget .tp-footer-title {
    color: #C6BCA3 !important;
}
.tp-footer-widget p,
.tp-footer-widget li,
.tp-footer-widget span {
    color: #ADA28A !important;
}
.tp-footer-widget a {
    color: #ADA28A !important;
}
.tp-footer-widget a:hover {
    color: #C6BCA3 !important;
}

/* Newsletter / signup */
.tp-footer-subscribe-area {
    background-color: #2D2427 !important;
}

/* Copyright bar */
.tp-copyright-area {
    background-color: #1E171A !important;
    border-top: 1px solid #3D3437 !important;
}

/* Slider background */
.tp-slider-item {
    background-color: #1E171A !important;
}

/* Banner backgrounds for ads */
.tp-product-banner-inner.theme-bg {
    background-color: #2D2427 !important;
}

/* Section shape decoration */
.tp-section-title-shape {
    background-color: #ADA28A !important;
}

/* Cart icon badge */
.tp-header-action-cart-count {
    background-color: #2D2427 !important;
    color: #C6BCA3 !important;
}

/* Search */
.tp-header-search-input input {
    border-color: #2D2427 !important;
}
.tp-header-search-btn {
    background-color: #2D2427 !important;
    color: #C6BCA3 !important;
}

/* Scroll to top */
.tp-scroll-top {
    background-color: #2D2427 !important;
    color: #C6BCA3 !important;
}

/* Product card hover */
.tp-product-item:hover .tp-product-title a {
    color: #2D2427 !important;
}

/* Deal/flash sale */
.tp-product-offer {
    background-color: #C6BCA3 !important;
}
.tp-deal-title {
    color: #1E171A !important;
}
.tp-deal-title-pre {
    color: #2D2427 !important;
}

/* Breadcrumb */
.tp-breadcrumb-area {
    background-color: #C6BCA3 !important;
}

/* Mobile menu */
.tp-mobile-menu {
    background-color: #1E171A !important;
}
.tp-mobile-menu a {
    color: #C6BCA3 !important;
}


/* ===== RESPONSIVE SLIDER ===== */

/* Desktop: full height, side-by-side layout */
.tp-slider-height {
    min-height: 600px !important;
}
.tp-slider-thumb img {
    max-height: 600px;
    width: auto;
    object-fit: contain;
}

/* Tablet: 768px - 1199px */
@media (max-width: 1199px) and (min-width: 768px) {
    .tp-slider-height {
        min-height: 450px !important;
    }
    .tp-slider-thumb img {
        max-height: 450px;
    }
    .tp-slider-content h3,
    .tp-slider-title {
        font-size: 2.2rem !important;
    }
    .tp-slider-content p {
        font-size: 1.2rem !important;
    }
    .tp-slider-content span {
        font-size: 1.1rem !important;
    }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
    /* El slide ocupa la pantalla completa, imagen arriba como cover */
    .tp-slider-height,
    .tp-slider-active .owl-item .tp-slider-item.tp-slider-height {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        display: block !important;
    }

    /* El container ocupa todo el ancho */
    .tp-slider-item .container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* Reordenar: imagen arriba, contenido abajo */
    .tp-slider-item .row {
        flex-direction: column-reverse !important;
        margin: 0 !important;
    }

    /* Columnas a ancho completo */
    .tp-slider-item .col-xl-5,
    .tp-slider-item .col-lg-6,
    .tp-slider-item .col-md-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* === IMAGEN: ocupar todo el ancho, proporcional === */
    .tp-slider-thumb {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        position: relative;
    }
    .tp-slider-thumb a {
        display: block !important;
        width: 100% !important;
    }
    .tp-slider-thumb picture {
        display: block !important;
        width: 100% !important;
    }
    /* Forzar que el img cargue la imagen real, no el placeholder */
    .tp-slider-thumb img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 380px !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        margin: 0 !important;
    }

    /* === CONTENIDO: sobre la imagen con overlay === */
    .tp-slider-content {
        text-align: center !important;
        padding: 20px 15px 35px !important;
        color: #1E171A !important;
        position: relative;
        z-index: 2;
    }
    .tp-slider-content h3,
    .tp-slider-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }
    .tp-slider-content p {
        font-size: 0.95rem !important;
        margin-bottom: 10px !important;
    }
    .tp-slider-content span {
        font-size: 0.85rem !important;
        display: inline-block;
        margin-bottom: 4px;
    }
    .tp-slider-btn a {
        font-size: 0.85rem !important;
        padding: 8px 20px !important;
    }
    .tp-slider-shape {
        display: none !important;
    }

    /* Dots bien posicionados */
    .tp-slider-active .owl-dots {
        bottom: 12px !important;
        margin-top: 0 !important;
        z-index: 10;
    }
}
    }
    .tp-slider-content h3,
    .tp-slider-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }
    .tp-slider-content p {
        font-size: 0.95rem !important;
        margin-bottom: 10px !important;
    }
    .tp-slider-content span {
        font-size: 0.85rem !important;
        display: inline-block;
        margin-bottom: 4px;
    }
    .tp-slider-btn a {
        font-size: 0.85rem !important;
        padding: 8px 20px !important;
    }
    .tp-slider-shape {
        display: none !important;
    }

    /* Dots bien posicionados */
    .tp-slider-active .owl-dots {
        bottom: 12px !important;
        margin-top: 0 !important;
    }
}

/* Extra small mobile: < 480px */
@media (max-width: 479px) {
    .tp-slider-height,
    .tp-slider-active .owl-item .tp-slider-item.tp-slider-height {
        min-height: 420px !important;
    }
    .tp-slider-content h3,
    .tp-slider-title {
        font-size: 1.3rem !important;
        line-height: 1.3 !important;
    }
    .tp-slider-content p {
        font-size: 0.85rem !important;
    }
    .tp-slider-btn a {
        font-size: 0.8rem !important;
        padding: 7px 16px !important;
    }
}

/* Make slider image responsive */
.tp-slider-item .tp-slider-thumb picture,
.tp-slider-item .tp-slider-thumb picture img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Owl carousel navigation responsive */
@media (max-width: 767px) {
    .tp-slider-active .owl-nav {
        display: none !important;
    }
    .tp-slider-active .owl-dots {
        margin-top: 0 !important;
    }
}