/* ═══════════════════════════════════════════════════════════════ RTL OVERRIDES — solo se carga en /ar/ (inyectado por i18n_build.py) dir="rtl" en ya voltea flex/grid/texto automáticamente; aquí solo se corrigen propiedades físicas hardcodeadas. ═══════════════════════════════════════════════════════════════ */ /* ── Tipografía árabe ── */ [dir="rtl"] body, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6, [dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { font-family: 'Tajawal', 'Nunito Sans', sans-serif; } /* El árabe no tolera letter-spacing amplio */ [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .section-tag, [dir="rtl"] .hero-subtitle, [dir="rtl"] .fc-btn-eyebrow, [dir="rtl"] .btn-nav-cta, [dir="rtl"] .ec-hero-eyebrow, [dir="rtl"] .xp-tag { letter-spacing: 0; } /* ── Nav ── */ [dir="rtl"] .nav-links { margin-left: 0; margin-right: 0.5rem; } [dir="rtl"] .nav-right { margin-left: 0; margin-right: auto; } [dir="rtl"] .hamburger { margin-left: 0; margin-right: auto; } [dir="rtl"] .logo-link { margin-right: 0; margin-left: 0.5rem; } [dir="rtl"] .dropdown-arrow { margin-left: 0; margin-right: auto; } [dir="rtl"] .nav-lang-arrow { margin-left: 0; margin-right: 2px; } [dir="rtl"] .nav-lang-dropdown { right: auto; left: 0; } [dir="rtl"] .lang-menu { right: auto; left: 0; } [dir="rtl"] .m-group-toggle, [dir="rtl"] .m-group-panel a, [dir="rtl"] .m-single { text-align: right; } /* ── Hero ── */ [dir="rtl"] .hero-event-photo { border-right: none; border-left: 1px solid rgba(110,228,152,0.15); } /* ── Separadores de stats ── */ [dir="rtl"] .stat-item { border-right: none; border-left: 1px solid var(--border2); } [dir="rtl"] .stat-item:last-child { border-left: none; } /* ── Badges y tags posicionados ── */ [dir="rtl"] .show-cover-badge { left: auto; right: 12px; } [dir="rtl"] .blog-cat-tag { left: auto; right: 0.75rem; } [dir="rtl"] .gal-tag { left: auto; right: 12px; } [dir="rtl"] .aw-cert-badge { right: auto; left: .7rem; } [dir="rtl"] .aw-cert-close { right: auto; left: 1.1rem; } [dir="rtl"] .lightbox-close { right: auto; left: 1.5rem; } /* ── Alineaciones de texto hardcodeadas ── */ [dir="rtl"] .ticket-features, [dir="rtl"] .award-cat, [dir="rtl"] .aw-cert-meta-item, [dir="rtl"] .aw-cert-signature, [dir="rtl"] .fc-brand-text, [dir="rtl"] .fc-actions-simple .fc-btn-text { text-align: right; } /* ── Footer ── */ [dir="rtl"] .footer-links a:hover { padding-left: 0; padding-right: 6px; } /* ── Timelines ── */ [dir="rtl"] .timeline { padding-left: 0; padding-right: 2rem; } [dir="rtl"] .timeline::before { left: auto; right: 0; } [dir="rtl"] .timeline-item { padding-left: 0; padding-right: 1.5rem; } [dir="rtl"] .timeline-marker { left: auto; right: -2rem; transform: translateX(50%); } [dir="rtl"] .ht-card { margin-left: 0; margin-right: 1rem; } /* ── Inputs con icono ── */ [dir="rtl"] .newsletter-row-ico { left: auto; right: 1rem; } [dir="rtl"] .blog-search-icon { left: auto; right: 16px; } /* ── Flechas e iconos direccionales ── */ [dir="rtl"] .fa-arrow-right, [dir="rtl"] .fa-chevron-right { display: inline-block; transform: rotate(180deg); } [dir="rtl"] .video-play-btn i { margin-left: 0; margin-right: 4px; } /* ── Micro-interacciones que se desplazan ── */ [dir="rtl"] .apl-item:hover { transform: translateX(-4px); } [dir="rtl"] .pe-strip-btn:hover i { transform: translateX(-5px) rotate(180deg); } [dir="rtl"] .fc-actions-simple .fc-btn-arrow { margin-left: 0; margin-right: .3rem; } [dir="rtl"] .fc-actions-simple .fc-btn:hover .fc-btn-arrow { transform: translateX(-4px) rotate(180deg); } /* ── Sticky bar: chip de marca ── */ [dir="rtl"] .fc-brand { padding-right: 0; padding-left: 1.4rem; border-right: none; border-left: 1px solid rgba(110,228,152,.15); } /* ── WhatsApp FAB: se espeja a la izquierda ── */ [dir="rtl"] .wa-fab { right: auto; left: 1.25rem; } [dir="rtl"] .wa-fab-label { margin-left: 0; margin-right: 0; } [dir="rtl"] .wa-fab:hover .wa-fab-label { margin-left: 0; margin-right: .65rem; } @media (max-width: 640px) { [dir="rtl"] .wa-fab { right: auto; left: 1rem; } }