{"id":7860,"date":"2026-05-11T09:55:11","date_gmt":"2026-05-11T09:55:11","guid":{"rendered":"https:\/\/rolliodemadrid.com\/?page_id=7860"},"modified":"2026-05-31T12:33:21","modified_gmt":"2026-05-31T12:33:21","slug":"programok-es-csomagok","status":"publish","type":"page","link":"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/","title":{"rendered":"Programok \u00e9s csomagok"},"content":{"rendered":"<section class=\"somoza-hero-section\">\n    <div class=\"somoza-hero-overlay\"><\/div>\n    <div class=\"somoza-hero-container\">\n        <div class=\"somoza-hero-content\">\n            \n            <h1 class=\"somoza-hero-title\">\n                <span class=\"word\" style=\"animation-delay: 0.1s;\">Vive la ciudad.<\/span><br>\n                <span class=\"word\" style=\"animation-delay: 0.3s;\">Sin restricciones.<\/span>\n            <\/h1>\n\n            <p class=\"somoza-hero-text word\" style=\"animation-delay: 0.5s;\">\n                Itinerarios personalizados y exploraciones privadas, en las que hemos resuelto cada detalle de antemano. \n                Porque la libertad de explorar comienza cuando la log\u00edstica y los obst\u00e1culos dejan de existir.\n            <\/p>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@300;400;500&display=swap');\n\n    .somoza-hero-section {\n        position: relative;\n        width: 100%;\n        height: 80vh;\n        min-height: 550px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-image: url('https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/szolgaltatasokkep.png');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        overflow: hidden;\n        background-color: #1A2A3A; \/* Tartal\u00e9k sz\u00edn *\/\n    }\n\n    .somoza-hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 100%);\n        z-index: 1;\n    }\n\n    .somoza-hero-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 40px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .somoza-hero-content {\n        max-width: 850px;\n        text-align: left;\n    }\n\n    \/* TIPOGR\u00c1FIA ALAPOK *\/\n    .somoza-hero-title {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: clamp(40px, 5vw, 66px);\n        font-weight: 400;\n        color: #ffffff;\n        line-height: 1.05;\n        margin: 0 0 24px 0;\n        letter-spacing: -0.5px;\n    }\n\n    .somoza-hero-text {\n        font-family: 'Montserrat', sans-serif;\n        font-size: clamp(16px, 1.2vw, 20px);\n        font-weight: 300;\n        color: #ffffff;\n        line-height: 1.8;\n        max-width: 750px;\n        margin: 0;\n        letter-spacing: 0.5px;\n    }\n\n    \/* === AZ \u00c1LTALAD MEGADOTT ANIM\u00c1CI\u00d3S LOGIKA === *\/\n    .word {\n        display: inline-block;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: fadeInUpWord 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;\n    }\n\n    @keyframes fadeInUpWord {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* MOBIL N\u00c9ZET *\/\n    @media (max-width: 768px) {\n        .somoza-hero-section { height: 65vh; min-height: 450px; }\n        .somoza-hero-content { text-align: center; margin: 0 auto; }\n        .somoza-hero-title { margin-bottom: 20px; }\n    }\n<\/style>\n\n\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>G\u00f6rgethet\u0151 K\u00e1rtya Szekci\u00f3<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&amp;family=Montserrat:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --color-primary: #1A2A3A;\n            --color-accent: #D4AF37;\n            --color-blue: #004C99;\n            --color-bg: #F5F8FA;\n            --font-main: 'Montserrat', sans-serif;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: var(--color-bg);\n            font-family: var(--font-main);\n        }\n\n        \/* === HORIZONT\u00c1LIS G\u00d6RGET\u0150 SZEKCI\u00d3 KONT\u00c9NER === *\/\n        #ge-horizontal-scroll-section {\n            position: relative;\n            width: 100%;\n            \/* Alap magass\u00e1g biztos\u00edt\u00e9kk\u00e9nt, ha a JS k\u00e9sne *\/\n            min-height: 300vh; \n        }\n\n        \/* === A RAGAD\u00d3S (STICKY) R\u00c9SZ === *\/\n        .ge-sticky-wrapper {\n            position: -webkit-sticky !important; \/* Safari t\u00e1mogat\u00e1s *\/\n            position: sticky !important;\n            top: 0 !important;\n            height: 100vh; \/* Pontosan a k\u00e9perny\u0151 magass\u00e1g\u00e1t t\u00f6lti ki *\/\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            overflow: hidden; \/* Csak itt rejtj\u00fck el a v\u00edzszintesen kil\u00f3g\u00f3 k\u00e1rty\u00e1kat *\/\n        }\n\n        \/* === C\u00cdMSOR DIZ\u00c1JN === *\/\n        .ge-somoza-blog-header {\n            text-align: center;\n            margin-bottom: 30px;\n            padding-top: 0;\n        }\n\n       .ge-somoza-blog-kicker {\n    font-size: 13px; \/* 11px-r\u0151l 13px-re n\u00f6velve *\/\n    font-weight: 500;\n    color: #1A2A3A; \/* Fix sz\u00ednbe\u00e1ll\u00edt\u00e1s *\/\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    display: flex; \/* Flexbox a vonalak elhelyez\u00e9s\u00e9hez *\/\n    align-items: center;\n    justify-content: center;\n    gap: 15px; \/* T\u00e1vols\u00e1g a sz\u00f6veg \u00e9s a vonalak k\u00f6z\u00f6tt *\/\n    margin-bottom: 15px;\n}\n\n\/* S\u00e1rga vonalak l\u00e9trehoz\u00e1sa a sz\u00f6veg el\u0151tt \u00e9s ut\u00e1n *\/\n.ge-somoza-blog-kicker::before,\n.ge-somoza-blog-kicker::after {\n    content: \"\";\n    display: inline-block;\n    width: 50px; \/* A vonal hossza *\/\n    height: 1px; \/* A vonal vastags\u00e1ga *\/\n    background-color: var(--color-accent); \/* S\u00e1rga\/Arany sz\u00edn *\/\n}\n\n      .ge-somoza-blog-main-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 56px; \/* 48px-r\u0151l 56px-re n\u00f6velve *\/\n    color: var(--color-primary);\n    font-weight: 400;\n    text-transform: none; \/* Elt\u00e1vol\u00edtjuk a csupa nagybet\u0171t *\/\n    letter-spacing: -1px;\n    margin: 0;\n}\n\n        \/* === K\u00c1RTY\u00c1K S\u00c1VJA === *\/\n        .ge-cards-track {\n            display: flex;\n            gap: 40px; \n            padding-left: calc(50vw - 300px); \/* 1. k\u00e1rtya k\u00f6z\u00e9pre igaz\u00edt\u00e1sa (300px a k\u00e1rtya fele) *\/\n            padding-right: calc(50vw - 300px); \/* Utols\u00f3 k\u00e1rtya k\u00f6z\u00e9pre enged\u00e9se *\/\n            width: max-content;\n            will-change: transform; \n        }\n\n        \/* === K\u00c1RTYA DIZ\u00c1JN === *\/\n        .ge-premium-card {\n            width: 600px;\n            height: 360px;\n            background: #fff;\n            padding: 15px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);\n            border-radius: 35px;\n            border-top: 3px solid var(--color-blue);\n            display: flex;\n            flex-direction: row;\n            gap: 15px;\n            align-items: stretch;\n            flex-shrink: 0; \n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n            text-decoration: none;\n            color: inherit;\n            cursor: pointer;\n        }\n\n        .ge-premium-card-img {\n            flex: 0 0 230px; \n            border-radius: 20px; \n            overflow: hidden;\n            background-color: #eee;\n        }\n\n        .ge-premium-card-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transform: scale(1.1); \n            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        .ge-premium-card-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .ge-premium-card-content h3 {\n            font-size: 16px;\n            color: var(--color-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 8px;\n            line-height: 1.4;\n            margin-top: 0;\n        }\n\n        .ge-premium-card-content .ge-kicker-text {\n            font-size: 10px;\n            color: var(--color-blue);\n            font-weight: 700;\n            margin-bottom: 12px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .ge-premium-card-content .ge-short-text {\n            font-size: 13px;\n            color: #444;\n            line-height: 1.5;\n            margin: 0 0 15px 0;\n            font-weight: 600;\n        }\n\n        .ge-premium-card-content .ge-extra-text {\n            font-size: 12px;\n            color: #888;\n            line-height: 1.5;\n            padding-top: 15px;\n            border-top: 1px solid #eee;\n            margin: 0;\n        }\n\n\/* --- K\u00c1RTYA HOVER EFFEKT (SZ\u00cdNV\u00c1LT\u00c1S N\u00c9LK\u00dcL) --- *\/\n.ge-premium-card:hover {\n    transform: translateY(-10px); \/* Csak megemelkedik *\/\n    box-shadow: 0 20px 40px rgba(0, 76, 153, 0.2); \/* M\u00e9lyebb \u00e1rny\u00e9k *\/\n    \/* border-top-color NINCS, marad k\u00e9k *\/\n}\n\n\/* Hoverkor a k\u00e9p selymesen nagy\u00edt tov\u00e1bb (mert hozz\u00e1adtuk a transition-t fent) *\/\n.ge-premium-card:hover .ge-premium-card-img img {\n    transform: scale(1.15); \n}\n\n        \/* === MOBIL N\u00c9ZET === *\/\n        @media (max-width: 768px) {\n            .ge-premium-card {\n                width: 85vw; \n                height: auto;\n                flex-direction: column;\n            }\n            .ge-premium-card-img {\n                flex: 0 0 200px;\n            }\n            .ge-cards-track {\n                padding-left: 7.5vw; \n                padding-right: 7.5vw;\n                gap: 20px;\n            }\n            .ge-somoza-blog-main-title { font-size: 32px; }\n        }\n    <\/style>\n\n\n\n    <section id=\"ge-horizontal-scroll-section\">\n        <div class=\"ge-sticky-wrapper\">\n            \n            <div class=\"ge-somoza-blog-header\">\n                <span class=\"ge-somoza-blog-kicker\">Descubra nuestra oferta<\/span>\n                <h2 class=\"ge-somoza-blog-main-title\">Programas seleccionados<\/h2>\n            <\/div>\n\n            <div class=\"ge-cards-track\" id=\"ge-cards-track\">\n                \n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/autentikus-flamenco-est\/\" class=\"ge-premium-card\">\n                    <div class=\"ge-premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/Flamenco-est.png\" alt=\"Flamenco\">\n                    <\/div>\n                    <div class=\"ge-premium-card-content\">\n                        <h3>Noche de flamenco aut\u00e9ntico<\/h3>\n                        <div class=\"ge-kicker-text\">\/ 100% Accesible \/<\/div>\n                        <p class=\"ge-short-text\">El alma de Espa\u00f1a en una sola representaci\u00f3n.<\/p>\n                        <p class=\"ge-extra-text\">Un viaje a Madrid es inconcebible sin la profunda y sincera pasi\u00f3n del flamenco. \u00a1Vive la aut\u00e9ntica esencia espa\u00f1ola a trav\u00e9s de la interpretaci\u00f3n de bailarines y m\u00fasicos profesionales! Te esperan asientos reservados con antelaci\u00f3n, con accesibilidad garantizada y una vista perfecta, sin colas ni concesiones.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/privat-repteri-transzfer\/\" class=\"ge-premium-card\">\n                    <div class=\"ge-premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/repteritranszfer.png\" alt=\"Transzfer\">\n                    <\/div>\n                    <div class=\"ge-premium-card-content\">\n                        <h3>Traslado privado al aeropuerto<\/h3>\n                        <div class=\"ge-kicker-text\">\/  Servicio puerta a puerta \/<\/div>\n                        <p class=\"ge-short-text\">La garant\u00eda de una llegada y una salida sin preocupaciones.<\/p>\n                        <p class=\"ge-extra-text\">\u00a1Olv\u00eddese de las colas y de las molestias con el equipaje! Con nuestros veh\u00edculos premium y espaciosos, y nuestros conductores experimentados, le garantizamos un traslado c\u00f3modo y sin complicaciones, de puerta a puerta, entre el aeropuerto y su alojamiento. Solo tiene que relajarse; nosotros nos encargamos de toda la log\u00edstica desde el momento en que aterriza.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/premium-kiscsoportos-varosnezes\/\" class=\"ge-premium-card\">\n                    <div class=\"ge-premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/premium-kiscsoportos.png\" alt=\"V\u00e1rosn\u00e9z\u00e9s\">\n                    <\/div>\n                    <div class=\"ge-premium-card-content\">\n                        <h3>VISITA GUIADA PREMIUM EN GRUPOS REDUCIDOS<\/h3>\n                        <div class=\"ge-kicker-text\">\/ 100% Accesible \/<\/div>\n                        <p class=\"ge-short-text\">Descubra los secretos m\u00e1s bellos de Madrid a un ritmo c\u00f3modo y tranquilo.<\/p>\n                        <p class=\"ge-extra-text\">\u00a1Descubre los lugares emblem\u00e1ticos de la capital espa\u00f1ola \u2014desde la \u00d3pera hasta el Palacio Real, pasando por la animada Plaza Mayor\u2014 en compa\u00f1\u00eda de nuestra gu\u00eda profesional, Laura! Nuestro tour personalizado en grupo reducido sigue un recorrido sin escalones, para que usted solo tenga que centrarse en la impresionante belleza y la historia de Madrid.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/mercado-de-san-miguel\/\" class=\"ge-premium-card\">\n                    <div class=\"ge-premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/MERCADO-DE-SAN-MIGUEL-PREMIUM-KOSTOLO2.png\" alt=\"K\u00f3stol\u00f3\">\n                    <\/div>\n                    <div class=\"ge-premium-card-content\">\n                        <h3>VISITA AL MERCADO DE SAN MIGUEL CON DEGUSTACI\u00d3N<\/h3>\n                        <div class=\"ge-kicker-text\">\/ 100% Accesible \/<\/div>\n                        <p class=\"ge-short-text\">La cultura de los sabores espa\u00f1oles, con gu\u00eda experto.<\/p>\n                        <p class=\"ge-extra-text\">\u00a1Disfrute del bullicio del mercado hist\u00f3rico m\u00e1s famoso de Madrid en una degustaci\u00f3n exclusiva! No se trata solo de una comida: nuestro gu\u00eda experto le iniciar\u00e1 en los secretos de la tradici\u00f3n culinaria espa\u00f1ola, mientras degusta tapas aut\u00e9nticas cuidadosamente seleccionadas y bebidas de primera calidad. Aut\u00e9ntico valor y conocimiento para los viajeros m\u00e1s exigentes.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/autentikus-spanyol-gasztronomiai-elmeny\/\" class=\"ge-premium-card\">\n                    <div class=\"ge-premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/spanyol-gasztoelmenyu.png\" alt=\"Autentikus \u00c9tterem\">\n                    <\/div>\n                    <div class=\"ge-premium-card-content\">\n                        <h3>UNA AUT\u00c9NTICA EXPERIENCIA GASTRON\u00d3MICA ESPA\u00d1OLA<\/h3>\n                        <div class=\"ge-kicker-text\">\/ 100% Accesible \/<\/div>\n                        <p class=\"ge-short-text\">Sabores tradicionales y aut\u00e9ntica hospitalidad espa\u00f1ola.<\/p>\n                        <p class=\"ge-extra-text\">\u00a1Ad\u00e9ntrese en el aut\u00e9ntico mundo de la gastronom\u00eda espa\u00f1ola en un restaurante tradicional cuidadosamente seleccionado! En su mesa reservada con antelaci\u00f3n, podr\u00e1 disfrutar de la famosa paella y de los platos cl\u00e1sicos en un entorno c\u00f3modo y totalmente accesible. Le esperan una hospitalidad sincera, un ambiente tranquilo y sabores aut\u00e9nticos, sin tener que hacer cola.<\/p>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const section = document.getElementById('ge-horizontal-scroll-section');\n            const track = document.getElementById('ge-cards-track');\n\n            \/\/ === BULLETPROOF STICKY FIX A WORDPRESS-HEZ ===\n            \/\/ Ez a k\u00f3d v\u00e9gigmegy a sz\u00fcl\u0151 elemeken, \u00e9s feloldja a rejtett (hidden) overflow-kat, amik blokkolj\u00e1k a stickyt.\n            let parent = section.parentElement;\n            while (parent && parent.tagName !== 'HTML') {\n                const style = window.getComputedStyle(parent);\n                if (style.overflow === 'hidden' || style.overflowX === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'clip') {\n                    parent.style.setProperty('overflow', 'visible', 'important');\n                }\n                parent = parent.parentElement;\n            }\n\n            function updateScrollSettings() {\n                const maxTranslate = track.scrollWidth - window.innerWidth;\n                section.style.height = `${window.innerHeight + maxTranslate}px`;\n                handleScroll(maxTranslate);\n            }\n\n            function handleScroll(maxTranslate) {\n                const rect = section.getBoundingClientRect();\n                const scrollProgress = -rect.top;\n\n                if (scrollProgress >= 0 && scrollProgress <= maxTranslate) {\n                    track.style.transform = `translateX(-${scrollProgress}px)`;\n                } else if (scrollProgress < 0) {\n                    track.style.transform = `translateX(0px)`;\n                } else if (scrollProgress > maxTranslate) {\n                    track.style.transform = `translateX(-${maxTranslate}px)`;\n                }\n            }\n\n            \/\/ Bet\u00f6lt\u00e9skor \u00e9s ablakm\u00e9ret v\u00e1ltoz\u00e1skor is \u00fajrasz\u00e1molunk\n            updateScrollSettings();\n            \n            window.addEventListener('resize', updateScrollSettings);\n            window.addEventListener('scroll', () => {\n                const maxTranslate = track.scrollWidth - window.innerWidth;\n                handleScroll(maxTranslate);\n            });\n        });\n    <\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hu\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>G\u00f6rgethet\u0151 K\u00e1rtya Szekci\u00f3<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&#038;family=Montserrat:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --color-primary: #1A2A3A;\n            --color-accent: #D4AF37;\n            --color-blue: #004C99;\n            --color-bg: #F5F8FA;\n            --font-main: 'Montserrat', sans-serif;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            background-color: var(--color-bg);\n            font-family: var(--font-main);\n        }\n\n        \/* === EGYEDI KONT\u00c9NER AZONOS\u00cdT\u00d3 === *\/\n        #horizontal-scroll-section-csomagok {\n            position: relative;\n            width: 100%;\n            min-height: 300vh; \n        }\n\n        .sticky-wrapper {\n            position: -webkit-sticky !important;\n            position: sticky !important;\n            top: 0 !important;\n            height: 100vh;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .somoza-blog-header {\n            text-align: center;\n            margin-bottom: 30px;\n            padding-top: 0;\n        }\n\n        .somoza-blog-kicker {\n            font-size: 13px;\n            font-weight: 500;\n            color: #1A2A3A;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin-bottom: 15px;\n        }\n\n        .somoza-blog-kicker::before,\n        .somoza-blog-kicker::after {\n            content: \"\";\n            display: inline-block;\n            width: 50px;\n            height: 1px;\n            background-color: var(--color-accent);\n        }\n\n        .somoza-blog-main-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 56px;\n            color: var(--color-primary);\n            font-weight: 400;\n            text-transform: none;\n            letter-spacing: -1px;\n            margin: 0;\n        }\n\n        \/* === EGYEDI TRACK AZONOS\u00cdT\u00d3 === *\/\n        #cards-track-csomagok {\n            display: flex;\n            flex-wrap: nowrap;\n            gap: 40px; \n            padding-left: calc(50vw - 300px);\n            padding-right: calc(50vw - 300px);\n            width: max-content;\n            will-change: transform; \n        }\n\n        .premium-card {\n            width: 600px;\n            height: 380px;\n            background: #fff;\n            padding: 15px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);\n            border-radius: 35px;\n            border-top: 3px solid var(--color-blue);\n            display: flex;\n            flex-direction: row;\n            gap: 15px;\n            align-items: stretch;\n            flex-shrink: 0; \n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .premium-card-img {\n            flex: 0 0 230px; \n            border-radius: 20px; \n            overflow: hidden;\n            background-color: #eee;\n        }\n\n        .premium-card-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transform: scale(1.1); \n            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        .premium-card-content {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .premium-card-content h3 {\n            font-size: 16px;\n            color: var(--color-primary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 8px;\n            line-height: 1.4;\n            margin-top: 0;\n        }\n\n        .premium-card-content .kicker-text {\n            font-size: 10px;\n            color: var(--color-blue);\n            font-weight: 700;\n            margin-bottom: 12px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .premium-card-content .short-text {\n            font-size: 13px;\n            color: #444;\n            line-height: 1.5;\n            margin: 0 0 15px 0;\n            font-weight: 600;\n        }\n\n        .premium-card-content .extra-text {\n            font-size: 12px;\n            color: #888;\n            line-height: 1.5;\n            padding-top: 15px;\n            border-top: 1px solid #eee;\n            margin: 0;\n        }\n\n        .premium-card-content .read-more {\n            margin-top: auto;\n            margin-bottom: 20px;\n            font-size: 11px;\n            font-weight: 700;\n            color: var(--color-blue);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-decoration: none;\n            transition: opacity 0.3s ease;\n        }\n\n        .premium-card-content .read-more:hover {\n            opacity: 0.7;\n        }\n\n        .premium-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0, 76, 153, 0.2);\n        }\n\n        .premium-card:hover .premium-card-img img {\n            transform: scale(1.15); \n        }\n\n        @media (max-width: 768px) {\n            .premium-card {\n                width: 85vw; \n                height: auto;\n                flex-direction: column;\n            }\n            .premium-card-img {\n                flex: 0 0 200px;\n            }\n            #cards-track-csomagok {\n                padding-left: 7.5vw; \n                padding-right: 7.5vw;\n                gap: 20px;\n            }\n            .somoza-blog-main-title { font-size: 32px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section id=\"horizontal-scroll-section-csomagok\">\n        <div class=\"sticky-wrapper\">\n            \n            <div class=\"somoza-blog-header\">\n                <span class=\"somoza-blog-kicker\">Descubra nuestra oferta<\/span>\n                <h2 class=\"somoza-blog-main-title\">Paquetes Premium<\/h2>\n            <\/div>\n\n            <div id=\"cards-track-csomagok\">\n                \n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/the-complete-madrid-experience-pack\/\" class=\"premium-card\">\n                    <div class=\"premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/Complete-Madrid-Experience2.png\" alt=\"VIP All-Inclusive\">\n                    <\/div>\n                    <div class=\"premium-card-content\">\n                        <h3>La experiencia completa de Madrid<\/h3>\n                        <div class=\"kicker-text\">\/ Disponibilidad limitada \/<\/div>\n                        <p class=\"short-text\">El viaje perfecto a Espa\u00f1a, desde el aterrizaje hasta la partida.<\/p>\n                        <p class=\"extra-text\">\u00a1Olv\u00eddese de todas las preocupaciones log\u00edsticas! Nuestro paquete premium le ofrece lo mejor de la ciudad en una experiencia perfecta. Traslado privado desde el aeropuerto, visita guiada personalizada, cena tradicional de tres platos y una impresionante velada de flamenco: todo reservado con antelaci\u00f3n y dise\u00f1ado exclusivamente para su comodidad.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/madrid-gastro-pack\/\" class=\"premium-card\">\n                    <div class=\"premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/gastro-pack2.png\" alt=\"Gastro Pack\">\n                    <\/div>\n                    <div class=\"premium-card-content\">\n                        <h3>Gastro Pack<\/h3>\n                        <div class=\"kicker-text\">\/ 100% SIN BARRERAS \/<\/div>\n                        <p class=\"short-text\">Dos experiencias gastron\u00f3micas aut\u00e9nticas condensadas en una sola velada perfecta.<\/p>\n                        <p class=\"extra-text\">\u00a1Sum\u00e9rgete en el mundo de la gastronom\u00eda espa\u00f1ola! Este paquete premium combina las dos experiencias m\u00e1s destacadas de Madrid: una degustaci\u00f3n exclusiva de tapas guiada por un experto en el animado mercado de San Miguel, seguida de una cena tradicional espa\u00f1ola de tres platos. Sabores aut\u00e9nticos, sin colas ni escaleras.<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/madrid-gast-cult-pack\/\" class=\"premium-card\">\n                    <div class=\"premium-card-img\">\n                        <img decoding=\"async\" src=\"https:\/\/rolliodemadrid.com\/wp-content\/uploads\/2026\/05\/Gas-cult-pack.png\" alt=\"Gast-Cult Pack\">\n                    <\/div>\n                    <div class=\"premium-card-content\">\n                        <h3>Paquete Gast-Cult<\/h3>\n                        <div class=\"kicker-text\">\/ 100% Accesible \/<\/div>\n                        <p class=\"short-text\">La esencia de la cultura y la gastronom\u00eda espa\u00f1olas, sin concesiones.<\/p>\n                        <p class=\"extra-text\">\u00a1Descubre la aut\u00e9ntica esencia de Madrid con nuestro paquete de experiencias m\u00e1s popular! Tras una visita guiada premium por la ciudad hist\u00f3rica, sin escalones, podr\u00e1s deleitarte con los sabores tradicionales espa\u00f1oles en una cena de tres platos, y la velada culminar\u00e1 con un impresionante espect\u00e1culo de flamenco. Tres experiencias inolvidables en un \u00fanico itinerario sin complicaciones.<\/p>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        (function() {\n            const sectionCsomag = document.getElementById('horizontal-scroll-section-csomagok');\n            const trackCsomag = document.getElementById('cards-track-csomagok');\n\n            \/\/ --- STICKY FIX ---\n            let parent = sectionCsomag.parentElement;\n            while (parent && parent.tagName !== 'HTML') {\n                const style = window.getComputedStyle(parent);\n                if (style.overflow === 'hidden' || style.overflowX === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'clip') {\n                    parent.style.setProperty('overflow', 'visible', 'important');\n                }\n                parent = parent.parentElement;\n            }\n\n            function updateCsomagSettings() {\n                const trackWidth = trackCsomag.scrollWidth;\n                const viewWidth = window.innerWidth;\n                const maxTranslate = trackWidth - viewWidth;\n                \n                if (maxTranslate > 0) {\n                    sectionCsomag.style.height = (maxTranslate + window.innerHeight) + \"px\";\n                }\n                return maxTranslate;\n            }\n\n            function handleCsomagScroll() {\n                const maxTranslate = trackCsomag.scrollWidth - window.innerWidth;\n                const rect = sectionCsomag.getBoundingClientRect();\n                const scrollProgress = -rect.top;\n\n                if (scrollProgress >= 0 && scrollProgress <= maxTranslate) {\n                    trackCsomag.style.transform = `translateX(-${scrollProgress}px)`;\n                } else if (scrollProgress < 0) {\n                    trackCsomag.style.transform = `translateX(0px)`;\n                } else if (scrollProgress > maxTranslate) {\n                    trackCsomag.style.transform = `translateX(-${maxTranslate}px)`;\n                }\n            }\n\n            \/\/ Inicializ\u00e1l\u00e1s \u00e9s esem\u00e9nyek\n            window.addEventListener('load', updateCsomagSettings);\n            window.addEventListener('resize', updateCsomagSettings);\n            window.addEventListener('scroll', handleCsomagScroll);\n            \n            \/\/ Azonnali futtat\u00e1s\n            updateCsomagSettings();\n            setTimeout(updateCsomagSettings, 600); \n        })();\n    <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u00c9lje \u00e1t a v\u00e1rost. Megk\u00f6t\u00e9sek n\u00e9lk\u00fcl. Szem\u00e9lyre szabott \u00fatvonalak \u00e9s priv\u00e1t felfedez\u00e9sek, ahol minden r\u00e9szletet el\u0151re elsim\u00edtottunk. Mert a felfedez\u00e9s szabads\u00e1ga akkor kezd\u0151dik, amikor a logisztika \u00e9s az akad\u00e1lyok megsz\u0171nnek l\u00e9tezni. G\u00f6rgethet\u0151 K\u00e1rtya Szekci\u00f3 Fedezze fel k\u00edn\u00e1latunkat V\u00e1logatott programok Autentikus Flamenco Est \/ 100% Akad\u00e1lymentes \/ Spanyolorsz\u00e1g lelke egyetlen el\u0151ad\u00e1sban. Egy madridi utaz\u00e1s elk\u00e9pzelhetetlen a &#8230; <a title=\"Programok \u00e9s csomagok\" class=\"read-more\" href=\"https:\/\/rolliodemadrid.com\/es\/fooldal\/programok-es-csomagok\/\" aria-label=\"Leer m\u00e1s sobre Programok \u00e9s csomagok\">Leer m\u00e1s<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":7301,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7860","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/pages\/7860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/comments?post=7860"}],"version-history":[{"count":0,"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/pages\/7860\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/pages\/7301"}],"wp:attachment":[{"href":"https:\/\/rolliodemadrid.com\/es\/wp-json\/wp\/v2\/media?parent=7860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}