/* Navegación principal compartible de la nueva web.
   Geometría de escritorio tomada de la barra estable de las páginas interiores.
   Este archivo sustituye el antiguo menú específico de Inicio; no se superpone a él. */
.site-navigation {
  position: relative;
  height: 4.635417vw;
  min-height: 58px;
  padding: 0;
  display: block;
  border-top: 1px solid #e6e0d7;
  border-bottom: 1px solid #7f9c91;
  background: #fbfaf7;
  box-sizing: border-box;
}
.site-navigation a {
  position: absolute;
  top: 4.27%;
  height: 93.44%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px,.47vw,9px);
  padding: 0 .35em;
  margin: 0;
  border: 1px solid #e5dfd5;
  border-radius: 11px;
  color: #073f32;
  background: #fffdf8;
  text-decoration: none;
  font-weight: 850;
  font-size: clamp(12px,1.02vw,20px);
  white-space: nowrap;
  box-shadow: 0 2px 7px rgba(24,54,45,.07);
  transition: background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
  box-sizing: border-box;
}
.site-navigation a:nth-child(1){left:3.5000%;width:8.0486%}
.site-navigation a:nth-child(2){left:11.8486%;width:10.5025%}
.site-navigation a:nth-child(3){left:22.6511%;width:8.2450%}
.site-navigation a:nth-child(4){left:31.1961%;width:7.0671%}
.site-navigation a:nth-child(5){left:38.5632%;width:8.5394%}
.site-navigation a:nth-child(6){left:47.4026%;width:16.6862%}
.site-navigation a:nth-child(7){left:64.3888%;width:6.9689%}
.site-navigation a:nth-child(8){left:71.6578%;width:7.8523%}
.site-navigation a:nth-child(9){left:79.8101%;width:7.1653%}
.site-navigation a:nth-child(10){left:87.2754%;width:9.3246%}
.site-navigation a:hover{background:#edf5f1;color:#064d3c;border-color:#b9d2c7;transform:none}
.site-navigation a:active{background:#0a6750;color:#fff;border-color:#0a6750;box-shadow:0 1px 4px rgba(7,63,49,.16);transform:translateY(1px)}
.site-navigation a:focus-visible{outline:3px solid #e9b942;outline-offset:2px}
.site-navigation a[aria-current="page"]{background:#075f49;color:#fff;border-color:#075f49;box-shadow:0 4px 11px rgba(7,63,49,.16);transform:none}
.site-navigation a.pro{color:#9a6513;border-color:#d8ad5b;background:#fff9ee;box-shadow:0 2px 7px rgba(137,91,16,.07)}
.site-navigation a.pro:hover{background:#f7edd9;color:#87570f;border-color:#c99538;}
.site-navigation a.pro:active,.site-navigation a.pro[aria-current="page"]{background:#a56f17;color:#fff;border-color:#a56f17;box-shadow:0 2px 7px rgba(137,91,16,.18)}
.site-navigation a:nth-child(7){color:#9a6513;border-color:#dfbb72;background:#fffaf1}
.site-navigation a:nth-child(7):hover{background:#f8efdc;color:#87570f;border-color:#cda04b}
.site-navigation a:nth-child(7):active,.site-navigation a:nth-child(7)[aria-current="page"]{background:#a97522;color:#fff;border-color:#a97522;box-shadow:0 2px 7px rgba(137,91,16,.18)}
.site-navigation a.support{background:#b82034;color:#fff;border-color:#b82034;box-shadow:0 3px 9px rgba(130,21,39,.15)}
.site-navigation a.support:hover{background:#a51b2f;color:#fff;border-color:#a51b2f;}
.site-navigation a.support:active{background:#8f1728;color:#fff;border-color:#8f1728;box-shadow:0 1px 4px rgba(130,21,39,.20)}
.site-navigation .icon{width:clamp(21px,1.55vw,30px);height:clamp(21px,1.55vw,30px);flex:0 0 auto}

/* Comunidad árabe: iconos de línea idénticos al Inicio/español.
   Regla acotada a esta página para mantener el trabajo fase por fase. */
body[data-ar-source="comunidad.html"] .site-navigation svg.icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body[data-ar-source="comunidad.html"] .site-navigation svg.icon use{
  fill:none!important;
  stroke:currentColor!important;
}

/* Árabe: exactamente la misma geometría española, espejada RTL. */
.site-navigation--rtl{
  display:block;
  padding:0;
  direction:rtl;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
}
.site-navigation--rtl a{
  position:absolute;
  left:auto!important;
  top:3px!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  min-width:0;
  padding:0 .35em;
  font-size:clamp(12px,1.02vw,20px);
  font-weight:850;
  transform:none!important;
}
.site-navigation--rtl a:nth-child(1){right:3.5000%;width:8.0486%}
.site-navigation--rtl a:nth-child(2){right:11.8486%;width:10.5025%}
.site-navigation--rtl a:nth-child(3){right:22.6511%;width:8.2450%}
.site-navigation--rtl a:nth-child(4){right:31.1961%;width:7.0671%}
.site-navigation--rtl a:nth-child(5){right:38.5632%;width:8.5394%}
.site-navigation--rtl a:nth-child(6){right:47.4026%;width:16.6862%}
.site-navigation--rtl a:nth-child(7){right:64.3888%;width:6.9689%}
.site-navigation--rtl a:nth-child(8){right:71.6578%;width:7.8523%}
.site-navigation--rtl a:nth-child(9){right:79.8101%;width:7.1653%}
.site-navigation--rtl a:nth-child(10){right:87.2754%;width:9.3246%}
.site-navigation--rtl a:hover,.site-navigation--rtl a:active,.site-navigation--rtl a[aria-current="page"]{transform:none!important}

@media(max-width:1050px){
  .site-navigation,.site-navigation--rtl{
    display:flex;
    height:auto;
    min-height:58px;
    overflow-x:auto;
    justify-content:flex-start;
    gap:4px;
    padding:6px 12px;
    scrollbar-width:thin;
  }
  .site-navigation a,.site-navigation--rtl a{
    position:static;
    width:auto;
    height:48px;
    min-width:116px;
    flex:0 0 auto;
    padding:8px 10px;
    font-size:14px;
  }
  .site-navigation a:nth-child(n){left:auto;width:auto}
  .site-navigation .icon{width:20px;height:20px;flex-basis:20px}
}


/* ESTABILIDAD DE GEOMETRIA — navegación sin microdesplazamientos */
@media (min-width:1051px){
  .site-navigation{height:76px!important;min-height:76px!important;max-height:76px!important}
  .site-navigation a{top:3px!important;height:70px!important;min-height:70px!important;max-height:70px!important;transform:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}
  .site-navigation a:hover,.site-navigation a:active,.site-navigation a[aria-current="page"]{transform:none!important}
}


/* INICIO ÁRABE — misma barra real que Inicio español (cme-u-nav), espejada RTL. */
.ar-home-nav{
  position:relative;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  padding:0;
  display:block;
  border-top:1px solid #e6e0d7;
  border-bottom:1px solid #7f9c91;
  background:#fbfaf7;
  direction:rtl;
  box-sizing:border-box;
}
.ar-home-nav a{
  position:absolute;
  left:auto!important;
  top:3px!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(5px,.47vw,9px);
  padding:0 .35em;
  margin:0!important;
  border:1px solid #e5dfd5;
  border-radius:11px;
  text-decoration:none;
  color:#073f32;
  background:#fffdf8;
  font-weight:850;
  font-size:clamp(12px,1.02vw,20px);
  white-space:nowrap;
  box-shadow:0 2px 7px rgba(24,54,45,.07);
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
  transform:none!important;
  box-sizing:border-box;
}
.ar-home-nav a:nth-child(1){right:3.5000%;width:8.0486%}
.ar-home-nav a:nth-child(2){right:11.8486%;width:10.5025%}
.ar-home-nav a:nth-child(3){right:22.6511%;width:8.2450%}
.ar-home-nav a:nth-child(4){right:31.1961%;width:7.0671%}
.ar-home-nav a:nth-child(5){right:38.5632%;width:8.5394%}
.ar-home-nav a:nth-child(6){right:47.4026%;width:16.6862%}
.ar-home-nav a:nth-child(7){right:64.3888%;width:6.9689%}
.ar-home-nav a:nth-child(8){right:71.6578%;width:7.8523%}
.ar-home-nav a:nth-child(9){right:79.8101%;width:7.1653%}
.ar-home-nav a:nth-child(10){right:87.2754%;width:9.3246%}
.ar-home-nav a:hover{background:#edf5f1;color:#064d3c;border-color:#b9d2c7;}
.ar-home-nav a:active{background:#0a6750;color:#fff;border-color:#0a6750;box-shadow:0 1px 4px rgba(7,63,49,.16)}
.ar-home-nav a:focus-visible{outline:3px solid #e9b942;outline-offset:2px}
.ar-home-nav a.active{background:#075f49;color:#fff;border-color:#075f49;box-shadow:0 4px 11px rgba(7,63,49,.16)}
.ar-home-nav a.pro{color:#9a6513;border-color:#d8ad5b;background:#fff9ee;box-shadow:0 2px 7px rgba(137,91,16,.07)}
.ar-home-nav a.pro:hover{background:#f7edd9;color:#87570f;border-color:#c99538;}
.ar-home-nav a.pro:active,.ar-home-nav a.pro.active{background:#a56f17;color:#fff;border-color:#a56f17;box-shadow:0 2px 7px rgba(137,91,16,.18)}
.ar-home-nav a:nth-child(7){color:#9a6513;border-color:#dfbb72;background:#fffaf1}
.ar-home-nav a:nth-child(7):hover{background:#f8efdc;color:#87570f;border-color:#cda04b}
.ar-home-nav a:nth-child(7):active,.ar-home-nav a:nth-child(7).active{background:#a97522;color:#fff;border-color:#a97522;box-shadow:0 2px 7px rgba(137,91,16,.18)}
.ar-home-nav a.support{background:#b82034;color:#fff;border-color:#b82034;box-shadow:0 3px 9px rgba(130,21,39,.15)}
.ar-home-nav a.support:hover{background:#a51b2f;color:#fff;border-color:#a51b2f;}
.ar-home-nav a.support:active,.ar-home-nav a.support.active{background:#8f1728;color:#fff;border-color:#8f1728;box-shadow:0 1px 4px rgba(130,21,39,.20)}
.ar-home-nav svg{
  width:clamp(21px,1.55vw,30px);
  height:clamp(21px,1.55vw,30px);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
@media(max-width:1050px){
  .ar-home-nav{display:flex!important;height:auto!important;min-height:58px!important;max-height:none!important;overflow-x:auto;padding:4px 10px!important;gap:6px;direction:rtl}
  .ar-home-nav a{position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:auto!important;height:52px!important;min-height:52px!important;max-height:52px!important;flex:0 0 auto;padding:0 14px!important}
  .ar-home-nav svg{width:20px;height:20px}
}