/* ========================================
           BASE DE LA PÁGINA
        ======================================== */

        .discover-page {

            background:
                var(--rumby-cream);

        }


        /* ========================================
           NAVEGACIÓN ACTIVA EN MÓVIL
        ======================================== */

        .mobile-nav a.active {

            color:
                var(--rumby-teal-dark);

        }


        /* ========================================
           HERO DESCUBRE
        ======================================== */

        .discover-hero {

            position:
                relative;

            overflow:
                hidden;

            padding:
                92px 0 86px;

            background:
                linear-gradient(
                    180deg,
                    #F8F7F3 0%,
                    #F2F8F6 100%
                );

        }


        .discover-hero::before {

            content:
                "";

            position:
                absolute;

            top:
                -180px;

            right:
                -130px;

            width:
                470px;

            height:
                470px;

            border-radius:
                50%;

            background:
                rgba(25, 181, 165, 0.08);

            pointer-events:
                none;

        }


        .discover-hero::after {

            content:
                "";

            position:
                absolute;

            left:
                -100px;

            bottom:
                -180px;

            width:
                390px;

            height:
                390px;

            border-radius:
                50%;

            background:
                rgba(255, 200, 87, 0.10);

            pointer-events:
                none;

        }


        .discover-hero-row {

            position:
                relative;

            z-index:
                2;

        }


        .discover-eyebrow {

            width:
                fit-content;

            display:
                inline-flex;

            align-items:
                center;

            gap:
                8px;

            margin-bottom:
                20px;

            padding:
                8px 13px;

            border:
                1px solid rgba(25, 181, 165, 0.20);

            border-radius:
                999px;

            background:
                rgba(25, 181, 165, 0.07);

            color:
                var(--rumby-teal-dark);

            font-size:
                0.82rem;

            font-weight:
                600;

        }


        .discover-eyebrow-dot {

            width:
                8px;

            height:
                8px;

            flex:
                0 0 auto;

            border-radius:
                50%;

            background:
                var(--rumby-coral);

        }


        .discover-title {

            max-width:
                720px;

            margin:
                0 0 24px;

            color:
                var(--rumby-dark);

            font-size:
                clamp(3.1rem, 5.5vw, 5.8rem);

            font-weight:
                800;

            line-height:
                0.98;

            letter-spacing:
                -0.055em;

        }


        .discover-title span {

            color:
                var(--rumby-teal);

        }


        .discover-lead {

            max-width:
                620px;

            margin:
                0 0 34px;

            color:
                var(--rumby-text);

            font-size:
                clamp(1.05rem, 1.6vw, 1.28rem);

            line-height:
                1.7;

        }


        /* ========================================
           BUSCADOR PRINCIPAL
        ======================================== */

        .discover-search {

            max-width:
                690px;

            padding:
                10px;

            display:
                grid;

            grid-template-columns:
                minmax(0, 1fr) auto;

            gap:
                10px;

            border:
                1px solid rgba(23, 35, 33, 0.09);

            border-radius:
                22px;

            background:
                rgba(255, 255, 255, 0.94);

            box-shadow:
                0 18px 45px rgba(23, 35, 33, 0.09);

        }


        .discover-search-field {

            position:
                relative;

            display:
                flex;

            align-items:
                center;

        }


        .discover-search-icon {

            position:
                absolute;

            left:
                18px;

            width:
                21px;

            height:
                21px;

            pointer-events:
                none;

            color:
                var(--rumby-teal-dark);

        }


        .discover-search-input {

            width:
                100%;

            min-height:
                56px;

            padding:
                0 18px 0 50px;

            border:
                0;

            outline:
                0;

            border-radius:
                15px;

            background:
                transparent;

            color:
                var(--rumby-dark);

            font-size:
                0.97rem;

            font-weight:
                500;

        }


        .discover-search-input::placeholder {

            color:
                #87938F;

        }


        .discover-search-button {

            min-width:
                132px;

            min-height:
                56px;

            padding:
                12px 22px;

            border:
                0;

            border-radius:
                15px;

            background:
                var(--rumby-teal);

            color:
                white;

            font-weight:
                700;

            transition:
                transform var(--rumby-transition),
                background var(--rumby-transition),
                box-shadow var(--rumby-transition);

        }


        .discover-search-button:hover {

            transform:
                translateY(-1px);

            background:
                var(--rumby-teal-dark);

            box-shadow:
                0 10px 22px rgba(25, 181, 165, 0.22);

        }


        .discover-search-note {

            margin:
                14px 0 0;

            color:
                #71807C;

            font-size:
                0.78rem;

            line-height:
                1.5;

        }


        /* ========================================
           HERO VISUAL
        ======================================== */

        .discover-visual {

            position:
                relative;

            width:
                min(100%, 570px);

            min-height:
                550px;

            margin:
                0 0 0 auto;

        }


        .discover-main-photo {

            position:
                absolute;

            top:
                0;

            right:
                0;

            width:
                78%;

            height:
                430px;

            overflow:
                hidden;

            border-radius:
                35px;

            box-shadow:
                0 24px 60px rgba(23, 35, 33, 0.16);

        }


        .discover-main-photo img {

            width:
                100%;

            height:
                100%;

            object-fit:
                cover;

        }


        .discover-secondary-photo {

            position:
                absolute;

            left:
                0;

            bottom:
                0;

            width:
                56%;

            height:
                250px;

            overflow:
                hidden;

            border:
                9px solid var(--rumby-cream);

            border-radius:
                29px;

            background:
                #DDE9E6;

            box-shadow:
                0 20px 45px rgba(23, 35, 33, 0.14);

        }


        .discover-secondary-photo img {

            width:
                100%;

            height:
                100%;

            object-fit:
                cover;

        }


        .discover-floating-card {

            position:
                absolute;

            right:
                -4px;

            bottom:
                30px;

            z-index:
                4;

            width:
                min(275px, 60%);

            padding:
                17px 18px;

            border:
                1px solid rgba(255, 255, 255, 0.65);

            border-radius:
                20px;

            background:
                rgba(255, 255, 255, 0.91);

            backdrop-filter:
                blur(15px);

            -webkit-backdrop-filter:
                blur(15px);

            box-shadow:
                0 18px 40px rgba(23, 35, 33, 0.12);

        }


        .discover-floating-label {

            display:
                block;

            margin-bottom:
                6px;

            color:
                var(--rumby-teal-dark);

            font-size:
                0.72rem;

            font-weight:
                700;

            text-transform:
                uppercase;

            letter-spacing:
                0.08em;

        }


        .discover-floating-card strong {

            display:
                block;

            margin-bottom:
                3px;

            color:
                var(--rumby-dark);

            font-size:
                1rem;

            font-weight:
                800;

        }


        .discover-floating-card p {

            margin:
                0;

            color:
                var(--rumby-text);

            font-size:
                0.78rem;

        }


        .discover-accent {

            position:
                absolute;

            z-index:
                -1;

            border-radius:
                50%;

        }


        .discover-accent-coral {

            top:
                38px;

            left:
                38px;

            width:
                88px;

            height:
                88px;

            background:
                rgba(255, 107, 94, 0.28);

        }


        .discover-accent-yellow {

            right:
                -15px;

            bottom:
                120px;

            width:
                66px;

            height:
                66px;

            background:
                rgba(255, 200, 87, 0.55);

        }


        /* ========================================
           FILTROS
        ======================================== */

        .discover-filters-section {

            padding:
                72px 0 45px;

            background:
                var(--rumby-white);

        }


        .discover-filters-header {

            display:
                flex;

            align-items:
                flex-end;

            justify-content:
                space-between;

            gap:
                30px;

            margin-bottom:
                30px;

        }


        .discover-filter-title {

            margin:
                0 0 9px;

            color:
                var(--rumby-dark);

            font-size:
                clamp(2rem, 3vw, 3rem);

            font-weight:
                800;

            letter-spacing:
                -0.04em;

        }


        .discover-filter-description {

            margin:
                0;

            color:
                var(--rumby-text);

            line-height:
                1.6;

        }


        .discover-filter-list {

            display:
                flex;

            flex-wrap:
                wrap;

            gap:
                11px;

        }


        .discover-filter {

            min-height:
                46px;

            padding:
                10px 18px;

            border:
                1px solid rgba(23, 35, 33, 0.12);

            border-radius:
                999px;

            background:
                white;

            color:
                var(--rumby-text);

            font-size:
                0.9rem;

            font-weight:
                600;

            transition:
                color var(--rumby-transition),
                border-color var(--rumby-transition),
                background var(--rumby-transition),
                transform var(--rumby-transition);

        }


        .discover-filter:hover {

            transform:
                translateY(-1px);

            border-color:
                rgba(25, 181, 165, 0.42);

            color:
                var(--rumby-teal-dark);

        }


        .discover-filter.active {

            border-color:
                var(--rumby-teal);

            background:
                var(--rumby-teal);

            color:
                white;

        }


        /* ========================================
           RESULTADOS
        ======================================== */

        .discover-results-section {

            padding:
                30px 0 105px;

            background:
                var(--rumby-white);

        }


        .discover-results-header {

            display:
                flex;

            align-items:
                center;

            justify-content:
                space-between;

            gap:
                20px;

            margin-bottom:
                27px;

        }


        .discover-results-title {

            margin:
                0;

            color:
                var(--rumby-dark);

            font-size:
                1.15rem;

            font-weight:
                700;

        }


        .discover-results-count {

            color:
                var(--rumby-teal-dark);

            font-size:
                0.87rem;

            font-weight:
                700;

        }


        .discover-grid {

            display:
                grid;

            grid-template-columns:
                repeat(3, minmax(0, 1fr));

            gap:
                22px;

        }


        /* ========================================
           TARJETAS DE LUGARES
        ======================================== */

        .discover-card {

            position:
                relative;

            min-width:
                0;

            overflow:
                hidden;

            border:
                1px solid rgba(23, 35, 33, 0.08);

            border-radius:
                25px;

            background:
                white;

            box-shadow:
                0 14px 38px rgba(23, 35, 33, 0.07);

            transition:
                transform 260ms ease,
                box-shadow 260ms ease;

        }


        .discover-card[hidden] {

            display:
                none !important;

        }


        .discover-card-image-wrap {

            position:
                relative;

            height:
                255px;

            overflow:
                hidden;

            background:
                #DDE8E5;

        }


        .discover-card-image {

            width:
                100%;

            height:
                100%;

            object-fit:
                cover;

            transition:
                transform 450ms ease;

        }


        .discover-card-badge {

            position:
                absolute;

            top:
                15px;

            left:
                15px;

            z-index:
                2;

            padding:
                8px 12px;

            border-radius:
                999px;

            background:
                rgba(23, 35, 33, 0.66);

            color:
                white;

            backdrop-filter:
                blur(8px);

            -webkit-backdrop-filter:
                blur(8px);

            font-size:
                0.72rem;

            font-weight:
                700;

        }


        .discover-card-heart {

            position:
                absolute;

            top:
                14px;

            right:
                14px;

            z-index:
                3;

            width:
                41px;

            height:
                41px;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            border:
                0;

            border-radius:
                50%;

            background:
                rgba(255, 255, 255, 0.93);

            color:
                var(--rumby-dark);

            box-shadow:
                0 6px 18px rgba(23, 35, 33, 0.12);

            transition:
                transform var(--rumby-transition),
                color var(--rumby-transition),
                background var(--rumby-transition);

        }


        .discover-card-heart svg {

            width:
                20px;

            height:
                20px;

            fill:
                none;

            stroke:
                currentColor;

            stroke-width:
                1.8;

        }


        .discover-card-heart:hover {

            transform:
                scale(1.06);

            color:
                var(--rumby-coral);

        }


        .discover-card-heart.saved {

            color:
                white;

            background:
                var(--rumby-coral);

        }


        .discover-card-heart.saved svg {

            fill:
                currentColor;

        }


        .discover-card-content {

            padding:
                20px 20px 22px;

        }


        .discover-card-location {

            display:
                flex;

            align-items:
                center;

            gap:
                6px;

            margin-bottom:
                8px;

            color:
                var(--rumby-teal-dark);

            font-size:
                0.78rem;

            font-weight:
                700;

        }


        .discover-card-location-dot {

            width:
                6px;

            height:
                6px;

            border-radius:
                50%;

            background:
                var(--rumby-coral);

        }


        .discover-card-title {

            margin:
                0 0 10px;

            color:
                var(--rumby-dark);

            font-size:
                1.28rem;

            font-weight:
                800;

            letter-spacing:
                -0.025em;

        }


        .discover-card-meta {

            margin:
                0 0 17px;

            color:
                #667570;

            font-size:
                0.82rem;

            line-height:
                1.5;

        }


        .discover-card-bottom {

            display:
                flex;

            align-items:
                center;

            justify-content:
                space-between;

            gap:
                14px;

            padding-top:
                15px;

            border-top:
                1px solid rgba(23, 35, 33, 0.08);

        }


        .discover-card-type {

            color:
                var(--rumby-text);

            font-size:
                0.78rem;

            font-weight:
                600;

        }


        .discover-card-link {

            display:
                inline-flex;

            align-items:
                center;

            gap:
                7px;

            color:
                var(--rumby-teal-dark);

            font-size:
                0.82rem;

            font-weight:
                700;

            transition:
                gap var(--rumby-transition),
                color var(--rumby-transition);

        }


        .discover-card-link:hover {

            gap:
                10px;

            color:
                var(--rumby-teal);

        }


        @media (hover: hover) {

            .discover-card:hover {

                transform:
                    translateY(-5px);

                box-shadow:
                    0 20px 48px rgba(23, 35, 33, 0.12);

            }


            .discover-card:hover .discover-card-image {

                transform:
                    scale(1.045);

            }

        }


        /* ========================================
           SIN RESULTADOS
        ======================================== */

        .discover-empty {

            display:
                none;

            max-width:
                600px;

            margin:
                55px auto 10px;

            padding:
                38px 30px;

            border:
                1px solid rgba(23, 35, 33, 0.08);

            border-radius:
                24px;

            background:
                var(--rumby-cream);

            text-align:
                center;

        }


        .discover-empty.visible {

            display:
                block;

        }


        .discover-empty-icon {

            width:
                58px;

            height:
                58px;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            margin:
                0 auto 18px;

            border-radius:
                18px;

            background:
                rgba(25, 181, 165, 0.10);

            color:
                var(--rumby-teal-dark);

            font-size:
                1.5rem;

        }


        .discover-empty h3 {

            margin:
                0 0 8px;

            color:
                var(--rumby-dark);

            font-size:
                1.25rem;

            font-weight:
                800;

        }


        .discover-empty p {

            margin:
                0;

            color:
                var(--rumby-text);

            line-height:
                1.6;

        }


        /* ========================================
           EXPLORA VENEZUELA
        ======================================== */

        .discover-regions {

            position:
                relative;

            overflow:
                hidden;

            padding:
                105px 0;

            background:
                var(--rumby-cream);

        }


        .discover-regions-header {

            max-width:
                760px;

            margin-bottom:
                40px;

        }


        .discover-regions-title {

            margin:
                0 0 15px;

            color:
                var(--rumby-dark);

            font-size:
                clamp(2.5rem, 4vw, 4.2rem);

            font-weight:
                800;

            line-height:
                1.02;

            letter-spacing:
                -0.045em;

        }


        .discover-regions-title span {

            color:
                var(--rumby-teal);

        }


        .discover-regions-description {

            max-width:
                610px;

            margin:
                0;

            color:
                var(--rumby-text);

            font-size:
                1rem;

            line-height:
                1.7;

        }


        .discover-regions-grid {

            display:
                grid;

            grid-template-columns:
                1.35fr 1fr 1fr;

            grid-template-rows:
                255px 255px;

            gap:
                18px;

        }


        .discover-region {

            position:
                relative;

            overflow:
                hidden;

            display:
                flex;

            align-items:
                flex-end;

            min-height:
                220px;

            border-radius:
                26px;

            isolation:
                isolate;

        }


        .discover-region:first-child {

            grid-row:
                1 / 3;

        }


        .discover-region img {

            position:
                absolute;

            inset:
                0;

            z-index:
                -2;

            width:
                100%;

            height:
                100%;

            object-fit:
                cover;

            transition:
                transform 500ms ease;

        }


        .discover-region::after {

            content:
                "";

            position:
                absolute;

            inset:
                0;

            z-index:
                -1;

            background:
                linear-gradient(
                    180deg,
                    rgba(23, 35, 33, 0.03) 20%,
                    rgba(23, 35, 33, 0.80) 100%
                );

        }


        .discover-region-content {

            width:
                100%;

            padding:
                25px;

            color:
                white;

        }


        .discover-region-state {

            display:
                block;

            margin-bottom:
                5px;

            color:
                rgba(255, 255, 255, 0.77);

            font-size:
                0.78rem;

            font-weight:
                600;

        }


        .discover-region h3 {

            margin:
                0;

            font-size:
                clamp(1.3rem, 2vw, 1.9rem);

            font-weight:
                800;

            letter-spacing:
                -0.025em;

        }


        @media (hover: hover) {

            .discover-region:hover img {

                transform:
                    scale(1.05);

            }

        }


        /* ========================================
           CTA FINAL
        ======================================== */

        .discover-cta-section {

            padding:
                105px 0;

            background:
                white;

        }


        .discover-cta {

            position:
                relative;

            overflow:
                hidden;

            padding:
                70px 70px;

            border-radius:
                34px;

            background:
                var(--rumby-dark);

            color:
                white;

        }


        .discover-cta::before {

            content:
                "";

            position:
                absolute;

            top:
                -120px;

            right:
                -70px;

            width:
                330px;

            height:
                330px;

            border-radius:
                50%;

            background:
                rgba(25, 181, 165, 0.20);

        }


        .discover-cta::after {

            content:
                "";

            position:
                absolute;

            right:
                210px;

            bottom:
                -85px;

            width:
                190px;

            height:
                190px;

            border-radius:
                50%;

            background:
                rgba(255, 200, 87, 0.13);

        }


        .discover-cta-content {

            position:
                relative;

            z-index:
                2;

            max-width:
                700px;

        }


        .discover-cta-label {

            display:
                inline-block;

            margin-bottom:
                18px;

            color:
                var(--rumby-yellow);

            font-size:
                0.78rem;

            font-weight:
                700;

            text-transform:
                uppercase;

            letter-spacing:
                0.1em;

        }


        .discover-cta h2 {

            margin:
                0 0 18px;

            font-size:
                clamp(2.3rem, 4vw, 4rem);

            font-weight:
                800;

            line-height:
                1.04;

            letter-spacing:
                -0.045em;

        }


        .discover-cta h2 span {

            color:
                var(--rumby-teal);

        }


        .discover-cta p {

            max-width:
                580px;

            margin:
                0 0 28px;

            color:
                rgba(255, 255, 255, 0.75);

            line-height:
                1.7;

        }


        /* ========================================
           RESPONSIVE - TABLET
        ======================================== */

        @media (max-width: 991.98px) {

            .discover-hero {

                padding:
                    70px 0 75px;

            }


            .discover-visual {

                margin:
                    55px auto 0;

            }


            .discover-grid {

                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

            }


            .discover-regions-grid {

                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

                grid-template-rows:
                    300px 240px 240px;

            }


            .discover-region:first-child {

                grid-column:
                    1 / 3;

                grid-row:
                    auto;

            }


            .discover-cta {

                padding:
                    60px 45px;

            }

        }


        /* ========================================
           RESPONSIVE - MÓVIL
        ======================================== */

        @media (max-width: 767.98px) {

            .discover-hero {

                padding:
                    55px 0 65px;

            }


            .discover-title {

                font-size:
                    clamp(2.7rem, 13vw, 4.2rem);

            }


            .discover-search {

                grid-template-columns:
                    1fr;

                padding:
                    8px;

            }


            .discover-search-button {

                width:
                    100%;

            }


            .discover-visual {

                min-height:
                    455px;

            }


            .discover-main-photo {

                width:
                    83%;

                height:
                    340px;

            }


            .discover-secondary-photo {

                width:
                    58%;

                height:
                    205px;

                border-width:
                    7px;

            }


            .discover-floating-card {

                right:
                    0;

                bottom:
                    18px;

                width:
                    61%;

                padding:
                    14px;

            }


            .discover-filters-section {

                padding:
                    60px 0 35px;

            }


            .discover-filters-header {

                align-items:
                    flex-start;

                flex-direction:
                    column;

                gap:
                    15px;

            }


            .discover-filter-list {

                flex-wrap:
                    nowrap;

                margin-right:
                    -16px;

                padding-right:
                    16px;

                overflow-x:
                    auto;

                scrollbar-width:
                    none;

            }


            .discover-filter-list::-webkit-scrollbar {

                display:
                    none;

            }


            .discover-filter {

                flex:
                    0 0 auto;

            }


            .discover-results-section {

                padding:
                    25px 0 80px;

            }


            .discover-grid {

                grid-template-columns:
                    1fr;

            }


            .discover-card-image-wrap {

                height:
                    270px;

            }


            .discover-regions {

                padding:
                    80px 0;

            }


            .discover-regions-grid {

                display:
                    flex;

                gap:
                    15px;

                margin-right:
                    -16px;

                padding-right:
                    16px;

                overflow-x:
                    auto;

                scroll-snap-type:
                    x mandatory;

                scrollbar-width:
                    none;

            }


            .discover-regions-grid::-webkit-scrollbar {

                display:
                    none;

            }


            .discover-region,
            .discover-region:first-child {

                width:
                    min(82vw, 340px);

                min-width:
                    min(82vw, 340px);

                height:
                    390px;

                grid-column:
                    auto;

                grid-row:
                    auto;

                scroll-snap-align:
                    start;

            }


            .discover-cta-section {

                padding:
                    75px 0;

            }


            .discover-cta {

                padding:
                    48px 27px;

                border-radius:
                    28px;

            }

        }


        /* ========================================
           PANTALLAS MUY PEQUEÑAS
        ======================================== */

        @media (max-width: 374px) {

            .discover-visual {

                min-height:
                    410px;

            }


            .discover-main-photo {

                height:
                    300px;

            }


            .discover-secondary-photo {

                height:
                    180px;

            }


            .discover-floating-card {

                width:
                    65%;

            }


            .discover-card-image-wrap {

                height:
                    235px;

            }

        }

        /* ========================================
        BADGE CTA FINAL
        ======================================== */

        .discover-cta-badge {

            background:
                rgba(255, 200, 87, 0.16);

            border:
                1px solid rgba(255, 200, 87, 0.32);

            color:
                var(--rumby-yellow);

            box-shadow:
                none;

        }