.smv-accesses{
  width:100%;
  max-width:var(--smv-access-max,1260px);
  margin:0 auto;
  background:#fff;
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  position:relative;
  z-index:5;
}
.smv-accesses--stretch{
  width:min(var(--smv-access-max,1260px),calc(100vw - 32px));
  max-width:none;
  position:relative;
  left:50%;
  transform:translateX(-50%);
}
.smv-accesses__groups{display:flex;width:100%;align-items:stretch;gap:0}
.smv-access-group{display:flex;flex-direction:column;min-width:0;flex:var(--smv-group-grow,1) 1 0}
.smv-access-group__heading{
  height:var(--smv-access-head,38px);
  min-height:var(--smv-access-head,38px);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 15px;
  background:var(--smv-group-color,#2560AB);
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  border-right:1px solid rgba(255,255,255,.14);
  white-space:nowrap;
}
.smv-access-group:last-child .smv-access-group__heading{border-right:0}
.smv-access-group__icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px}
.smv-access-group__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smv-access-group__label{display:block;overflow:hidden;text-overflow:ellipsis}
.smv-access-group__cards{display:grid;grid-template-columns:repeat(var(--smv-group-cols,1),minmax(0,1fr));height:var(--smv-access-card,128px)}
.smv-access-card{
  min-width:0;
  height:100%;
  background:var(--smv-access-card-bg,#f7f7f7);
  border-right:1px solid var(--smv-access-border,#d8d8d8);
  border-bottom:1px solid var(--smv-access-border,#d8d8d8);
  color:var(--smv-access-title,#8f8f8f);
  text-decoration:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 12px 9px;
  text-align:center;
  overflow:hidden;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.smv-access-group:first-child .smv-access-card:first-child{border-left:1px solid var(--smv-access-border,#d8d8d8)}
.smv-access-card:hover,.smv-access-card:focus-visible{background:#fff;color:#2560AB;box-shadow:inset 0 -3px 0 #2560AB;outline:none}
.smv-access-card:hover .smv-access-card__icon,.smv-access-card:focus-visible .smv-access-card__icon{transform:translateY(calc(var(--smv-card-icon-y,0px) - 2px))}
.smv-access-group--alerta .smv-access-card:hover,.smv-access-group--alerta .smv-access-card:focus-visible{color:#e61620;box-shadow:inset 0 -3px 0 #ff1d25}
.smv-access-card__icon{display:grid;place-items:center;width:100%;height:62px;max-height:62px;flex:0 0 62px;color:var(--smv-card-icon-color,#1f1f1f);transform:translateY(var(--smv-card-icon-y,0px));transition:transform .18s ease}
.smv-access-card__icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}
.smv-access-card__image{display:block!important;width:min(var(--smv-card-image-width,80px),92%)!important;max-width:min(var(--smv-card-image-width,80px),92%)!important;max-height:var(--smv-card-image-max-height,60px)!important;height:auto!important;object-fit:contain;object-position:center center;margin:0 auto}
.smv-access-card__title{display:block;max-width:150px;font-size:14px;font-weight:800;line-height:1.06;text-transform:uppercase;text-wrap:balance}
@media (max-width:1100px){
  .smv-access-group__heading{font-size:12.5px;padding-inline:10px;gap:7px}
  .smv-access-group__icon{width:22px;height:22px;flex-basis:22px}.smv-access-group__icon svg{width:21px;height:21px}
  .smv-access-card__title{font-size:12.5px}.smv-access-card{padding-inline:8px}
}
@media (max-width:820px){
  .smv-accesses__groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;padding:10px}
  .smv-access-group{min-width:0}
  .smv-access-group__heading{white-space:normal;min-height:42px;height:auto;padding-block:8px}
  .smv-access-group__cards{height:auto;min-height:var(--smv-access-card,128px)}
}
@media (max-width:560px){
  .smv-accesses__groups{grid-template-columns:1fr;padding:8px;gap:8px}
  .smv-access-group__cards{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
  .smv-access-group__cards[style*="--smv-group-cols:1"]{grid-template-columns:1fr}
  .smv-access-card{min-height:118px;border-left:1px solid var(--smv-access-border,#d8d8d8)}
  .smv-access-card__title{font-size:13px}
}


/* v1.1.1 - alineacion con SMV Portal v0.8.1. El theme aporta la sombra exterior. */
.smv-accesses{max-width:1260px;}
.smv-accesses--stretch{width:min(1260px,calc(100vw - 32px));}
@media(max-width:700px){.smv-accesses,.smv-accesses--stretch{width:100vw;max-width:none;left:50%;transform:translateX(-50%);margin-inline:0}.smv-accesses__groups{padding-left:8px;padding-right:8px;}}


/* v1.1.2 - sombra lateral continua del lienzo institucional. */
.smv-accesses{
  box-shadow:var(--smv-side-shadow,-12px 0 18px -14px rgba(0,0,0,.34),12px 0 18px -14px rgba(0,0,0,.34));
}
@media(max-width:900px){
  .smv-accesses{box-shadow:none;}
}


/* v1.1.3 - Home 1260: el bloque usa el mismo borde del shell y no vuelve a centrarse contra el viewport. */
.smv-home-stage .smv-accesses--stretch,
.smv-shell .smv-accesses--stretch{
  width:100%!important;
  max-width:100%!important;
  left:auto!important;
  transform:none!important;
  margin-inline:0!important;
}
@media(max-width:700px){
  .smv-home-stage .smv-accesses--stretch,.smv-shell .smv-accesses--stretch{width:100%!important;left:auto!important;transform:none!important}
}

/* v1.1.4 - Alineacion exacta con el marco de contenido del theme v0.8.4. */
.smv-accesses{box-shadow:none!important}
.smv-site-content-frame .smv-accesses,
.smv-site-content-frame .smv-accesses--stretch{
  width:100%!important;
  max-width:100%!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
}