/** * Chesaalula Home * Real homepage visual layer. * Placeholder preview (no remote images; replace slots when assets are ready). * Child-theme-only. Do not modify Traveler parent theme. * * Traveler duplicate footer (homepage only): * body.vk-home-page #main-footer — primary theme / VC footer block * body.vk-home-page .main-footer-sub — secondary copyright strip (modern layout) */ /* ------------------------------------------------------------------------- Design tokens (scoped) ------------------------------------------------------------------------- */ body.vk-home-page { --vk-h-max: 1440px; --vk-h-gutter: clamp(1rem, 3vw, 3rem); --vk-h-pad: var(--vk-h-gutter); --vk-h-header-inline: clamp(2rem, 6vw, 6rem); } body.vk-home-page #primary.vk-home { --vk-h-gutter: clamp(1rem, 3vw, 3rem); --vk-h-pad: var(--vk-h-gutter); --vk-color-isthmus-teal: #006d77; --vk-color-celebration-coral: #ff6f61; --vk-color-fiesta-yellow: #ffb703; --vk-color-midnight-cacao: #0f172a; --vk-color-fresh-sand: #fff3e6; --vk-color-cloud-cream: #fffcf7; --vk-color-route-green: #2a9d8f; --vk-h-teal: var(--vk-color-isthmus-teal); --vk-h-coral: var(--vk-color-celebration-coral); --vk-h-yellow: var(--vk-color-fiesta-yellow); --vk-h-midnight: var(--vk-color-midnight-cacao); --vk-h-sand: var(--vk-color-fresh-sand); --vk-h-cream: var(--vk-color-cloud-cream); --vk-h-route: var(--vk-color-route-green); --vk-h-muted: rgba(15, 23, 42, 0.62); --vk-h-radius: 1.25rem; --vk-h-radius-sm: 0.85rem; --vk-h-shadow: 0 22px 50px rgba(15, 23, 42, 0.1); --vk-h-max: 1440px; color: var(--vk-h-midnight); overflow-x: hidden; /* clip is unsupported on older Android WebViews (Redmi 9A class) */ } body.vk-home-page #primary.vk-home *, body.vk-home-page #primary.vk-home *::before, body.vk-home-page #primary.vk-home *::after { box-sizing: border-box; } body.vk-home-page #primary.vk-home .vk-home-container { width: min(calc(100% - clamp(1.5rem, 5vw, 5rem)), var(--vk-h-max)); max-width: var(--vk-h-max); margin-inline: auto; padding-inline: 0; } /* Anchor targets — offset sticky header when navigating from Appearance → Menus */ body.vk-home-page #primary.vk-home section[id], body.vk-home-page #primary.vk-home #lugares-veracruz { scroll-margin-top: 96px; } @media (max-width: 991px) { body.vk-home-page #primary.vk-home section[id], body.vk-home-page #primary.vk-home #lugares-veracruz { scroll-margin-top: 5.5rem; } } .admin-bar body.vk-home-page #primary.vk-home section[id], .admin-bar body.vk-home-page #primary.vk-home #lugares-veracruz { scroll-margin-top: calc(96px + var(--wp-admin--admin-bar--height, 32px)); } @media (max-width: 782px) { .admin-bar body.vk-home-page #primary.vk-home section[id], .admin-bar body.vk-home-page #primary.vk-home #lugares-veracruz { scroll-margin-top: calc(5.5rem + var(--wp-admin--admin-bar--height, 46px)); } } /* Discovery header layout — see vk-chesaalula-discovery-header.css */ /* ------------------------------------------------------------------------- Media wrappers — image-ready (keep wrapper; swap inner placeholder for ) ------------------------------------------------------------------------- */ body.vk-home-page #primary.vk-home .vk-home-media-wrapper { position: relative; width: 100%; height: 100%; min-height: inherit; } body.vk-home-page #primary.vk-home .vk-home-card-img, body.vk-home-page #primary.vk-home .vk-home-hero-img { display: block; width: 100%; height: 100%; object-fit: cover; } body.vk-home-page #primary.vk-home .vk-home-event-card__media .vk-home-card-img, body.vk-home-page #primary.vk-home .vk-home-hero-bg .vk-home-hero-bg-img { position: absolute; inset: 0; } /* * TODO: canonical event card JPGs are often full-resolution; export WebP or optimized JPG * at 1280×720 or 1920×1080 to reduce transfer time without changing paths in the datasource. */ body.vk-home-page #primary.vk-home .vk-home-card-media, body.vk-home-page #primary.vk-home .vk-home-media-wrapper--has-image { overflow: hidden; background: linear-gradient( 145deg, var(--vk-h-sand) 0%, var(--vk-h-cream) 55%, rgba(0, 109, 119, 0.08) 100% ); } /* Card images stay visible by default (no opacity:0 reveal — breaks on older Android). */ body.vk-home-page #primary.vk-home .vk-home-event-card__media .vk-home-card-img, body.vk-home-page #primary.vk-home .vk-home-event-card__media .vk-home-media-wrapper--has-image img { opacity: 1; } /* ------------------------------------------------------------------------- Placeholders — regional mood, distinct gradients per slot, strong scrim ------------------------------------------------------------------------- */ body.vk-home-page #primary.vk-home .vk-home-media-placeholder { position: relative; width: 100%; height: 100%; min-height: 12rem; overflow: hidden; border-radius: var(--vk-h-radius); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), inset 0 -120px 90px -50px rgba(15, 23, 42, 0.45); background-color: #0d3d3f; } body.vk-home-page #primary.vk-home .vk-home-media-placeholder::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 23, 42, 0.05) 0%, rgba(15, 23, 42, 0.42) 100%), var(--vk-ph-slot-bg, linear-gradient(135deg, #006d77 0%, #2a9d8f 50%, #ffb703 100%)); pointer-events: none; } body.vk-home-page #primary.vk-home .vk-home-media-placeholder::after { content: ""; position: absolute; inset: -25%; opacity: 0.55; background: radial-gradient(ellipse 70% 50% at 15% 25%, rgba(255, 111, 97, 0.45) 0%, transparent 55%), radial-gradient(ellipse 55% 45% at 88% 80%, rgba(255, 183, 3, 0.35) 0%, transparent 50%); pointer-events: none; mix-blend-mode: soft-light; } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-veracruz { --vk-ph-slot-bg: linear-gradient(128deg, #043e4a 0%, #006d77 38%, #2a9d8f 72%, #c17f4a 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-corazon { --vk-ph-slot-bg: linear-gradient(145deg, #004f56 0%, #006d77 40%, #2a9d8f 70%, #e8a54b 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-fundacional { --vk-ph-slot-bg: linear-gradient(135deg, #1e2a4a 0%, #3d4f6f 45%, #8b4a3c 85%, #c9a227 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-costas { --vk-ph-slot-bg: linear-gradient(160deg, #045a6e 0%, #0a7a8f 35%, #4ecdc4 55%, #ff8f7a 92%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-montanas { --vk-ph-slot-bg: linear-gradient(145deg, #3d4f3a 0%, #5a6b4e 40%, #8b6f5c 72%, #d4a574 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-tuxtlas { --vk-ph-slot-bg: linear-gradient(148deg, #0c3024 0%, #1a5c45 45%, #2a8f6f 78%, #87ceb0 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-sur { --vk-ph-slot-bg: linear-gradient(135deg, #2a3542 0%, #4a5568 50%, #b8923c 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder__label { position: absolute; left: 0.85rem; right: 0.85rem; bottom: 0.85rem; z-index: 3; display: block; max-width: calc(100% - 1.7rem); margin: 0; padding: 0.55rem 0.75rem 0.6rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1.25; text-transform: none; color: #fffcf7; text-shadow: 0 1px 12px rgba(15, 23, 42, 0.55); background: linear-gradient(135deg, rgba(15, 23, 42, 0.72) 0%, rgba(0, 109, 119, 0.55) 100%); border-radius: 0.65rem; border: 1px solid rgba(255, 252, 247, 0.22); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25); backdrop-filter: blur(10px); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder__kicker { display: block; font-size: 0.5625rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 207, 120, 0.95); margin-bottom: 0.2rem; } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--hero { border-radius: calc(var(--vk-h-radius) + 0.2rem); } /* Placeholder mood treatments — photography slots */ body.vk-home-page #primary.vk-home .vk-home-media-placeholder { --vk-ph-texture: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.04) 4px ); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder::before { background: var(--vk-ph-texture), linear-gradient(180deg, rgba(15, 23, 42, 0.08) 0%, rgba(15, 23, 42, 0.5) 100%), var(--vk-ph-slot-bg, linear-gradient(135deg, #006d77 0%, #2a9d8f 50%, #ffb703 100%)); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--territory { --vk-ph-slot-bg: linear-gradient(128deg, #043e4a 0%, #006d77 35%, #2a9d8f 62%, #c17f4a 88%, #ffb703 100%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--cultural { --vk-ph-slot-bg: linear-gradient(145deg, #004f56 0%, #006d77 38%, #8b4513 72%, #e8a54b 100%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--coast { --vk-ph-slot-bg: linear-gradient(160deg, #045a6e 0%, #0a7a8f 30%, #4ecdc4 52%, #ff8f7a 88%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--mountain { --vk-ph-slot-bg: linear-gradient(145deg, #3d4f3a 0%, #5a6b4e 38%, #8b6f5c 68%, #d4a574 100%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--jungle { --vk-ph-slot-bg: linear-gradient(148deg, #0c3024 0%, #1a5c45 42%, #2a8f6f 75%, #87ceb0 100%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--heritage { --vk-ph-slot-bg: linear-gradient(135deg, #1e2a4a 0%, #3d4f6f 42%, #8b4a3c 82%, #c9a227 100%); } body.vk-home-page #primary.vk-home .vk-home-ph-mood--river { --vk-ph-slot-bg: linear-gradient(135deg, #2a3542 0%, #4a6b8f 48%, #b8923c 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--event .vk-home-media-placeholder__label { display: none; } /* ------------------------------------------------------------------------- Discovery feed — hero, horizontal rows, event cards ------------------------------------------------------------------------- */ body.vk-home-page #primary.vk-home.vk-home-feed { background: var(--vk-h-cream); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--event { border-radius: 1.125rem; min-height: 0; } /* Featured + route event slot gradients */ body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tajin, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-corazon-1 { --vk-ph-slot-bg: linear-gradient(145deg, #004f56 0%, #006d77 40%, #2a9d8f 70%, #e8a54b 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-corazon-2 { --vk-ph-slot-bg: linear-gradient(150deg, #003d44 0%, #0a6b72 50%, #c45c2a 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-corazon-3 { --vk-ph-slot-bg: linear-gradient(140deg, #2d4a1e 0%, #5c7a3a 45%, #d4a574 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-corazon-4 { --vk-ph-slot-bg: linear-gradient(135deg, #4a2c4a 0%, #7a4a6a 50%, #e8b86d 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-carnaval, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-costas-1 { --vk-ph-slot-bg: linear-gradient(160deg, #045a6e 0%, #0a7a8f 35%, #4ecdc4 55%, #ff8f7a 92%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-costas-2 { --vk-ph-slot-bg: linear-gradient(155deg, #0a4d5c 0%, #1a8a7a 50%, #7ec8b8 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-costas-3 { --vk-ph-slot-bg: linear-gradient(150deg, #0369a1 0%, #38bdf8 55%, #fde68a 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-costas-4 { --vk-ph-slot-bg: linear-gradient(145deg, #c2783a 0%, #e8c07a 45%, #4a90a4 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-cafe, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-montanas-1 { --vk-ph-slot-bg: linear-gradient(145deg, #3d4f3a 0%, #5a6b4e 40%, #8b6f5c 72%, #d4a574 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-montanas-2 { --vk-ph-slot-bg: linear-gradient(140deg, #5c3d6b 0%, #9b6b9e 50%, #c9e4a0 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-montanas-3 { --vk-ph-slot-bg: linear-gradient(150deg, #6b2c3e 0%, #c94d6a 45%, #f4d58d 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-montanas-4 { --vk-ph-slot-bg: linear-gradient(135deg, #2a1f3d 0%, #5a3d7a 55%, #e8a040 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tuxtlas, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tuxtlas-1 { --vk-ph-slot-bg: linear-gradient(148deg, #0c3024 0%, #1a5c45 45%, #2a8f6f 78%, #87ceb0 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tuxtlas-2 { --vk-ph-slot-bg: linear-gradient(150deg, #1a4030 0%, #3d8f5c 50%, #a8e6cf 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tuxtlas-3 { --vk-ph-slot-bg: linear-gradient(140deg, #1e3a5f 0%, #4a7ab0 55%, #f0c878 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-tuxtlas-4 { --vk-ph-slot-bg: linear-gradient(135deg, #3d2914 0%, #8b5a2b 50%, #2a6b4a 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-fundacion, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-fundacional-1 { --vk-ph-slot-bg: linear-gradient(135deg, #1e2a4a 0%, #3d4f6f 45%, #8b4a3c 85%, #c9a227 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-fundacional-2 { --vk-ph-slot-bg: linear-gradient(145deg, #4a3728 0%, #8b6b4a 50%, #2a5c6b 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-fundacional-3 { --vk-ph-slot-bg: linear-gradient(150deg, #5c4030 0%, #a67c52 45%, #3d6b4a 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-fundacional-4 { --vk-ph-slot-bg: linear-gradient(140deg, #2a1a3d 0%, #6b4a8b 50%, #e8c040 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-sur, body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-sur-1 { --vk-ph-slot-bg: linear-gradient(135deg, #2a3542 0%, #4a5568 50%, #b8923c 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-sur-2 { --vk-ph-slot-bg: linear-gradient(145deg, #1a3040 0%, #3a6b8f 55%, #d4a040 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-sur-3 { --vk-ph-slot-bg: linear-gradient(150deg, #4a2820 0%, #9b4a3a 50%, #e8c878 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-ev-sur-4 { --vk-ph-slot-bg: linear-gradient(140deg, #3d5c20 0%, #8fb84a 55%, #f0d060 100%); } /* Hero collage placeholders */ body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-collage-main { --vk-ph-slot-bg: linear-gradient(128deg, #043e4a 0%, #006d77 32%, #2a9d8f 58%, #c17f4a 88%, #ffb703 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-collage-tajin { --vk-ph-slot-bg: linear-gradient(145deg, #004f56 0%, #006d77 40%, #2a9d8f 70%, #e8a54b 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-collage-carnaval { --vk-ph-slot-bg: linear-gradient(155deg, #045a6e 0%, #ff8f7a 55%, #ffb703 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-collage-cafe { --vk-ph-slot-bg: linear-gradient(145deg, #3d4f3a 0%, #8b6f5c 55%, #d4a574 100%); } body.vk-home-page #primary.vk-home .vk-home-media-placeholder--slot-hero-collage-tuxtlas { --vk-ph-slot-bg: linear-gradient(148deg, #0c3024 0%, #1a5c45 45%, #2a8f6f 78%, #87ceb0 100%); } /* Hero — full-background cinematic */ body.vk-home-page #primary.vk-home .vk-home-hero--cinematic { position: relative; width: 100%; padding: 0; margin: 0; border-bottom: none; overflow: hidden; isolation: isolate; } body.vk-home-page #primary.vk-home .vk-home-hero-bg, body.vk-home-page #primary.vk-home .vk-home-hero__backdrop { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #0f172a; } /* Hero image fit — vk-chesaalula-discovery-hero.css */ /* Hero scrim — vk-chesaalula-discovery-hero.css */ body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-container { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; align-items: center; justify-items: start; } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-container { grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr); } } body.vk-home-page #primary.vk-home .vk-home-hero__content { position: relative; z-index: 2; grid-column: 1; display: flex; flex-direction: column; align-items: flex-start; justify-self: start; width: 100%; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-eyebrow { display: inline-flex; width: fit-content; max-width: max-content; align-self: flex-start; align-items: center; flex: 0 0 auto; gap: 0.45rem; margin: 0 0 0.75rem; padding: 0.62rem 1.05rem; font-size: 0.95rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1; text-transform: uppercase; white-space: nowrap; color: #fff; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; box-shadow: none; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-eyebrow::before { content: ""; width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--vk-h-coral); flex-shrink: 0; } /* TASK 01.2 — Hero typography & hierarchy (single source of truth) */ body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-headline { margin: 0 0 1.5rem; max-width: 46rem; font-size: clamp(2.8rem, 4.2vw, 4.8rem); font-weight: 700; line-height: 1.08; letter-spacing: -0.025em; color: #fffdf7; text-shadow: 0 1px 18px rgba(15, 23, 42, 0.22); } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-headline span { display: block; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-headline::after { content: ""; display: block; width: 2.25rem; height: 2px; margin-top: 1rem; opacity: 0.85; border-radius: 999px; background: linear-gradient(90deg, var(--vk-h-teal), var(--vk-h-coral)); } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-subhead { margin: 0 0 2rem; max-width: var(--vk-hero-lead-max); font-size: clamp(1.125rem, 1.45vw, 1.4375rem); line-height: 1.5; font-weight: 400; color: rgba(255, 252, 247, 0.92); text-shadow: 0 1px 10px rgba(15, 23, 42, 0.18); } body.vk-home-page #primary.vk-home .vk-home-hero__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; width: 100%; max-width: 100%; margin: 2rem 0 0; } body.vk-home-page #primary.vk-home .vk-home-hero__cta { width: 100%; min-width: 0; max-width: none; min-height: 58px; padding: 1rem 1.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.9rem; font-size: 1.28rem; font-weight: 850; line-height: 1.1; letter-spacing: -0.01em; text-decoration: none; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } body.vk-home-page #primary.vk-home .vk-home-hero__cta--primary { color: #ffffff; text-shadow: 0 1px 8px rgba(15, 23, 42, 0.35); background: linear-gradient(135deg, #ff7a59 0%, #ffb347 100%); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: 0 8px 20px rgba(255, 111, 97, 0.22); } body.vk-home-page #primary.vk-home .vk-home-hero__cta--primary:hover, body.vk-home-page #primary.vk-home .vk-home-hero__cta--primary:focus-visible { color: #ffffff; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(255, 111, 97, 0.3); } body.vk-home-page #primary.vk-home .vk-home-hero__cta--secondary { color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.24); box-shadow: none; text-decoration: none; } body.vk-home-page #primary.vk-home .vk-home-hero__cta--secondary:hover, body.vk-home-page #primary.vk-home .vk-home-hero__cta--secondary:focus-visible { background: rgba(255, 255, 255, 0.16); border-color: rgba(255, 255, 255, 0.36); color: #fff; } body.vk-home-page #primary.vk-home .vk-home-hero__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } body.vk-home-page #primary.vk-home .vk-home-hero__cta--primary:focus-visible { outline-color: var(--vk-h-teal); } body.vk-home-page #primary.vk-home .vk-home-hero__cta:active { transform: translateY(0); } @media (max-width: 767px) { body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-headline { font-size: clamp(2.2rem, 7vw, 3rem); line-height: 1.12; max-width: 24rem; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-subhead { margin-bottom: 1.75rem; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-eyebrow { font-size: 0.82rem; padding: 0.5rem 0.85rem; } body.vk-home-page #primary.vk-home .vk-home-hero__actions { grid-template-columns: 1fr; gap: 0.75rem; } body.vk-home-page #primary.vk-home .vk-home-hero__cta { font-size: 1.12rem; } } /* Hero mobile dimensions — vk-chesaalula-discovery-hero.css */ body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery { margin-top: 0; align-self: stretch; width: 100%; max-width: 100%; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__bar { display: grid; grid-template-columns: 1fr; gap: 0.35rem; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(12px); border-radius: 1rem; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(0, 109, 119, 0.1); padding: 0.5rem; transition: box-shadow 0.2s ease; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__bar:hover { box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(0, 109, 119, 0.14); } @media (min-width: 480px) and (max-width: 767px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit { grid-column: 1 / -1; justify-self: stretch; margin: 0.15rem 0.25rem 0.25rem; } } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__bar { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 0.8fr) auto; gap: 0; align-items: center; border-radius: 999px; padding: 0.45rem 0.5rem 0.45rem 0.55rem; } } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field { display: flex; flex-direction: column; justify-content: center; gap: 0.15rem; min-width: 0; padding: 0.65rem 0.85rem; border: 1px solid transparent; border-bottom: none; border-radius: 0.5rem; cursor: default; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field:hover { background: rgba(0, 109, 119, 0.04); border-color: rgba(0, 109, 119, 0.12); } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field:focus-within { background: rgba(255, 111, 97, 0.05); border-color: rgba(0, 109, 119, 0.2); box-shadow: inset 0 0 0 1px rgba(0, 109, 119, 0.12); outline: none; } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field { padding: 0.55rem 0.9rem; border-right: 1px solid rgba(15, 23, 42, 0.06); border-radius: 0; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field:last-of-type { border-right: none; } } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__label { margin: 0; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(15, 23, 42, 0.52); } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__value { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; min-width: 0; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__control { flex: 1 1 auto; min-width: 0; font-size: clamp(0.875rem, 1vw, 0.95rem); font-weight: 500; color: var(--vk-h-midnight); line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__chevron { flex-shrink: 0; width: 0.5rem; height: 0.5rem; margin-top: 0.1rem; border-right: 1.5px solid rgba(15, 23, 42, 0.35); border-bottom: 1.5px solid rgba(15, 23, 42, 0.35); transform: rotate(-45deg); opacity: 0.7; } @media (max-width: 767px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__control { white-space: normal; } } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit { align-self: center; margin: 0.25rem; min-height: 2.55rem; padding: 0 1.35rem; border: none; border-radius: 999px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.02em; color: var(--vk-h-midnight); background: linear-gradient(135deg, #ff6f61 0%, #ffb703 100%); box-shadow: 0 8px 22px rgba(255, 111, 97, 0.32), 0 0 0 1px rgba(255, 255, 255, 0.35) inset; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease; } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit { margin: 0 0.2rem 0 0.15rem; min-height: 2.5rem; padding: 0 1.3rem; flex-shrink: 0; } } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit:hover { transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 12px 28px rgba(255, 111, 97, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.4) inset; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit:focus-visible { outline: 2px solid var(--vk-h-teal); outline-offset: 3px; } body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__submit:active { transform: translateY(0); } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field:hover, body.vk-home-page #primary.vk-home .vk-home-hero .vk-home-discovery__field:focus-within { border-radius: 0.5rem; } } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery { width: 100%; max-width: min(860px, 100%); align-self: stretch; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__bar { background: rgba(255, 252, 247, 0.95); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.4); padding: 0.55rem; border-radius: 1.1rem; gap: 0.4rem; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__label { font-size: 0.75rem; color: rgba(15, 23, 42, 0.65); } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__control { font-size: clamp(0.95rem, 1.08vw, 1.0625rem); font-weight: 600; line-height: 1.3; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__field { padding: 0.9rem 1rem; gap: 0.3rem; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__submit { min-height: 3.375rem; padding: 0 1.55rem; font-size: 0.9375rem; } @media (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__bar { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 0.88fr) minmax(0, 0.88fr) auto; padding: 0.55rem 0.65rem 0.55rem 0.7rem; border-radius: 999px; gap: 0; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__field { padding: 0.9rem 1rem; } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__submit { min-height: 3.375rem; padding: 0 1.6rem; font-size: 0.9375rem; } } body.vk-home-page #primary.vk-home .vk-home-hero--cinematic .vk-home-discovery__submit:focus-visible { outline-color: #fff; outline-offset: 4px; } /* Feed sections */ body.vk-home-page #primary.vk-home .vk-home-feed-section { padding: 1.25rem 0 0.5rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--featured { /* enhanced in moodboard block */ } body.vk-home-page #primary.vk-home .vk-home-feed-section--route { background: #fff; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route:nth-child(even) { background: linear-gradient(180deg, #faf9f7 0%, #fff 100%); } body.vk-home-page #primary.vk-home .vk-home-feed-head, body.vk-home-page #primary.vk-home .vk-home-places-intro { text-align: left; max-width: 47.5rem; margin-inline: 0; } body.vk-home-page #primary.vk-home .vk-home-feed-head { margin-bottom: 0.85rem; } body.vk-home-page #primary.vk-home .vk-home-feed-head__title { margin: 0 0 0.35rem; font-size: clamp(1.25rem, 2.2vw, 1.5rem); font-weight: 700; letter-spacing: -0.02em; color: var(--vk-h-midnight); } body.vk-home-page #primary.vk-home .vk-home-feed-head__subtitle, body.vk-home-page #primary.vk-home .vk-home-places-intro__subtitle { margin: 0; font-size: clamp(0.95rem, 1vw, 1.1rem); line-height: 1.45; color: rgba(15, 23, 42, 0.68); max-width: 47.5rem; } body.vk-home-page #primary.vk-home .vk-home-feed-head--carousel { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; max-width: none; margin-bottom: 0.9rem; } body.vk-home-page #primary.vk-home .vk-home-feed-head__content { flex: 1 1 auto; min-width: 0; max-width: 47.5rem; } body.vk-home-page #primary.vk-home .vk-home-carousel__controls { display: flex; flex-shrink: 0; align-items: center; gap: 0.5rem; } body.vk-home-page #primary.vk-home .vk-home-carousel__arrow { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 1px solid rgba(0, 109, 119, 0.18); border-radius: 999px; background: #fff; color: var(--vk-h-teal); cursor: pointer; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08); transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; } body.vk-home-page #primary.vk-home .vk-home-carousel__arrow:hover:not(:disabled) { background: var(--vk-h-teal); border-color: var(--vk-h-teal); color: #fff; box-shadow: 0 6px 18px rgba(0, 109, 119, 0.22); } body.vk-home-page #primary.vk-home .vk-home-carousel__arrow:focus-visible { outline: 2px solid var(--vk-h-yellow); outline-offset: 2px; } body.vk-home-page #primary.vk-home .vk-home-carousel__arrow:disabled { opacity: 0.35; cursor: default; box-shadow: none; } body.vk-home-page #primary.vk-home { --vk-d-carousel-visible: 4; --vk-d-carousel-visible-tablet: 2; --vk-d-carousel-visible-mobile: 1.08; --vk-d-card-radius: 1rem; --vk-d-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.08); --vk-d-card-shadow-hover: 0 14px 32px rgba(15, 23, 42, 0.11); } body.vk-home-page #primary.vk-home .vk-home-carousel { --vk-card-gap: clamp(0.9rem, 1.75vw, 1.35rem); --vk-visible-cards: var(--vk-d-carousel-visible); width: 100%; max-width: 100%; overflow: hidden; padding-bottom: 0.35rem; } @media (max-width: 1024px) { body.vk-home-page #primary.vk-home .vk-home-carousel { --vk-visible-cards: var(--vk-d-carousel-visible-tablet); } } @media (max-width: 640px) { body.vk-home-page #primary.vk-home .vk-home-carousel { --vk-visible-cards: var(--vk-d-carousel-visible-mobile); } body.vk-home-page #primary.vk-home .vk-home-carousel__controls { display: none; } } body.vk-home-page #primary.vk-home .vk-home-carousel__track { display: flex; align-items: stretch; gap: var(--vk-card-gap); width: 100%; max-width: 100%; margin: 0; padding: 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } body.vk-home-page #primary.vk-home .vk-home-carousel__track::-webkit-scrollbar { display: none; } body.vk-home-page #primary.vk-home .vk-home-carousel__track:focus-visible { outline: 2px solid var(--vk-h-teal); outline-offset: 4px; } body.vk-home-page #primary.vk-home .vk-home-carousel__track > .vk-home-event-card, body.vk-home-page #primary.vk-home .vk-home-carousel__track > .vk-home-more-events-card { flex: 0 0 calc((100% - (var(--vk-card-gap) * (var(--vk-visible-cards) - 1))) / var(--vk-visible-cards)); min-width: 0; max-width: none; scroll-snap-align: start; } /* Featured events — explicit desktop paging (4 cards per arrow click) */ @media (min-width: 768px) { body.vk-home-page #eventos-veracruz.vk-home-events-carousel--paged .vk-home-carousel__track { scroll-snap-type: none; } body.vk-home-page #eventos-veracruz.vk-home-events-carousel--paged .vk-home-carousel__track > .vk-home-event-card, body.vk-home-page #eventos-veracruz.vk-home-events-carousel--paged .vk-home-carousel__track > .vk-home-more-events-card { scroll-snap-align: none; } } /* Featured events — terminal “Más eventos” card (shared event-card chrome + editorial visual) */ body.vk-home-page #primary.vk-home .vk-home-feed-section--events a.vk-home-more-events-card { color: inherit; text-decoration: none; cursor: pointer; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__media { display: flex; align-items: flex-end; justify-content: flex-start; padding: 0.85rem 0.95rem; background-color: #faf8f4; background-image: radial-gradient(ellipse 120% 80% at 100% 0%, rgba(0, 109, 119, 0.06) 0%, transparent 55%), linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px); background-size: 100% 100%, 1.35rem 1.35rem, 1.35rem 1.35rem; box-shadow: none; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 38%; background: linear-gradient(to top, rgba(250, 248, 244, 0.92) 0%, transparent 100%); pointer-events: none; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 5.75rem; padding: 0.85rem 0.95rem 1rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__kicker { margin-bottom: 0.4rem; color: rgba(15, 23, 42, 0.52); } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card .vk-home-event-card__title { margin-bottom: 0.35rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__text { flex: 1 1 auto; margin-bottom: 0; -webkit-line-clamp: 3; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-more-events-card__cta { display: block; margin-top: auto; padding-top: 0.65rem; font-size: clamp(0.84rem, 0.85vw, 0.96rem); font-weight: 700; line-height: 1.35; letter-spacing: 0.01em; color: var(--vk-h-teal); } @media (hover: hover) and (min-width: 768px) { body.vk-home-page #primary.vk-home .vk-home-feed-section--events a.vk-home-more-events-card:hover .vk-home-more-events-card__cta, body.vk-home-page #primary.vk-home .vk-home-feed-section--events a.vk-home-more-events-card:focus-visible .vk-home-more-events-card__cta { color: #0a5c63; text-decoration: underline; text-underline-offset: 0.15em; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events a.vk-home-more-events-card:hover .vk-home-more-events-card__media, body.vk-home-page #primary.vk-home .vk-home-feed-section--events a.vk-home-more-events-card:focus-visible .vk-home-more-events-card__media { background-color: #f7f4ee; } } @media (min-width: 1025px) { body.vk-home-page #primary.vk-home .vk-home-carousel:not(.vk-home-carousel--scrollable) .vk-home-carousel__track { overflow-x: hidden; } } /* Event card system — shared by featured + route rows */ body.vk-home-page #primary.vk-home .vk-home-event-card { display: flex; flex-direction: column; height: 100%; scroll-snap-align: start; background: #fff; border: 1px solid rgba(0, 109, 119, 0.1); border-radius: var(--vk-d-card-radius, 1rem); overflow: hidden; box-shadow: var(--vk-d-card-shadow, 0 10px 28px rgba(15, 23, 42, 0.08)); transition: transform 0.2s ease, box-shadow 0.2s ease; } body.vk-home-page #primary.vk-home .vk-home-event-card:hover { transform: translateY(-2px); box-shadow: var(--vk-d-card-shadow-hover, 0 14px 32px rgba(15, 23, 42, 0.11)); } body.vk-home-page #primary.vk-home .vk-home-event-card--featured { box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1); } body.vk-home-page #primary.vk-home .vk-home-event-card--featured:hover { box-shadow: 0 16px 38px rgba(15, 23, 42, 0.13); } body.vk-home-page #primary.vk-home .vk-home-event-card__media { position: relative; flex-shrink: 0; aspect-ratio: 16 / 10; border-radius: 0; overflow: hidden; box-shadow: none; background: linear-gradient( 145deg, var(--vk-h-sand) 0%, var(--vk-h-cream) 60%, rgba(0, 109, 119, 0.06) 100% ); } body.vk-home-page #primary.vk-home .vk-home-event-card__media .vk-home-media-wrapper, body.vk-home-page #primary.vk-home .vk-home-event-card__media .vk-home-media-placeholder { position: absolute; inset: 0; min-height: 100%; border-radius: 0; } body.vk-home-page #primary.vk-home .vk-home-event-card .vk-home-media-placeholder__label { display: none; } body.vk-home-page #primary.vk-home .vk-home-event-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0.85rem 0.95rem 1rem; min-height: 5.75rem; } body.vk-home-page #primary.vk-home .vk-home-event-card__route { margin: 0 0 0.4rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--vk-h-teal); line-height: 1.25; } body.vk-home-page #primary.vk-home .vk-home-event-card--cultural .vk-home-event-card__route { color: var(--vk-h-teal); } body.vk-home-page #primary.vk-home .vk-home-event-card--coast .vk-home-event-card__route { color: #b85a4a; } body.vk-home-page #primary.vk-home .vk-home-event-card--mountain .vk-home-event-card__route { color: #6b5344; } body.vk-home-page #primary.vk-home .vk-home-event-card--jungle .vk-home-event-card__route { color: #1a6b55; } body.vk-home-page #primary.vk-home .vk-home-event-card--heritage .vk-home-event-card__route { color: #3d4f6f; } body.vk-home-page #primary.vk-home .vk-home-event-card--river .vk-home-event-card__route { color: #8a6b2e; } body.vk-home-page #primary.vk-home .vk-home-event-card__title { margin: 0 0 0.4rem; font-size: clamp(1rem, 1vw, 1.12rem); font-weight: 700; line-height: 1.2; color: var(--vk-h-midnight); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.vk-home-page #primary.vk-home .vk-home-event-card__meta { margin: 0 0 0.3rem; font-size: clamp(0.82rem, 0.85vw, 0.95rem); line-height: 1.35; font-weight: 600; color: rgba(15, 23, 42, 0.68); } body.vk-home-page #primary.vk-home .vk-home-event-card__text, body.vk-home-page #primary.vk-home .vk-home-event-card__detail { margin: 0 0 0.25rem; font-size: clamp(0.84rem, 0.85vw, 0.96rem); line-height: 1.45; color: rgba(15, 23, 42, 0.74); } body.vk-home-page #primary.vk-home .vk-home-event-card--place .vk-home-event-card__meta { color: rgba(15, 23, 42, 0.62); } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-event-card { border-color: rgba(0, 109, 119, 0.08); } body.vk-home-page #primary.vk-home .vk-home-event-card__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.vk-home-page #primary.vk-home .vk-home-event-card__meta:last-child, body.vk-home-page #primary.vk-home .vk-home-event-card__detail:last-child, body.vk-home-page #primary.vk-home .vk-home-event-card__text:last-child { margin-bottom: 0; } body.vk-home-page #primary.vk-home a.vk-home-event-card { color: inherit; text-decoration: none; cursor: pointer; } body.vk-home-page #primary.vk-home .vk-home-feed-empty { flex: 0 0 auto; min-width: min(100%, 18rem); margin: 0; padding: 1.25rem 1rem; font-size: 0.95rem; line-height: 1.5; color: rgba(15, 23, 42, 0.72); background: rgba(255, 255, 255, 0.85); border: 1px dashed rgba(0, 109, 119, 0.2); border-radius: 0.75rem; } /* Featured + route feed — Chesaalula moodboard */ body.vk-home-page #primary.vk-home .vk-home-feed-section { padding: 1.2rem 0 0.45rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events { padding: 1.5rem 0 1.05rem; background: radial-gradient(ellipse 90% 80% at 50% 0%, rgba(255, 183, 3, 0.08) 0%, transparent 55%), linear-gradient(180deg, #fff9f2 0%, #fff 55%, #fff 100%); border-bottom: 1px solid rgba(0, 109, 119, 0.08); } body.vk-home-page #primary.vk-home .vk-home-feed-section--events .vk-home-feed-head__title { font-size: clamp(1.4rem, 2.5vw, 1.75rem); } body.vk-home-page #primary.vk-home .vk-home-feed-section--places-intro { padding: 1.75rem 0 0.85rem; background: linear-gradient(180deg, #fff 0%, #f7f5f2 100%); border-top: 1px solid rgba(0, 109, 119, 0.06); border-bottom: 1px solid rgba(0, 109, 119, 0.08); } body.vk-home-page #primary.vk-home .vk-home-places-intro__title { margin: 0 0 0.5rem; font-size: clamp(1.35rem, 2.4vw, 1.65rem); font-weight: 700; letter-spacing: -0.02em; color: var(--vk-h-midnight); } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-container { position: relative; padding-left: 0.65rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-container::before { content: ""; position: absolute; left: 0; top: 0.15rem; bottom: 0.15rem; width: 4px; border-radius: 2px; background: var(--vk-route-accent, var(--vk-h-teal)); pointer-events: none; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-feed-head { padding-left: 0; border-left: none; } body.vk-home-page #primary.vk-home .vk-home-feed-section--corazon { --vk-route-accent: #006d77; } body.vk-home-page #primary.vk-home .vk-home-feed-section--costas { --vk-route-accent: #ff6f61; } body.vk-home-page #primary.vk-home .vk-home-feed-section--montanas { --vk-route-accent: #8b6f5c; } body.vk-home-page #primary.vk-home .vk-home-feed-section--tuxtlas { --vk-route-accent: #2a9d8f; } body.vk-home-page #primary.vk-home .vk-home-feed-section--fundacional { --vk-route-accent: #3d4f6f; } body.vk-home-page #primary.vk-home .vk-home-feed-section--sur { --vk-route-accent: #b8923c; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-feed-head__title { font-size: clamp(1.28rem, 2.1vw, 1.5rem); font-weight: 700; letter-spacing: -0.02em; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-feed-head__subtitle { max-width: 47.5rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--route:nth-child(even) { background: linear-gradient(180deg, #faf8f5 0%, #fff 100%); } body.vk-home-page #primary.vk-home .vk-home-feed-section--route .vk-home-feed-head { margin-bottom: 0.7rem; } /* ------------------------------------------------------------------------- Closing ------------------------------------------------------------------------- */ body.vk-home-page #primary.vk-home .vk-home-closing { padding: clamp(2.25rem, 5vw, 3.25rem) 0 clamp(3.5rem, 8vw, 5rem); background: linear-gradient(180deg, rgba(0, 109, 119, 0.06) 0%, rgba(255, 183, 3, 0.08) 50%, #fffefb 100%); text-align: left; border-top: 1px solid rgba(0, 109, 119, 0.08); } body.vk-home-page #primary.vk-home .vk-home-closing__title { margin: 0 0 1rem; max-width: 47.5rem; font-size: clamp(1.5rem, 2.8vw, 2rem); font-weight: 700; color: var(--vk-h-midnight); } body.vk-home-page #primary.vk-home .vk-home-closing__text { margin: 0; max-width: 47.5rem; font-size: 1.0625rem; line-height: 1.65; color: var(--vk-h-muted); } /* ------------------------------------------------------------------------- Page footer (outside #primary; Chesaalula Home template only) ------------------------------------------------------------------------- */ body.vk-home-page .vk-home-page-footer { padding: 1.5rem 0 2rem; background: #fffefb; border-top: 1px solid rgba(0, 109, 119, 0.1); } body.vk-home-page .vk-home-page-footer .vk-home-container { width: min(calc(100% - clamp(1.5rem, 5vw, 5rem)), var(--vk-h-max)); max-width: var(--vk-h-max); margin-inline: auto; padding-inline: 0; } body.vk-home-page .vk-home-page-footer__line { margin: 0; font-size: 0.875rem; line-height: 1.5; color: rgba(15, 23, 42, 0.65); text-align: center; } body.vk-home-page .vk-home-page-footer__line a { color: #006d77; font-weight: 600; text-decoration: none; } body.vk-home-page .vk-home-page-footer__line a:hover { text-decoration: underline; } /* ------------------------------------------------------------------------- Layout alignment & premium polish ------------------------------------------------------------------------- */ body.vk-home-page #st_header_wrap > .row#st_header_wrap_inner, body.vk-home-page #st_header_wrap .row#st_header_wrap_inner, body.vk-home-page #main-header .container, body.vk-home-page #main-header .main_menu_wrap .container, body.vk-home-page #primary.vk-home .vk-home-hero--cinematic { padding: 0; } body.vk-home-page #primary.vk-home .vk-home-feed-section { padding: 1.15rem 0 0.55rem; } body.vk-home-page #primary.vk-home .vk-home-feed-section--events { padding: 1.45rem 0 1rem; } body.vk-home-page #primary.vk-home .vk-home-feed-head { margin-bottom: 0.75rem; } body.vk-home-page #primary.vk-home .vk-home-feed-head__title { font-size: clamp(1.35rem, 2.4vw, 1.65rem); line-height: 1.2; } body.vk-home-page #primary.vk-home .vk-home-feed-head__subtitle { font-size: clamp(0.95rem, 1vw, 1.1rem); line-height: 1.45; } body.vk-home-page #primary.vk-home .vk-home-closing { padding: 2.5rem 0 3rem; } /* ------------------------------------------------------------------------- Traveler / Shinetheme duplicate footers — homepage only (CSS-only) Hides the VC/default