/* ASF Telecom — overrides RTL para la versión árabe (se carga después del CSS de Divi) */

body{direction:rtl}

/* Columnas de Divi (float) espejadas */
#et-boc .et_pb_column{float:right}
#et-boc .et_pb_column.et_pb_column_empty{float:right}

/* Gutters espejados: Divi separa con margin-right (todas menos la última);
   en RTL con float:right ese margen cae fuera y las columnas quedan pegadas.
   Espejo: margin-left 5.5% (gutter 3 del sitio). Las filas et_pb_gutters1 no llevan gutter. */
@media (min-width:981px){
  .et_pb_gutters3 #et-boc .et_pb_row>.et_pb_column{margin-right:0;margin-left:5.5%}
  .et_pb_gutters3 #et-boc .et_pb_row>.et_pb_column:last-child{margin-left:0}
  #et-boc .et_pb_row.et_pb_gutters1>.et_pb_column{margin-left:0;margin-right:0}
}

/* Alineaciones de texto */
#et-boc .et_pb_text_align_left{text-align:right}
#et-boc .et_pb_text_align_right{text-align:left}
#et-boc .et_pb_module.et_pb_text_align_left .et_pb_text_inner{text-align:right}
h1,h2,h3,h4,h5,h6,p,li{text-align:inherit}

/* Listas */
#et-boc ul,#et-boc ol{padding-right:1em;padding-left:0}

/* Blurbs con icono a la izquierda → icono a la derecha */
#et-boc .et_pb_blurb_position_left .et_pb_blurb_content .et_pb_main_blurb_image{padding-left:15px;padding-right:0}
#et-boc .et_pb_blurb_position_left .et_pb_blurb_container{text-align:right}

/* Botones: en RTL la flecha (::after, flujo inline) cae a la izquierda del texto,
   así que el padding ancho va a la izquierda; scaleX voltea la flecha para que apunte ← */
body #page-container .et_pb_section .et_pb_button{padding-left:2em!important;padding-right:0.7em!important}
body #page-container .et_pb_section .et_pb_button:after{margin-left:0!important;margin-right:.3em!important;left:auto!important;right:auto!important;transform:scaleX(-1)}
body #page-container .et_pb_section .et_pb_button:hover:after{margin-left:0!important;margin-right:.5em!important}

/* El árabe nunca lleva letter-spacing */
#et-boc *,.dvmm_mad_menu *{letter-spacing:0!important}

/* Tipografía árabe: Cairo en todo (incluye glifos latinos para A2P/VoIP/marca) */
body,#et-boc .et_pb_text,#et-boc h1,#et-boc h2,#et-boc h3,#et-boc h4,#et-boc h5,#et-boc h6,
#et-boc .et_pb_module_header,#et-boc .et_pb_button,#et-boc input,#et-boc textarea,#et-boc select,
.dvmm_mad_menu a,.dvmm_mad_menu .dvmm_button_text,.asf-lang{
  font-family:'Cairo',Tahoma,Arial,sans-serif!important;
}

/* Divisores decorativos con línea a la izquierda */
#et-boc .et_pb_divider:before{right:0;left:auto}

/* Submenú del menú desplegable: la línea azul de hover va a la DERECHA en RTL */
.dvmm_mad_menu .dvmm_menu__menu .dvmm_menu li li a{border-left-width:0!important;border-right:0 solid #1F5574!important}
.dvmm_mad_menu .dvmm_menu__menu .dvmm_menu li li a:hover{border-left-width:0!important;border-right-width:4px!important;border-right-color:#0D76EC!important}

/* Menú móvil (hamburguesa): en RTL el toggle queda a la izquierda,
   así que el desplegable ancla a la izquierda (el plugin lo ancla con right:0) */
.dvmm_mad_menu .dvmm_content .dvmm_mobile_menu_wrapper{left:0!important;right:auto!important}
@media (max-width:767px){
  /* en móvil pequeño el original va centrado (left:0 + right:0 + margin auto) */
  .dvmm_mad_menu .dvmm_content .dvmm_mobile_menu_wrapper{left:0!important;right:0!important}
}