/* Paginas de derecha a izquierda (arabe, 1-oct-2026). Solo la enlazan las paginas con
   dir="rtl" (rtl.py), asi que nada de aqui llega a una pagina LTR. Los lados de la maqueta
   ya vienen espejados en las copias .rtl.css; aqui va lo que no se arregla cambiando lados. */

/* Poppins no tiene arabe. Noto Kufi Arabic (geometrica, fuente variable 100-900) entra solo
   para las letras arabes, dentro de las familias que usa el sitio: las cifras y el latin
   siguen en Poppins. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/wp-content/uploads/elementor/google-fonts/fonts/notokufiarabic-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/wp-content/uploads/elementor/google-fonts/fonts/notokufiarabic-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'s360 arabe';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/wp-content/uploads/elementor/google-fonts/fonts/notokufiarabic-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* El texto que no pide familia (formularios, pila del sistema) tambien en la arabe */
html[dir="rtl"] body,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select,html[dir="rtl"] button{
  font-family:'Poppins','s360 arabe',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif}

/* El arabe se escribe ligado: cualquier espaciado entre letras rompe la union de la palabra.
   Las versales tampoco existen. */
html[dir="rtl"] body *{letter-spacing:0!important;text-transform:none!important}
/* Mas aire entre lineas: la kufi es alta y los titulares apretados montaban los puntos */
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.45!important}

/* Texto mezclado: cifras, precios, correos y nombres latinos no se desordenan con la
   puntuacion arabe que los rodea. */
html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"]{unicode-bidi:isolate;direction:ltr}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{text-align:right}

/* Precios: el importe, el tachado y el periodo se leen como una sola pieza, en el orden
   de siempre (191,99 €/سنة), sin que el euro salte al otro lado del numero. */
html[dir="rtl"] .s360-plan-price{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir="rtl"] .s360-plan-price .s360-plan-oferta{direction:rtl;unicode-bidi:isolate}
html[dir="rtl"] [data-now],html[dir="rtl"] [data-was],html[dir="rtl"] [data-win="ahorro"],html[dir="rtl"] [data-win="pct"],
html[dir="rtl"] [data-win="anual"],html[dir="rtl"] [data-win="anual_was"],html[dir="rtl"] [data-win="mensual"]{direction:ltr;unicode-bidi:isolate}

/* Iconos que apuntan a un lado: se espejan. Los que no apuntan (logo, play, estrellas,
   check, flechas hacia abajo de los desplegables) se quedan como estan. */
html[dir="rtl"] .s360-vcarr-btn svg,html[dir="rtl"] .e-fas-angle-right,
html[dir="rtl"] .e-fas-angle-left,html[dir="rtl"] .e-fas-arrow-right,html[dir="rtl"] .e-fas-chevron-right,
html[dir="rtl"] .e-fas-chevron-left,html[dir="rtl"] svg:has(path[d="M5 12h14"]),
html[dir="rtl"] svg:has(path[d^="m9 18"]),html[dir="rtl"] svg:has(path[d^="m15 18"]),
html[dir="rtl"] svg:has(path[d="M19 12H5"]){transform:scaleX(-1)}

/* La insignia de la columna ganadora sale de un content:"Mejor" de la hoja comun */
html[dir="rtl"] .s360 table.vs thead .us::after,
html[dir="rtl"] .s360 table.matriz:has(th:nth-child(6)) thead th:nth-child(5)::after{content:"الأفضل"}
html[dir="rtl"] .s360-chat .flecha{display:inline-block;transform:scaleX(-1)}