/* ==========================================================================
           CUADRÍCULA DE COLECCIONES
           ========================================================================== */
        .collections-grid-view {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
            padding-bottom: 40px;
            margin-top: 20px;
        }

        .collections-grid-view .card {
            min-width: 100% !important;
            max-width: 100% !important;
            min-height: 450px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 50px 30px;
        }

        .collections-grid-view .card h3 {
            font-size: 34px !important;
            margin-top: 20px;
        }

        .collections-grid-view .card p {
            font-size: 18px !important;
            max-width: 80%;
            margin: 0 auto;
        }

        /* ==========================================================================
           ADAPTABILIDAD RESPONSIVE (MÓVILES Y TABLETS)
           ========================================================================== */
        @media (max-width: 900px) {
            .header-top {
                padding: 15px 20px;
            }
            .nav-cartier {
                gap: 15px;
            }
            .nav-cartier a {
                font-size: 11px;
            }
        }

        @media (max-width: 767px) {
            .header-top {
                flex-wrap: wrap;
                padding: 15px;
            }
            .header-left {
                flex: 1;
            }
            .header-right {
                flex: 1;
                justify-content: flex-end;
            }
            .header-center {
                flex: 0 0 100%;
                order: 3;
                margin-top: 15px;
            }
            .search-wrapper {
                max-width: 100%;
            }

            .nav-cartier {
                display: flex;
                overflow-x: auto;
                justify-content: flex-start;
                padding: 12px 15px;
                gap: 20px;
                -webkit-overflow-scrolling: touch;
            }

            .nav-cartier::-webkit-scrollbar {
                display: none;
            }

            .nav-cartier a {
                font-size: 11px;
                white-space: nowrap;
            }

            .collections-grid-view {
                grid-template-columns: 1fr;
            }
            .hero-content h1 {
                font-size: 32px !important;
            }
            .modal-fullscreen {
                padding: 30px 5% !important;
            }
            .product-info-col h2 {
                font-size: 28px !important;
            }
            .chat-window {
                width: 90%;
                right: 5%;
                bottom: 80px;
                height: 80vh;
            }
        }

        .recuperacion-box {
            background-color: var(--blanco-roto, #FDFDFB);
            border: 1px solid var(--verde-oliva-suave, #C3C9BC);
            border-radius: 4px;
            padding: 40px 35px;
            max-width: 380px;
            margin: 50px auto;
            text-align: center;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
            position: relative;
        }

        .recuperacion-box h3 {
            color: var(--verde-oliva-oscuro, #3A4334);
            font-size: 22px;
            margin-bottom: 12px;
            font-weight: 400;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .recuperacion-box input {
            width: 100%;
            padding: 14px 15px;
            margin-bottom: 20px;
            border: 1px solid #E0E0E0;
            border-radius: 2px;
            font-size: 14px;
            box-sizing: border-box;
            background-color: #FFFFFF;
            text-align: center;
        }

        .recuperacion-box button {
            width: 100%;
            background-color: var(--verde-oliva-oscuro, #3A4334);
            color: #FFFFFF;
            border: none;
            padding: 14px;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            border-radius: 2px;
        }

        .filter-bar {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
            flex-wrap: wrap;
            padding: 15px;
            background-color: var(--blanco);
            border: 1px solid var(--verde-oliva-suave);
            border-radius: 8px;
        }

        .filter-bar label {
            display: block;
            font-weight: bold;
            color: var(--verde-oliva-oscuro);
            font-size: 14px;
        }

        .filter-field {
            display: grid;
            grid-template-rows: auto 40px;
            gap: 8px;
            align-items: center;
        }

        .filter-bar select, .filter-bar input[type="range"] {
            box-sizing: border-box;
            width: 220px;
            height: 40px;
            margin: 0;
            border: 1px solid var(--gris-suave);
            border-radius: 4px;
        }

        .filter-bar select { padding: 8px; }
        .filter-bar input[type="range"] { padding: 0 8px; }