/*
═══════════════════════════════════════════════════════════════════════════════
CABBIK HOME 2026 — LIGHT PREMIUM V-CLASS
═══════════════════════════════════════════════════════════════════════════════
Archivo: public/css/home-2026-premium.css — Cargar DESPUÉS de home-2026.css

  primary:    #2c2c2a   (antracita carbón — CTA, textos fuertes)
  accent:     #a0897a   (terracota — acentos, labels activos)
  accent-bg:  #f0ebe5   (hover cálido)
  bg:         #faf8f5   (lino)
═══════════════════════════════════════════════════════════════════════════════
*/

/* ═══ AURORA: arena cálida discreta ═══ */
.nexo-aurora-orb:nth-child(1) { background: rgba(200, 185, 165, 0.18) !important; }
.nexo-aurora-orb:nth-child(2) { background: rgba(210, 195, 175, 0.14) !important; }
.nexo-aurora-orb:nth-child(3) { background: rgba(190, 175, 155, 0.12) !important; }
.nexo-aurora-orb:nth-child(4) { background: rgba(200, 185, 165, 0.10) !important; }

/* ═══ PUNTO 1: CONTRASTE — labels, inputs, línea, dots ═══ */

.nexo-label { color: #8a8a8a !important; font-weight: 700 !important; letter-spacing: 0.8px !important; }
.nexo-label.active { color: #8a7768 !important; opacity: 1 !important; }
@keyframes label-glow { 0%, 100% { opacity: 0.9; } 50% { opacity: 1; } }

.nexo-input { font-weight: 600 !important; color: #1a1a1a !important; }
.nexo-input::placeholder { color: #b0b0b0 !important; }

.nexo-card { border: 1px solid rgba(0, 0, 0, 0.08) !important; }
.nexo-card.active { border-color: rgba(140, 120, 105, 0.5) !important; box-shadow: 0 4px 20px rgba(140, 120, 105, 0.10) !important; }
.nexo-card.done { border-color: rgba(0, 0, 0, 0.10) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important; }
.nexo-card:not(.active):not(.done) { opacity: 0.65 !important; }

@keyframes card-heartbeat {
    0%, 100% { background: rgba(160, 137, 122, 0.02); box-shadow: 0 0 0 0 rgba(140, 120, 105, 0.08), 0 4px 15px rgba(140, 120, 105, 0.05); transform: scale(1); }
    50% { background: rgba(160, 137, 122, 0.05); box-shadow: 0 0 0 3px rgba(140, 120, 105, 0.06), 0 8px 25px rgba(140, 120, 105, 0.08); transform: scale(1.003); }
}

.nexo-line { background: #d8d4ce !important; }
.nexo-line-glow { background: linear-gradient(180deg, #2c2c2a, #a0897a) !important; }
@keyframes line-energy {
    0%, 100% { box-shadow: 0 0 6px rgba(44, 44, 42, 0.25), 0 0 12px rgba(44, 44, 42, 0.12); }
    50% { box-shadow: 0 0 10px rgba(44, 44, 42, 0.35), 0 0 20px rgba(44, 44, 42, 0.18); }
}

.nexo-dot { background: #d0cdc7 !important; }
.nexo-dot.done { background: #2c2c2a !important; box-shadow: 0 0 8px rgba(44, 44, 42, 0.3) !important; }
.nexo-dot.active { background: #a0897a !important; border-color: #fff !important; }
@keyframes dot-heartbeat {
    0%, 100% { transform: translateY(-50%) scale(1); box-shadow: 0 0 0 0 rgba(160, 137, 122, 0.5); }
    50% { transform: translateY(-50%) scale(1.2); box-shadow: 0 0 0 10px rgba(160, 137, 122, 0); }
}

.nexo-guide-text { color: #5a5a5a !important; font-weight: 600 !important; font-size: 16px !important; }

/* ═══ PUNTO 2: VEHÍCULO — coche grande, card con fondo cálido ═══ */

.nexo-vehicle-card, .nexo-vehicle-card.featured { background: #f8f5f1 !important; border: 1px solid #e8e3dc !important; }
.nexo-vehicle-card:hover, .nexo-vehicle-card.featured:hover { background: #f5f1ec !important; border-color: #ddd7cf !important; }

@media (min-width: 1025px) {
    .nexo-vehicle-img { width: 280px !important; height: 180px !important; }
    .nexo-vehicle-card, .nexo-vehicle-card.featured { padding: 40px 30px 35px !important; min-height: 460px !important; }
    .nexo-vehicle-info { margin-top: 30px !important; }
}

.nexo-vehicle-name { font-size: 20px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; }
.nexo-vehicle-subtitle { font-style: normal !important; color: #7a7a7a !important; font-size: 14px !important; }

@media (min-width: 1025px) {
    .nexo-vehicle-desc { display: block !important; color: #888 !important; font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 20px 0 !important; }
}

.nexo-vehicle-features span { background: #efebe5 !important; color: #4a4a4a !important; font-weight: 500 !important; font-size: 13px !important; padding: 7px 14px !important; border-radius: 8px !important; }
.nexo-vehicle-features span.premium { background: #2c2c2a !important; color: #e8e3dc !important; }

/* ═══ PUNTO 6: CTA — carbón sólido ═══ */

.nexo-submit { background: #c8c5bf !important; color: #8a8a8a !important; }
.nexo-submit:disabled { background: #c8c5bf !important; color: #8a8a8a !important; }
.nexo-submit.ready { background: #2c2c2a !important; color: #ffffff !important; letter-spacing: 0.8px !important; }
.nexo-submit:not(:disabled):hover { background: #2c2c2a !important; }
.nexo-submit.ready:hover { background: #1a1a18 !important; box-shadow: 0 12px 35px rgba(44, 44, 42, 0.35) !important; }
@keyframes btn-heartbeat {
    0%, 100% { box-shadow: 0 6px 20px rgba(44, 44, 42, 0.2); transform: translateY(0); }
    50% { box-shadow: 0 10px 30px rgba(44, 44, 42, 0.28); transform: translateY(-2px); }
}

/* ═══ SWITCHER ═══ */
.nexo-switcher-pill { background: #2c2c2a !important; box-shadow: 0 4px 12px rgba(44, 44, 42, 0.18) !important; }

/* ═══ TRUST BADGES ═══ */
.nexo-trust-icon { color: #a0897a; }
.nexo-trust-text { color: #5a5a5a; font-weight: 500; }

/* ═══ FLATPICKR ═══ */
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange { background: #2c2c2a !important; border-color: #2c2c2a !important; }
.flatpickr-day.inRange { background: rgba(44, 44, 42, 0.06) !important; }
.flatpickr-day:hover { background: rgba(160, 137, 122, 0.10) !important; }
.flatpickr-day.today { border-color: #a0897a !important; }
.flatpickr-day.today:hover { background: rgba(160, 137, 122, 0.10) !important; }
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg { fill: #a0897a !important; }

/* ═══ DROPDOWN ═══ */
.nexo-dropdown-item:hover { background: #f5f0ea !important; }
.nexo-dropdown-item:hover .nexo-dropdown-icon { background: #2c2c2a !important; }
.nexo-dropdown-search input:focus { border-color: #a0897a !important; }

/* ═══ TIME PICKER ═══ */
.nexo-time-display { color: #2c2c2a !important; background: rgba(160, 137, 122, 0.10) !important; }
.nexo-time-display:hover { background: rgba(160, 137, 122, 0.16) !important; }
.nexo-time-picker-highlight { background: rgba(160, 137, 122, 0.08) !important; }
.nexo-time-picker-arrow { color: #a0897a !important; }
.nexo-time-picker-arrow:hover { background: rgba(160, 137, 122, 0.1) !important; border-color: #a0897a !important; }
.nexo-time-picker-confirm { background: #2c2c2a !important; }
.nexo-time-picker-confirm:hover { background: #1a1a18 !important; box-shadow: 0 8px 20px rgba(44, 44, 42, 0.25) !important; }

/* ═══ PAX / SWAP ═══ */
.nexo-pax-btn:hover { background: #2c2c2a !important; color: #fff !important; box-shadow: 0 4px 12px rgba(44, 44, 42, 0.18) !important; }
.nexo-swap:hover { background: #2c2c2a !important; color: #fff !important; box-shadow: 0 4px 12px rgba(44, 44, 42, 0.18) !important; }

/* ═══ MODAL MOBILE ═══ */
.nexo-modal-search input:focus { border-color: #a0897a !important; }
.nexo-modal-item-icon.airport { background: linear-gradient(135deg, #f5f0ea 0%, #ebe4db 100%) !important; }

/* ═══ BREATHING / PULSE: sin naranja ═══ */
@keyframes nexo-breathe { 0%, 100% { background: transparent; } 50% { background: rgba(160, 137, 122, 0.06); } }
@keyframes nexo-btn-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(160, 137, 122, 0.3); } 50% { box-shadow: 0 0 0 8px rgba(160, 137, 122, 0); } }

/* ═══ SEO SECTIONS ═══ */
.seo-step__number { background: #2c2c2a; }
.seo-dest-card:hover { border-color: #a0897a; box-shadow: 0 4px 12px rgba(160, 137, 122, 0.10); }
.seo-dest-card__price { color: #2c2c2a; font-weight: 700; }
.seo-dest-card__cta { color: #a0897a; }
.seo-dest-more summary { color: #a0897a; }
.seo-dest-all__link { color: #a0897a; }
.seo-faq-answer ul li::before { background: #a0897a; }