/* ═══════════════════════════════════════════════════════════════════════════════ CABBIK HOME 2026 — DARK PREMIUM V-CLASS ═══════════════════════════════════════════════════════════════════════════════ Archivo: public/css/home-2026-dark.css — Cargar DESPUÉS de home-2026-premium.css Scoped: Solo se activa con .dark-premium en el base: #0a0a0a (casi negro — fondo) surface: #1c1c1e (cards elevadas) surface-2: #2c2c2e (inputs, fills) surface-3: #3a3a3c (hovers) accent: #c4a882 (dorado cálido — acentos, labels activos) border: #38383a (bordes de cards) text-1: #ffffff (títulos) text-2: #98989d (labels, subtítulos) text-3: #636366 (hints) text-4: #48484a (placeholders) ═══════════════════════════════════════════════════════════════════════════════ */ /* ═══ WRAPPER PRINCIPAL ═══ */ .dark-premium .home-boreal { background: #0a0a0a !important; } .dark-premium .home-boreal .nexo-card { background: #1c1c1e !important; } .dark-premium .home-boreal .nexo-card.active { background: #1c1c1e !important; border-color: rgba(196, 168, 130, 0.5) !important; } .dark-premium .home-boreal .nexo-vehicle-card { background: #1c1c1e !important; } .dark-premium .home-boreal .nexo-modal { background: #1c1c1e !important; } .dark-premium .home-boreal .nexo-modal-search input { background: #2c2c2e !important; color: #ffffff !important; } .dark-premium .home-boreal .nexo-dropdown { background: #1c1c1e !important; } .dark-premium .home-boreal .nexo-pax-btn { border-color: #38383a !important; } /* ═══ BASE: fondo de página ═══ */ .dark-premium { background: #0a0a0a !important; } .dark-premium main, .dark-premium .nexo-wrapper { background: #0a0a0a !important; } /* ═══ HEADER: logo blanco, texto claro ═══ */ .dark-premium header { background: transparent !important; } .dark-premium header svg path { fill: #ffffff !important; } .dark-premium header nav a, .dark-premium header nav span, .dark-premium header .menu-item a { color: rgba(255, 255, 255, 0.85) !important; } .dark-premium header .menu-item a:hover { color: #ffffff !important; } .dark-premium header nav ul ul { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium header nav ul ul a { color: rgba(255, 255, 255, 0.8) !important; } .dark-premium header nav ul ul a:hover { background: #2c2c2e !important; color: #ffffff !important; } /* ═══ HEADER MOBILE: logo PNG invertido + hamburguesa blanca ═══ */ /* Logo móvil es PNG "positive" (oscuro) — invertir a blanco */ .dark-premium header img[src*="logo"] { filter: brightness(0) invert(1) !important; } /* Hamburguesa: border-secondary es navy (#12233b) — hacer blanco */ .dark-premium #hamburgerIcon div { border-color: rgba(255, 255, 255, 0.85) !important; } /* Menú mobile overlay */ .dark-premium #menuMobile { color: rgba(255, 255, 255, 0.85) !important; } /* ═══ AURORA: tonos cálidos muy sutiles sobre negro ═══ */ .dark-premium .nexo-aurora-orb:nth-child(1) { background: rgba(196, 168, 130, 0.06) !important; } .dark-premium .nexo-aurora-orb:nth-child(2) { background: rgba(196, 168, 130, 0.04) !important; } .dark-premium .nexo-aurora-orb:nth-child(3) { background: rgba(196, 168, 130, 0.03) !important; } .dark-premium .nexo-aurora-orb:nth-child(4) { background: rgba(196, 168, 130, 0.05) !important; } /* ═══ CARDS: superficie elevada ═══ */ .dark-premium .nexo-card { background: #1c1c1e !important; border: 1px solid #38383a !important; } .dark-premium .nexo-card.active { border-color: rgba(196, 168, 130, 0.5) !important; box-shadow: 0 4px 20px rgba(196, 168, 130, 0.08) !important; } .dark-premium .nexo-card.done { border-color: #48484a !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important; } .dark-premium .nexo-card:not(.active):not(.done) { opacity: 0.5 !important; } @keyframes dark-card-heartbeat { 0%, 100% { background: #1c1c1e; box-shadow: 0 0 0 0 rgba(196, 168, 130, 0.06), 0 4px 15px rgba(0, 0, 0, 0.3); transform: scale(1); } 50% { background: #1e1d1b; box-shadow: 0 0 0 3px rgba(196, 168, 130, 0.04), 0 8px 25px rgba(0, 0, 0, 0.4); transform: scale(1.003); } } .dark-premium .nexo-card.active { animation-name: dark-card-heartbeat !important; } /* ═══ LABELS ═══ */ .dark-premium .nexo-label { color: #636366 !important; } .dark-premium .nexo-label.active { color: #c4a882 !important; } /* ═══ INPUTS ═══ */ .dark-premium .nexo-input { color: #ffffff !important; font-weight: 600 !important; } .dark-premium .nexo-input::placeholder { color: #48484a !important; } /* ═══ LÍNEA DE PROGRESO ═══ */ .dark-premium .nexo-line { background: #2c2c2e !important; } .dark-premium .nexo-line-glow { background: linear-gradient(180deg, #c4a882, #8a7560) !important; } /* ═══ DOTS ═══ */ .dark-premium .nexo-dot { background: #3a3a3c !important; } .dark-premium .nexo-dot.done { background: #c4a882 !important; box-shadow: 0 0 8px rgba(196, 168, 130, 0.4) !important; } .dark-premium .nexo-dot.active { background: #c4a882 !important; border-color: #1c1c1e !important; } @keyframes dark-dot-heartbeat { 0%, 100% { transform: translateY(-50%) scale(1); box-shadow: 0 0 0 0 rgba(196, 168, 130, 0.5); } 50% { transform: translateY(-50%) scale(1.2); box-shadow: 0 0 0 10px rgba(196, 168, 130, 0); } } .dark-premium .nexo-dot.active { animation-name: dark-dot-heartbeat !important; } /* ═══ GUIDE TEXT ═══ */ .dark-premium .nexo-guide-text { color: #98989d !important; } /* ═══ VEHÍCULO ═══ */ .dark-premium .nexo-vehicle-card, .dark-premium .nexo-vehicle-card.featured { background: #1c1c1e !important; border: 1px solid #38383a !important; } .dark-premium .nexo-vehicle-card:hover, .dark-premium .nexo-vehicle-card.featured:hover { background: #222224 !important; border-color: #48484a !important; } .dark-premium .nexo-vehicle-name { color: #ffffff !important; } .dark-premium .nexo-vehicle-subtitle { color: #98989d !important; } .dark-premium .nexo-vehicle-desc { color: #636366 !important; } .dark-premium .nexo-vehicle-features span { background: #2c2c2e !important; color: #98989d !important; } .dark-premium .nexo-vehicle-features span.premium { background: #c4a882 !important; color: #0a0a0a !important; } /* ═══ CTA ═══ */ .dark-premium .nexo-submit { background: #2c2c2e !important; color: #48484a !important; } .dark-premium .nexo-submit:disabled { background: #2c2c2e !important; color: #48484a !important; } .dark-premium .nexo-submit.ready { background: #c4a882 !important; color: #0a0a0a !important; font-weight: 700 !important; letter-spacing: 0.8px !important; } .dark-premium .nexo-submit:not(:disabled):hover { background: #3a3a3c !important; } .dark-premium .nexo-submit.ready:hover { background: #d4b892 !important; box-shadow: 0 12px 35px rgba(196, 168, 130, 0.25) !important; } @keyframes dark-btn-heartbeat { 0%, 100% { box-shadow: 0 6px 20px rgba(196, 168, 130, 0.15); transform: translateY(0); } 50% { box-shadow: 0 10px 30px rgba(196, 168, 130, 0.25); transform: translateY(-2px); } } .dark-premium .nexo-submit.ready { animation-name: dark-btn-heartbeat !important; } /* ═══ SWITCHER ═══ */ .dark-premium .nexo-switcher { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .nexo-switcher-pill { background: #c4a882 !important; box-shadow: 0 4px 12px rgba(196, 168, 130, 0.2) !important; } .dark-premium .nexo-switcher-label { color: #636366 !important; } .dark-premium .nexo-switcher-label.active { color: #0a0a0a !important; } /* ═══ TRUST BADGES ═══ */ .dark-premium .nexo-trust-icon { color: #c4a882 !important; } .dark-premium .nexo-trust-text { color: #98989d !important; } /* ═══ FLATPICKR ═══ */ .dark-premium .flatpickr-calendar { background: #1c1c1e !important; border-color: #38383a !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important; } .dark-premium .flatpickr-day { color: #ffffff !important; } .dark-premium .flatpickr-day:hover { background: rgba(196, 168, 130, 0.15) !important; } .dark-premium .flatpickr-day.selected, .dark-premium .flatpickr-day.startRange, .dark-premium .flatpickr-day.endRange { background: #c4a882 !important; border-color: #c4a882 !important; color: #0a0a0a !important; } .dark-premium .flatpickr-day.inRange { background: rgba(196, 168, 130, 0.1) !important; } .dark-premium .flatpickr-day.today { border-color: #c4a882 !important; } .dark-premium .flatpickr-months, .dark-premium .flatpickr-weekdays, .dark-premium .flatpickr-monthDropdown-months { background: #1c1c1e !important; color: #ffffff !important; } .dark-premium .flatpickr-weekday { color: #636366 !important; } .dark-premium .flatpickr-current-month .flatpickr-monthDropdown-months { color: #ffffff !important; } .dark-premium .flatpickr-current-month { color: #f0f0f0 !important; } .dark-premium .flatpickr-current-month .cur-month { color: #f0f0f0 !important; } .dark-premium .flatpickr-current-month .numInput.cur-year { color: #f0f0f0 !important; } .dark-premium .flatpickr-month { color: #f0f0f0 !important; } .dark-premium .flatpickr-prev-month svg, .dark-premium .flatpickr-next-month svg { fill: #98989d !important; } .dark-premium .flatpickr-prev-month:hover svg, .dark-premium .flatpickr-next-month:hover svg { fill: #c4a882 !important; } .dark-premium .flatpickr-day.flatpickr-disabled { color: #3a3a3c !important; } /* ═══ DROPDOWN ═══ */ .dark-premium .nexo-dropdown { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .nexo-dropdown-item { background: #1c1c1e !important; color: #f0f0f0 !important; border-bottom-color: #2c2c2e !important; } .dark-premium .nexo-dropdown-item:hover { background: #2c2c2e !important; } .dark-premium .nexo-dropdown-icon { background: #2c2c2e !important; } .dark-premium .nexo-dropdown-item:hover .nexo-dropdown-icon { background: #3a3a3c !important; } .dark-premium .nexo-dropdown-text { color: #f0f0f0 !important; } .dark-premium .nexo-dropdown-subtext { color: #98989d !important; } .dark-premium .nexo-dropdown-section { color: #c4a882 !important; } .dark-premium .nexo-dropdown-divider { border-color: #2c2c2e !important; } .dark-premium .nexo-dropdown-search { background: #1c1c1e !important; border-top-color: #2c2c2e !important; } .dark-premium .nexo-dropdown-search input { background: #2c2c2e !important; color: #f0f0f0 !important; border-color: #38383a !important; } .dark-premium .nexo-dropdown-search input::placeholder { color: #636366 !important; } .dark-premium .nexo-dropdown-search input:focus { border-color: #c4a882 !important; } /* ═══ TIME PICKER ═══ */ .dark-premium .nexo-time-display { color: #c4a882 !important; background: rgba(196, 168, 130, 0.1) !important; } .dark-premium .nexo-time-display:hover { background: rgba(196, 168, 130, 0.16) !important; } .dark-premium .nexo-time-picker { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .nexo-time-picker-highlight { background: rgba(196, 168, 130, 0.08) !important; } .dark-premium .nexo-time-picker-arrow { color: #c4a882 !important; } .dark-premium .nexo-time-picker-arrow:hover { background: rgba(196, 168, 130, 0.1) !important; border-color: #c4a882 !important; } .dark-premium .nexo-time-picker-confirm { background: #c4a882 !important; color: #0a0a0a !important; } .dark-premium .nexo-time-picker-confirm:hover { background: #d4b892 !important; box-shadow: 0 8px 20px rgba(196, 168, 130, 0.2) !important; } .dark-premium .nexo-time-picker-column { color: #ffffff !important; } .dark-premium .nexo-time-picker-option { color: #f0f0f0 !important; } .dark-premium .nexo-time-picker-label { color: #98989d !important; } .dark-premium .nexo-time-picker-header { color: #b0b0b0 !important; } /* ═══ PAX / SWAP ═══ */ .dark-premium .nexo-pax-btn { color: #98989d !important; border-color: #38383a !important; } .dark-premium .nexo-pax-btn:hover { background: #c4a882 !important; color: #0a0a0a !important; border-color: #c4a882 !important; box-shadow: 0 4px 12px rgba(196, 168, 130, 0.2) !important; } .dark-premium .nexo-pax-count { color: #ffffff !important; } .dark-premium .nexo-pax-label { color: #98989d !important; } .dark-premium .nexo-pax-sublabel { color: #636366 !important; } .dark-premium .nexo-swap { color: #98989d !important; border-color: #38383a !important; } .dark-premium .nexo-swap:hover { background: #c4a882 !important; color: #0a0a0a !important; box-shadow: 0 4px 12px rgba(196, 168, 130, 0.2) !important; } /* ═══ MODAL MOBILE — dark (clases reales: nexo-modal, NO fullscreen) ═══ */ .dark-premium .nexo-modal { background: #1c1c1e !important; } .dark-premium .nexo-modal-overlay { background: rgba(0, 0, 0, 0.7) !important; } .dark-premium .nexo-modal-header { background: #1c1c1e !important; border-bottom-color: #2c2c2e !important; } .dark-premium .nexo-modal-title { color: #ffffff !important; } .dark-premium .nexo-modal-close { color: #98989d !important; background: #2c2c2e !important; } .dark-premium .nexo-modal-search { background: #1c1c1e !important; } .dark-premium .nexo-modal-search input { background: #2c2c2e !important; color: #ffffff !important; border-color: #38383a !important; } .dark-premium .nexo-modal-search input::placeholder { color: #7a7a7a !important; } .dark-premium .nexo-modal-search input:focus { border-color: #c4a882 !important; } .dark-premium .nexo-modal-content { background: #0a0a0a !important; } .dark-premium .nexo-modal-item { color: #f0f0f0 !important; border-color: #2c2c2e !important; background: #1c1c1e !important; } .dark-premium .nexo-modal-item:hover, .dark-premium .nexo-modal-item:active { background: #2c2c2e !important; } .dark-premium .nexo-modal-item-icon { background: #2c2c2e !important; color: #c4a882 !important; } .dark-premium .nexo-modal-item-icon.airport { background: linear-gradient(135deg, #2c2c2e 0%, #3a3a3c 100%) !important; color: #c4a882 !important; } .dark-premium .nexo-modal-item-text { color: #f0f0f0 !important; } .dark-premium .nexo-modal-item-subtext { color: #98989d !important; } .dark-premium .nexo-modal-gps-row { background: #1c1c1e !important; color: #f0f0f0 !important; border-color: #2c2c2e !important; } .dark-premium .nexo-modal-gps-row span { color: #f0f0f0 !important; } .dark-premium .nexo-modal-divider { background: #2c2c2e !important; border-color: #2c2c2e !important; } .dark-premium .nexo-modal-fallback { background: #1c1c1e !important; } /* Nuclear: cualquier texto suelto dentro del modal */ .dark-premium .nexo-modal span, .dark-premium .nexo-modal p, .dark-premium .nexo-modal label { color: #f0f0f0 !important; } .dark-premium .nexo-modal small { color: #98989d !important; } /* ═══ BREATHING / PULSE ═══ */ @keyframes dark-nexo-breathe { 0%, 100% { background: transparent; } 50% { background: rgba(196, 168, 130, 0.03); } } @keyframes dark-nexo-btn-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(196, 168, 130, 0.25); } 50% { box-shadow: 0 0 0 8px rgba(196, 168, 130, 0); } } .dark-premium .nexo-card.active { animation-name: dark-nexo-breathe, dark-card-heartbeat !important; } /* ═══ FOOTER: oscurecer de navy a negro ═══ */ .dark-premium footer { background: #111111 !important; } /* ═══ MENU MOBILE ═══ */ .dark-premium .nexo-mobile-menu, .dark-premium [class*="mobile-menu"] { background: #1c1c1e !important; } .dark-premium .nexo-mobile-menu a, .dark-premium [class*="mobile-menu"] a { color: rgba(255, 255, 255, 0.85) !important; } .dark-premium .nexo-mobile-menu a:hover, .dark-premium [class*="mobile-menu"] a:hover { background: #2c2c2e !important; color: #ffffff !important; } /* ═══ SEO SECTIONS ═══ */ .dark-premium .seo-section, .dark-premium [class*="seo-"] { color: #ffffff !important; } .dark-premium .seo-step__number { background: #c4a882 !important; color: #0a0a0a !important; } .dark-premium .seo-dest-card { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .seo-dest-card:hover { border-color: #c4a882 !important; box-shadow: 0 4px 12px rgba(196, 168, 130, 0.1) !important; } .dark-premium .seo-dest-card__price { color: #c4a882 !important; } .dark-premium .seo-dest-card__cta { color: #c4a882 !important; } .dark-premium .seo-dest-more summary { color: #c4a882 !important; } .dark-premium .seo-dest-all__link { color: #c4a882 !important; } .dark-premium .seo-faq-answer { color: #98989d !important; } .dark-premium .seo-faq-answer ul li::before { background: #c4a882 !important; } .dark-premium .seo-faq-question, .dark-premium .seo-section h2, .dark-premium .seo-section h3 { color: #ffffff !important; } .dark-premium .seo-section p { color: #98989d !important; } /* ═══ SCROLLBAR ═══ */ .dark-premium ::-webkit-scrollbar { width: 8px; } .dark-premium ::-webkit-scrollbar-track { background: #0a0a0a; } .dark-premium ::-webkit-scrollbar-thumb { background: #3a3a3c; border-radius: 4px; } .dark-premium ::-webkit-scrollbar-thumb:hover { background: #48484a; } /* ═══ SELECTION ═══ */ .dark-premium ::selection { background: rgba(196, 168, 130, 0.3); color: #ffffff; } /* ═══ TEXTOS GENÉRICOS ═══ */ .dark-premium h1, .dark-premium h2, .dark-premium h3 { color: #ffffff !important; } .dark-premium p { color: #98989d !important; } /* ═══ FIX: Overrides específicos contra home-2026.css ═══ */ /* Switcher */ .dark-premium .nexo-switcher-track { background: #1c1c1e !important; border: 1px solid #38383a !important; } .dark-premium .nexo-switcher-pill { background: #c4a882 !important; box-shadow: 0 4px 15px rgba(196, 168, 130, 0.25) !important; } .dark-premium .nexo-switcher-btn.active { color: #0a0a0a !important; } .dark-premium .nexo-switcher-btn.inactive { color: #636366 !important; } /* Cards - selector fuerte */ .dark-premium .nexo-card, .dark-premium .home-boreal .nexo-card { background: #1c1c1e !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid #38383a !important; } .dark-premium .nexo-card.active, .dark-premium .home-boreal .nexo-card.active { border-color: rgba(196, 168, 130, 0.5) !important; box-shadow: 0 4px 20px rgba(196, 168, 130, 0.08) !important; } .dark-premium .nexo-card.done, .dark-premium .home-boreal .nexo-card.done { background: #1c1c1e !important; border-color: #2c2c2e !important; } /* HORA button */ .dark-premium .nexo-time-display { color: #c4a882 !important; background: rgba(196, 168, 130, 0.12) !important; border-color: rgba(196, 168, 130, 0.3) !important; } /* ═══ SEO SECTIONS — fondos oscuros ═══ */ .dark-premium .seo-home { background: #0a0a0a !important; } .dark-premium .seo-home--steps { background: #111111 !important; } .dark-premium .seo-home--faq { background: #111111 !important; } .dark-premium .seo-home--destinations { background: #0a0a0a !important; } /* Steps cards */ .dark-premium .seo-step { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .seo-step__number { background: #c4a882 !important; color: #0a0a0a !important; } .dark-premium .seo-step__title { color: #ffffff !important; } .dark-premium .seo-step__text { color: #98989d !important; } /* FAQ */ .dark-premium .seo-faq-item { border-color: #2c2c2e !important; } .dark-premium .seo-faq-question { color: #ffffff !important; } .dark-premium .seo-faq-chevron { color: #c4a882 !important; } .dark-premium .seo-faq-answer { color: #98989d !important; } .dark-premium .seo-faq-answer p { color: #98989d !important; } /* Destination cards */ .dark-premium .seo-dest-card { background: #1c1c1e !important; border-color: #38383a !important; } .dark-premium .seo-dest-card__name { color: #ffffff !important; } .dark-premium .seo-dest-card__price { color: #c4a882 !important; } .dark-premium .seo-dest-card__cta { color: #c4a882 !important; } /* Reviews / testimonials */ .dark-premium .elfsight-app-common { background: transparent !important; } .dark-premium [class*="review"] a { color: #c4a882 !important; } /* Línea 241 del blade: background #fff en style inline */ .dark-premium .home-boreal > section, .dark-premium .home-boreal > div { background: transparent !important; } /* ═══ WARMTH & LUMINOSITY — ajuste fino ═══ */ /* Cards: fondo ligeramente más cálido, no gris frío */ .dark-premium .nexo-card, .dark-premium .home-boreal .nexo-card { background: #1e1c1a !important; border: 1px solid rgba(196, 168, 130, 0.15) !important; } .dark-premium .nexo-card.active, .dark-premium .home-boreal .nexo-card.active { background: #1e1c1a !important; border-color: rgba(196, 168, 130, 0.4) !important; box-shadow: 0 4px 25px rgba(196, 168, 130, 0.1), inset 0 1px 0 rgba(196, 168, 130, 0.05) !important; } /* Labels: más vibrantes */ .dark-premium .nexo-label { color: #7a7a7a !important; } .dark-premium .nexo-label.active { color: #d4b892 !important; text-shadow: 0 0 20px rgba(196, 168, 130, 0.15); } /* Inputs y placeholders: más brillantes */ .dark-premium .nexo-input { color: #f5f5f5 !important; } .dark-premium .nexo-input::placeholder { color: #5a5a5a !important; } /* Dots: más brillo */ .dark-premium .nexo-dot.active { background: #d4b892 !important; box-shadow: 0 0 12px rgba(212, 184, 146, 0.5), 0 0 4px rgba(212, 184, 146, 0.3) !important; } .dark-premium .nexo-dot.done { background: #d4b892 !important; box-shadow: 0 0 10px rgba(212, 184, 146, 0.35) !important; } /* Línea de progreso: más glow */ .dark-premium .nexo-line-glow { background: linear-gradient(180deg, #d4b892, #a08870) !important; box-shadow: 0 0 8px rgba(212, 184, 146, 0.3) !important; } /* Pax buttons: más visibles */ .dark-premium .nexo-pax-btn { color: #d4b892 !important; border-color: rgba(196, 168, 130, 0.25) !important; background: rgba(196, 168, 130, 0.08) !important; } .dark-premium .nexo-pax-count { color: #f5f5f5 !important; font-weight: 700 !important; } /* HORA: más presencia */ .dark-premium .nexo-time-display { color: #d4b892 !important; background: rgba(196, 168, 130, 0.15) !important; border: 1px solid rgba(196, 168, 130, 0.25) !important; font-weight: 700 !important; } /* CTA ready: dorado más rico */ .dark-premium .nexo-submit.ready { background: linear-gradient(135deg, #d4b892, #c4a882) !important; color: #0a0a0a !important; font-weight: 800 !important; box-shadow: 0 8px 25px rgba(196, 168, 130, 0.2) !important; } /* Vehicle card: borde cálido */ .dark-premium .nexo-vehicle-card, .dark-premium .nexo-vehicle-card.featured { background: #1e1c1a !important; border: 1px solid rgba(196, 168, 130, 0.12) !important; } /* Guide text y título vehículo: más blanco */ .dark-premium .nexo-guide-text { color: #b0b0b0 !important; } .dark-premium .nexo-vehicle-name { color: #f5f5f5 !important; } /* Switcher: borde dorado */ .dark-premium .nexo-switcher-track { background: #1e1c1a !important; border: 1px solid rgba(196, 168, 130, 0.2) !important; } /* Trust badges: texto más visible */ .dark-premium .nexo-trust-text { color: #b0b0b0 !important; } .dark-premium .nexo-trust-icon { color: #d4b892 !important; } /* ═══ SWITCHER — pill con borde dorado, no rellena ═══ */ .dark-premium .nexo-switcher-pill { background: transparent !important; border: 1.5px solid rgba(196, 168, 130, 0.6) !important; box-shadow: none !important; } .dark-premium .nexo-switcher-btn.active { color: #ffffff !important; } /* ═══ SWITCHER — track invisible, mismo fondo que página ═══ */ .dark-premium .nexo-switcher-track { background: transparent !important; border: none !important; } /* ═══ nexo-main — fondo transparente ═══ */ .dark-premium .nexo-main { background: transparent !important; } /* ═══ Nuclear: todo dentro de home-boreal transparente ═══ */ .dark-premium .home-boreal, .dark-premium .home-boreal > *, .dark-premium .nexo-main, .dark-premium .nexo-form, .dark-premium .nexo-switcher { background: transparent !important; background-color: transparent !important; } /* ═══ FORM — textos casi blancos ═══ */ .dark-premium .nexo-input { color: #f0f0f0 !important; } .dark-premium .nexo-input::placeholder { color: #6a6a6a !important; } .dark-premium .nexo-pax-label, .dark-premium .nexo-card label, .dark-premium .nexo-card .font-semibold, .dark-premium .nexo-card [class*="font-"] { color: #f0f0f0 !important; } .dark-premium .nexo-pax-sublabel, .dark-premium .nexo-card .text-xs, .dark-premium .nexo-card [class*="text-gray"], .dark-premium .nexo-card small { color: #8a8a8a !important; } .dark-premium .nexo-guide-text { color: #d0d0d0 !important; } /* ═══ FOOTER — link "Ver todos los destinos" tiene inline color verde ═══ */ /* El inline style usa #10b981, necesita !important para override */ .dark-premium footer a[style*="color"] { color: #c4a882 !important; } .dark-premium footer a[style*="color"]:hover { color: #d4b892 !important; } /* ═══ VEHÍCULO — coche grande, halo dorado, card ancha, features alineadas ═══ */ /* SOLO DESKTOP — en móvil se usa el layout compacto del CSS base */ @media (min-width: 1025px) { /* 1. Card más ancha y generosa */ .dark-premium .nexo-vehicle-card, .dark-premium .nexo-vehicle-card.featured { max-width: 600px !important; width: 100% !important; padding: 40px 40px 35px !important; } /* 2. Imagen más grande */ .dark-premium .nexo-vehicle-img { width: 380px !important; height: 240px !important; position: relative !important; margin: 0 auto !important; } /* 3. Halo cálido — intenso y difuso como mockup */ .dark-premium .nexo-vehicle-img::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%); width: 150%; height: 170%; background: radial-gradient( ellipse at center 55%, rgba(170, 140, 95, 0.35) 0%, rgba(170, 140, 95, 0.22) 20%, rgba(170, 140, 95, 0.12) 40%, rgba(170, 140, 95, 0.05) 60%, transparent 80% ); border-radius: 50%; z-index: 0; pointer-events: none; filter: blur(12px); } .dark-premium .nexo-vehicle-img img { position: relative; z-index: 1; } /* 4. Textos del vehículo — jerarquía como mockup */ .dark-premium .nexo-vehicle-name { font-size: 24px !important; font-weight: 800 !important; color: #ffffff !important; letter-spacing: -0.02em !important; } .dark-premium .nexo-vehicle-subtitle { color: #c4a882 !important; font-size: 15px !important; font-weight: 500 !important; } .dark-premium .nexo-vehicle-desc { color: #a0a0a0 !important; font-size: 14px !important; line-height: 1.7 !important; } /* 5. Features misma anchura, más generosas */ .dark-premium .nexo-vehicle-features { display: flex !important; gap: 10px !important; width: 100% !important; padding: 0 !important; } .dark-premium .nexo-vehicle-features span { flex: 1 1 0% !important; text-align: center !important; justify-content: center !important; min-width: 0 !important; padding: 10px 8px !important; font-size: 13px !important; } /* 6. Iconos features en dorado */ .dark-premium .nexo-vehicle-features span svg { color: #c4a882 !important; stroke: #c4a882 !important; opacity: 0.9; } } /* fin @media min-width 1025px — vehículo premium */ /* ═══ VEHÍCULO MÓVIL — layout compacto dark ═══ */ @media (max-width: 1024px) { /* Reset card a layout compacto horizontal */ .dark-premium .nexo-vehicle-card, .dark-premium .nexo-vehicle-card.featured { max-width: none !important; padding: 16px 0 !important; background: transparent !important; border: none !important; border-bottom: 1px solid #2c2c2e !important; border-radius: 0 !important; box-shadow: none !important; min-height: auto !important; flex-direction: row !important; align-items: center !important; text-align: left !important; } .dark-premium .nexo-vehicle-card:hover, .dark-premium .nexo-vehicle-card.featured:hover { background: transparent !important; box-shadow: none !important; transform: none !important; border-color: #2c2c2e !important; } .dark-premium .nexo-vehicle-card:last-child { border-bottom: none !important; } /* Imagen compacta */ .dark-premium .nexo-vehicle-img { width: 90px !important; height: 60px !important; margin-right: 16px !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } /* Sin halo en móvil */ .dark-premium .nexo-vehicle-img::before { display: none !important; } /* Info compacto */ .dark-premium .nexo-vehicle-info { padding: 0 !important; flex: 1 !important; min-width: 0 !important; text-align: left !important; align-items: flex-start !important; margin-top: 0 !important; } /* Nombre vehículo: compacto */ .dark-premium .nexo-vehicle-name { font-size: 16px !important; font-weight: 600 !important; color: #f0f0f0 !important; } .dark-premium .nexo-vehicle-name span { display: none !important; } /* Subtítulo */ .dark-premium .nexo-vehicle-subtitle { color: #98989d !important; font-size: 13px !important; } /* Descripción oculta en móvil */ .dark-premium .nexo-vehicle-desc { display: none !important; } /* Features: solo pax visible */ .dark-premium .nexo-vehicle-features span { display: none !important; } .dark-premium .nexo-vehicle-features span:first-child { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 13px !important; color: #98989d !important; background: none !important; padding: 0 !important; border: none !important; } .dark-premium .nexo-vehicle-badge { display: none !important; } /* Contenedor — separación suficiente de los trust badges */ .dark-premium .nexo-vehicles { padding: 0 24px 30px !important; margin-top: 50px !important; clear: both !important; } /* Trust badges: asegurar espacio inferior */ .dark-premium .nexo-trust-badges { margin-bottom: 20px !important; position: relative !important; z-index: 1 !important; } .dark-premium .nexo-vehicles h2 { color: #ffffff !important; margin-bottom: 16px !important; } } /* fin @media max-width 1024px — vehículo móvil */ /* ═══ PRECIO SOBRE CTA — DARK ═══ */ .dark-premium .nexo-price-amount { color: #f0ece6 !important; } .dark-premium .nexo-price-per { color: #9a958e !important; } .dark-premium .nexo-price-note { color: #c4a882 !important; }