/* ===== TITULO EPICO ===== */
        @font-face {
            font-family: 'Condor-Compressed';
            src: url('../Recursos/fonts/Condor-CompressedMedium-Testing.ttf') format('truetype'),
                url('../Recursos/fonts/Condor-CompressedMedium-Testing.otf') format('opentype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Condor-noCompressed';
            src: url('../Recursos/fonts/Condor-CompressedLight-Testing.ttf') format('truetype'),
                url('../Recursos/fonts/Condor-CompressedLight-Testing.otf') format('opentype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Bicyclette';
            src: url('../Recursos/fonts/bicyclette/fonnts.com-Bicyclette_Regular.otf') format('opentype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        
        p, span, a, li, ul, ol,
        label, small, strong, em,
        button, input, textarea, select,
        th, td, caption, figcaption,
        blockquote, pre, code {
            font-family: 'Bicyclette', sans-serif !important;
        }
        a, select{
            font-size: 20px;
        }
     

        .experiencias-title {
            font-size: 100px;
            font-family: 'Condor-Compressed', sans-serif !important;
            background: linear-gradient(90deg, #C1A268, #C1A268, #C1A268);
            background-size: 200% auto;
            color: #C1A268;
           
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 6px;
            animation: glowmove 3s linear infinite;
            
        }

        @keyframes glowmove {
            from {
                background-position: 0% center;
            }

            to {
                background-position: 200% center;
            }
        }

        /* ===== BASE ===== */
        body {
            background: whitesmoke;
        }

        .titulo {
            font-family: 'Condor-Compressed', sans-serif !important;
            font-size: 50px;
            color: #C1A268;
        }

        p,
        li {
            font-size: 27px;
            color: #E3E3E3;
            font-family: 'Bicyclette', sans-serif !important;
            letter-spacing: 0;
        }

        strong {
            font-size: 27px;
            color: #D6B98B;
            font-family: 'Bicyclette', sans-serif !important;
        }

        /* ===== SCROLL ===== */
        .scroll-row {
            scroll-snap-type: x mandatory;
            display: flex;
            overflow-x: auto;
            gap: 1.5rem;
            padding: 1rem;
            height: 100vh;
            overflow-y: hidden;
            scrollbar-width: auto;
            user-select: none;
        }


.scroll-row::-webkit-scrollbar {
    height: 18px;
}

.scroll-row::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
}

.scroll-row::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #FFD46A, #9b7f47);
    border-radius: 10px;
}
        .scroll-wrapper {
            position: relative;
        }

        /* ===== BADGE ===== */
        .badge {
            height: 8vh;
            width: 25vh;
        }

        .experience-card .badge {
            font-size: 2rem !important;
            text-align: left;
        }

        /* ===== BOTONES ===== */
        .scroll-btn {
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            border: none;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            font-size: 24px;
            cursor: pointer;
            z-index: 10;
        }

        .scroll-btn.left {
            left: 10px;
        }

        .scroll-btn.right {
            right: 10px;
        }

        .scroll-btn:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        /* ===================== CARD ===================== */
        .experience-card {
            scroll-snap-align: center;
            flex-shrink: 0;
            position: relative;

            background: linear-gradient(145deg, #1f4f52, #173f41);

            border-radius: 22px;
            border: 1px solid rgba(255, 212, 0, 0.25);
            overflow: hidden;

            width: 96%;
            height: 80vh;
            align-items: center;
            box-shadow:
                0 10px 25px rgba(0, 0, 0, 0.35),
                inset 0 0 0 1px rgba(255, 255, 255, 0.05);

            transition:
                transform 0.4s ease,
                box-shadow 0.4s ease;
        }

        .experience-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.6));
            pointer-events: none;
            z-index: 1;
        }

        .experience-card img {
            width: 100%;
            height: 70%;
            object-fit: cover;
            position: relative;
            z-index: 1;
            padding: 6px;
            background: linear-gradient(360deg, #dba943, #9b7f47);

            border-radius: 44px 44px 100% 100% / 44px 44px 20% 20%;
            overflow: hidden;
        }

        .image-wrapper {
            position: relative;
            clip-path: ellipse(120% 85% at 50% 0%);
            overflow: hidden;
        }

        .image-wrapper::after {
            content: "";
            position: absolute;
            inset: 0;
            border-bottom: 100px solid #d4af37;
            pointer-events: none;
        }


        .experience-card:hover {
            transform: translateY(-10px) scale(1.01);
            box-shadow:
                0 30px 60px rgba(0, 0, 0, 0.6),
                0 0 40px rgba(255, 212, 0, 0.45);
        }

        .experience-card p {
            font-size: 2.4rem !important;
            font-family: 'Condor-Compressed', sans-serif !important;
            text-align: center;
            position: relative;
            padding-bottom: 0.5rem;
            text-transform: uppercase;
        }

        .experience-card p::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 45vh;
            height: 4px;
            background: linear-gradient(185deg, #eee0a8, #9b7f47);

            clip-path: polygon(0 50%,
                    5% 0,
                    95% 0,
                    100% 50%,
                    95% 100%,
                    5% 100%);
        }

        .experience-card h5 {
            font-size: 1.8rem !important;
            line-height: 1.2;
            text-align: center;
            font-family: 'Bicyclette', sans-serif !important;
            color: #B3C0A8;
            z-index: 2;
        }

        .experience-card .price1 {
            display: block;
            margin: 0 auto;
            text-align: center;
            color: #FFD46A;
            font-size: 2.5rem;
            font-weight: bold;   
            text-shadow: 0 0 20px rgb(180, 139, 49);
            z-index: 2;
            font-family: 'Bicyclette', sans-serif !important;

        }

        /* ===== PC ===== */
        @media (min-width: 769px) {
            .experience-card {
                width: 30% !important;
                height: 80vh;
            }
        }

        /* ===== MOVIL FIX ===== */
        @media (max-width: 768px) {
            .experience-card {
                height: auto;
                min-height: 70vh;
                /* ← MENOS ALTO (era 70vh) */
                width: 90%;
               
                /* Opcional: max-height para limitar */
                max-height: 65vh;
            }

            /* IMAGEN MÁS GRANDE */
            .experience-card img {
                height: 50%;
                /* ← MÁS GRANDE (era 28%) */
                /* O usa: object-fit: cover; width: 100%; height: 45%; */
                object-fit: cover;
                object-position: center;
            }

            /* Resto sin cambios */
            .experience-card .card-body {
                flex-grow: 1;
                /* Card-body ocupa resto del espacio */
                padding: 1rem;
            }

            .experience-card p {
                font-size: 1.8rem !important;
                 z-index: 2;
            }
             .experience-card h5 {
                font-size: 1.3rem !important;
                 z-index: 2;
            }

            .price1 {
                font-size: 1.2rem;
                 z-index: 2;
            }

            .experiencias-title {
                font-size: 60px;
                letter-spacing: 3px;
            }
            .scroll-btn{
                top: 35%;
            }
        }

        /* ===== MODAL ===== */
        .fullscreen-img {
            height: 100vh;
            object-fit: cover;
        }

        .img-modal {
            display: block;
            max-height: 100vh;
            object-fit: cover;
        }

        .btn-close {
            width: 5rem;
            height: 5rem;
        }

        .carousel,
        .carousel-inner,
        .carousel-item {
            height: 100vh;
        }

        .carousel img {
            height: 100%;
            object-fit: cover;
        }

        .info-section {
            padding: 3rem 2rem;
            text-align: center;
        }

        .footer {
            background: var(#255455);
            text-align: center;
            padding: 1rem;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
        }
        .mobile-menu a {
            text-decoration: none;
            color: var(--blanco);
            font-size: 1.5rem;
            font-weight: 700;
          }
          
          .mobile-lang {
            background: var(--verde-claro);
            color: var(--blanco);
            border: 2px solid var(--dorado);
            padding: 0.8rem;
            font-size: 1.2rem;
            border-radius: 10px;
          }
          .experience-card{
            min-width: 40vh;
            max-width: 50vh;
          }