/* ============================================================ NESA · Capa de idioma ÁRABE (dariya marroquí) + RTL Se activa solo cuando . El francés sigue siendo el idioma base de la landing. ============================================================ */ /* —— Tipografía árabe geométrica (Tajawal) que combina con Geomanist —— */ html[lang="ar"]{ --f-display:'Tajawal','Geomanist',system-ui,sans-serif; --f-sans:'Tajawal','Geomanist',system-ui,sans-serif; --f-body:'Tajawal',system-ui,sans-serif; } /* el árabe se lee mejor con un poco más de interlineado y sin tracking negativo */ html[lang="ar"] body{ letter-spacing:0; } html[lang="ar"] .onto-headline, html[lang="ar"] .sec-title, html[lang="ar"] .prod-title, html[lang="ar"] .evi-headline, html[lang="ar"] .esp-title, html[lang="ar"] .pac-title, html[lang="ar"] .apli-title, html[lang="ar"] .cita-slogan, html[lang="ar"] .ctaf-claim, html[lang="ar"] .intro-lede, html[lang="ar"] .footer-slogan{ letter-spacing:0; line-height:1.2; } html[lang="ar"] .eyebrow, html[lang="ar"] .onto-eyebrow, html[lang="ar"] .seal, html[lang="ar"] .counter .lbl, html[lang="ar"] .stat .a, html[lang="ar"] .ficha .l, html[lang="ar"] .distrib .lbl, html[lang="ar"] .intro-distrib .t, html[lang="ar"] .pac-eyebrow, html[lang="ar"] .cita-attr, html[lang="ar"] .legal-modal__eyebrow, html[lang="ar"] .fdl-title{ letter-spacing:.04em; } /* —— Conmutador de idioma en la cabecera —— */ .lang-switch{ display:inline-flex; align-items:center; gap:2px; } .lang-switch button{ font-family:var(--f-sans); cursor:pointer; border:none; background:none; font-size:13px; font-weight:600; letter-spacing:.02em; line-height:1; color:var(--ink-soft); padding:7px 11px; border-radius:999px; transition:color .2s ease, background .2s ease; } .lang-switch button:hover{ color:var(--ink); } .lang-switch button.active{ color:var(--ink); background:color-mix(in srgb,var(--sage) 20%, transparent); } .lang-switch .sep{ width:1px; height:15px; background:var(--line); } .on-dark .lang-switch button{ color:rgba(255,255,255,.6); } .on-dark .lang-switch button:hover{ color:#fff; } .on-dark .lang-switch button.active{ color:#fff; background:rgba(138,154,120,.28); } .on-dark .lang-switch .sep{ background:var(--line-d); } .lang-switch button[data-lang="ar"]{ font-family:'Tajawal',system-ui,sans-serif; font-size:14px; } /* conmutador sobre la pantalla de bienvenida (fondo oscuro) */ .intro-lang{ position:absolute; top:22px; right:26px; z-index:3; } .intro-lang button{ color:rgba(255,255,255,.58); } .intro-lang button:hover{ color:#fff; } .intro-lang button.active{ color:#fff; background:rgba(138,154,120,.30); } .intro-lang .sep{ background:var(--line-d); } [dir="rtl"] .intro-lang{ right:auto; left:26px; } @media(max-width:540px){ .intro-lang{ top:14px; right:14px; } [dir="rtl"] .intro-lang{ right:auto; left:14px; } } .header-right{ display:flex; align-items:center; gap:18px; } @media(max-width:600px){ .header-right{ gap:10px; } .lang-switch button{ padding:6px 8px; } } /* ============================================================ RTL · reflejo de elementos con dirección explícita ============================================================ */ [dir="rtl"] .refs-list, [dir="rtl"] .disclaimer, [dir="rtl"] .faq-q{ text-align:right; } [dir="rtl"] .faq-a p{ padding:0 4px 26px 44px; } /* flechas → se reflejan a ← ; chevrons cerrados apuntan a la izquierda */ [dir="rtl"] .ar{ display:inline-block; transform:scaleX(-1); } [dir="rtl"] .refs-toggle .chev, [dir="rtl"] .more-toggle .chev{ display:inline-block; transform:scaleX(-1); } [dir="rtl"] .refs-toggle.open .chev, [dir="rtl"] .more-toggle.open .chev{ transform:rotate(90deg); } /* posición de bloques y leyendas (left → right) */ [dir="rtl"] .onto-block{ left:auto; right:0; } [dir="rtl"] .inside-cap{ left:auto; right:clamp(20px,4vw,56px); } [dir="rtl"] .evi-banner .cap{ left:auto; right:clamp(20px,3vw,40px); } /* degradados de scrim reflejados para que el texto caiga sobre la zona oscura */ [dir="rtl"] .evi-banner .scrim{ background:linear-gradient(270deg, rgba(255,255,255,.45), transparent 45%); } [dir="rtl"] .pacientes .scrim{ background:linear-gradient(270deg, rgba(15,16,13,.94) 0%, rgba(15,16,13,.78) 38%, rgba(15,16,13,.25) 70%, rgba(15,16,13,.05) 100%); } /* el indicador de scroll de la intro queda centrado igualmente */ [dir="rtl"] .field input, [dir="rtl"] .field select{ text-align:right; } [dir="rtl"] .phone-row input[type="tel"]{ direction:ltr; text-align:right; } /* listas legales: viñeta al lado correcto (padding-inline ya es lógico) */ [dir="rtl"] .legal-sec p, [dir="rtl"] .legal-modal__note, [dir="rtl"] .legal-modal__stamp{ text-align:right; } /* el wordmark NESA y los logos no se reflejan (son imágenes LTR) */ [dir="rtl"] .brand img, [dir="rtl"] .distrib .chip img, [dir="rtl"] .form-cobrand img, [dir="rtl"] .footer-distrib .chip img, [dir="rtl"] .footer-brand img{ transform:none; }