html {
    min-height: 100%;
}

body.estructuraSistema {
    background: var(--colorFondo);
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
}

body.paginaMapaSistema {
    background: var(--colorFondo);
    color: var(--colorTexto);
    font-family: var(--fuenteTexto);
    margin: 0;
    min-height: 100vh;
}

/* Contenedores históricos reducidos a estructura neutra. */
.estructuraSistema .ez-mw,
.estructuraSistema .ez-mw2,
.estructuraSistema .ez-mw3,
.estructuraSistema .global-class {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.estructuraSistema .ez-box,
.estructuraSistema .ez-box3 {
    display: block;
    margin: 0;
    min-height: 0;
}

.estructuraSistema .ez-box::after,
.estructuraSistema .ez-box3::after {
    clear: both;
    content: "";
    display: table;
}

.paginaMapaSistema .contenedorMapaSistema {
    margin: 0 auto;
    max-width: 1100px;
    padding: var(--espacio4);
    width: 100%;
}

.paginaMapaSistema .mapaLienzo,
.paginaMapaSistema #map.smallmap {
    background: var(--colorMapa);
    border: 1px solid var(--colorBorde) !important;
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    height: min(70vh, 650px) !important;
    min-height: 360px;
    overflow: hidden;
    width: 100% !important;
}

.paginaMapaSistema .mapaPanelSistema {
    background: var(--colorBlanco);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    margin-bottom: var(--espacio5);
    overflow: hidden;
}

.paginaMapaSistema .mapaMarcoSistema {
    border: 0;
    display: block;
    min-height: clamp(28rem, 68vh, 50rem);
    width: 100%;
}

.paginaMapaSistema .tablaMapaSistema {
    margin-bottom: 0;
}

.estructuraSistema #map {
    background: var(--colorMapa);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    height: 65vh;
    margin: var(--espacio3) 0 var(--espacio5);
    min-height: 420px;
    width: 100%;
}

.estructuraSistema .mapaOculto {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
}

.estructuraSistema .mapaVisible {
    height: 500px !important;
    max-height: 70vh;
}

.estructuraSistema #marker {
    background: var(--colorInfo);
    border: 2px solid var(--colorBlanco);
    border-radius: 50%;
    box-shadow: var(--sombraSuave);
    height: 20px;
    opacity: .75;
    width: 20px;
}

.estructuraSistema #leftcol,
.estructuraSistema #output {
    width: 100%;
}

.estructuraSistema #output {
    border: 0;
    min-height: 420px;
}

.estructuraSistema .documentoSistema {
    background: var(--colorBlanco);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    margin: var(--espacio4) auto;
    max-width: 980px;
    overflow-x: auto;
    padding: var(--espacio5);
    width: 100%;
}

.estructuraSistema .rejillaDocumento {
    display: grid;
    gap: var(--espacio4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    width: 100%;
}

.estructuraSistema .columnaDocumento {
    min-width: 0;
}

.estructuraSistema .tablaSinBorde,
.estructuraSistema .tablaSinBorde > tbody > tr > td,
.estructuraSistema .tablaSinBorde > tbody > tr > th {
    border: 0 !important;
}

.estructuraSistema .contenedorAcceso {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
}

.estructuraSistema .marcaDocumento {
    border: 0;
    position: absolute;
}

.estructuraSistema .marcaDocumentoSuperiorIzquierda { left: 280px; top: 120px; }
.estructuraSistema .marcaDocumentoSuperiorDerecha { left: 850px; top: 120px; }
.estructuraSistema .marcaDocumentoCentral { left: 550px; top: 400px; }
.estructuraSistema .marcaDocumentoMediaIzquierda { left: 280px; top: 200px; }
.estructuraSistema .marcaDocumentoMediaDerecha { left: 850px; top: 200px; }
.estructuraSistema .marcaDocumentoBajaIzquierda { left: 280px; top: 220px; }
.estructuraSistema .marcaDocumentoBajaDerecha { left: 850px; top: 220px; }

.estructuraSistema .textoPieDocumento {
    color: var(--colorNegro);
    font-size: 10px;
    line-height: 1.1;
    text-align: center;
}

.estructuraSistema .herramientaReporte {
    background: var(--colorBlanco);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    margin: var(--espacio4) auto;
    max-width: 1180px;
    padding: var(--espacio5);
}

.estructuraSistema .cabeceraReporteSql,
.estructuraSistema .cuerpoReporteSql {
    display: grid;
    gap: var(--espacio4);
    grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr);
}

.estructuraSistema .cabeceraReporteSql {
    align-items: stretch;
    margin-bottom: var(--espacio4);
}

.estructuraSistema .editorReporteSql {
    min-height: 126px;
    resize: vertical;
    width: 100%;
}

.estructuraSistema .accionesReporteSql {
    align-items: center;
    display: grid;
    gap: var(--espacio2);
    grid-template-columns: repeat(3, 1fr);
}

.estructuraSistema .accionReporteSql {
    align-items: center;
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    display: flex;
    flex-direction: column;
    gap: var(--espacio1);
    justify-content: center;
    min-height: 96px;
    padding: var(--espacio2);
    text-align: center;
}

.estructuraSistema .accionReporteSql img {
    height: 48px;
    object-fit: contain;
    width: 48px;
}

.estructuraSistema .cuerpoReporteSql {
    grid-template-columns: minmax(220px, 1fr) minmax(0, 3fr);
}

.estructuraSistema .consultasReporteSql,
.estructuraSistema .resultadoReporteSql,
.estructuraSistema .datosReporteSql {
    min-height: 520px;
}

.estructuraSistema .consultasReporteSql,
.estructuraSistema .resultadoReporteSql {
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    overflow: auto;
}

.estructuraSistema .resultadoReporteSql {
    position: relative;
}

.estructuraSistema .capaCargaReporte,
.estructuraSistema .mensajeCargaReporte {
    inset: 0;
    position: absolute;
}

.estructuraSistema .capaCargaReporte {
    background: var(--colorOverlay);
    z-index: 4;
}

.estructuraSistema .mensajeCargaReporte {
    align-items: center;
    color: var(--colorBlanco);
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 5;
}

.estructuraSistema .datosReporteSql {
    overflow: auto;
    padding: var(--espacio3);
}

.estructuraSistema .panelFiltrosReporte {
    padding: var(--espacio4);
}

.estructuraSistema .panelFiltrosReporte h3 {
    background: var(--colorPrimario);
    color: var(--colorBlanco);
    margin: calc(var(--espacio4) * -1) calc(var(--espacio4) * -1) var(--espacio4);
    padding: var(--espacio3) var(--espacio4);
}

.estructuraSistema .panelFiltrosReporte > div + div {
    margin-top: var(--espacio3);
}

.estructuraSistema .modalFiltroReporte {
    left: 50%;
    max-width: 900px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    z-index: 1060;
}

.estructuraSistema .resumenFiltro {
    border-bottom: 1px solid var(--colorBordeSuave);
    font-size: var(--tamanoAyuda);
    padding: var(--espacio2);
}

.estructuraSistema .iconoCerrarFiltro {
    cursor: pointer;
    height: 15px;
    width: 15px;
}

.estructuraSistema .iconoCarga {
    height: 30px;
    width: auto;
}

.estructuraSistema .filaConsulta {
    cursor: pointer;
}

.estructuraSistema .filaConsultaImpar { background: var(--colorFondoSuave); }
.estructuraSistema .filaConsultaPar { background: var(--colorFondoActivo); }

.estructuraSistema .contenidoResultadoReporte {
    max-height: 509px;
    max-width: 890px;
    overflow: auto;
    width: 100%;
}

.estructuraSistema .pieResultadoReporte {
    min-height: 50px;
    max-width: 890px;
    width: 100%;
}

.estructuraSistema .accionesMapaCarga {
    border: 0;
    margin: 0;
    min-height: 50px;
    padding: 0;
}

.estructuraSistema .contenedorMapaCarga,
.estructuraSistema .marcoMapaCarga,
.estructuraSistema .mapaEmbebido {
    border: 0;
    display: block;
    height: min(500px, 65vh);
    max-width: 700px;
    width: 100%;
}

.estructuraSistema .graficoSistema {
    min-height: 200px;
    width: 100%;
}

.estructuraSistema .graficoCompacto { min-width: 540px; }
.estructuraSistema .graficoMedio { min-width: 720px; }
.estructuraSistema .graficoAmplio { min-width: 1080px; }
.estructuraSistema .graficoExtraGrande { min-width: 1440px; }

.estructuraSistema .graficoSistema.graficoCorto { min-height: 130px; }

.estructuraSistema .campoIdentidad {
    float: left;
    min-height: 60px;
    width: min(360px, 100%);
}

.estructuraSistema .bloqueCaptcha {
    display: none;
    float: left;
    min-height: 60px;
    width: min(200px, 100%);
}

.estructuraSistema .paso14 { width: 14%; }
.estructuraSistema .paso25 { width: 25%; }
.estructuraSistema .paso75 { width: 75%; }

.estructuraSistema.paginaCertificado {
    background: var(--colorFondo);
}

.estructuraSistema .documentoCertificado {
    background: var(--colorBlanco);
    box-shadow: var(--sombraMedia);
    margin: var(--espacio5) auto;
    max-width: 960px;
    padding: var(--espacio5);
    width: calc(100% - 30px);
}

.estructuraSistema .cabeceraCertificado {
    border-bottom: 1px solid var(--colorBorde);
    margin-bottom: var(--espacio4);
    padding-bottom: var(--espacio4);
}

.estructuraSistema .rejillaCertificado {
    display: grid;
    gap: var(--espacio4);
    grid-template-columns: minmax(0, 1fr) 250px;
    margin-bottom: var(--espacio5);
}

.estructuraSistema .mapaCertificado #map {
    height: 550px;
    width: 100%;
}

.estructuraSistema .leyendaCertificado {
    border-top: 1px dotted var(--colorBordeFuerte);
    min-height: 550px;
    padding-top: var(--espacio3);
}

.estructuraSistema .leyendaCapas {
    min-height: 520px;
    position: relative;
}

.estructuraSistema .leyendaCapa { left: 0; position: absolute; }
.estructuraSistema .leyendaCapa0 { top: 0; }
.estructuraSistema .leyendaCapa160 { top: 160px; }
.estructuraSistema .leyendaCapa180 { top: 180px; }
.estructuraSistema .leyendaCapa200 { top: 200px; }
.estructuraSistema .leyendaCapa220 { top: 220px; }
.estructuraSistema .leyendaDatos { top: 245px; }

.estructuraSistema .tablaCertificado {
    border: 0;
    border-collapse: collapse;
    margin-bottom: var(--espacio4);
    width: 100%;
}

.estructuraSistema .tablaCertificado th {
    background: var(--colorFondoActivo);
    border-bottom: 2px solid var(--colorTexto);
    border-top: 1px solid var(--colorTexto);
    font-size: var(--tamanoAyuda);
    padding: var(--espacio1);
}

.estructuraSistema .tablaCertificado td {
    border-bottom: 1px solid var(--colorTexto);
    color: var(--colorNegro);
    font-size: 12px;
    padding: var(--espacio1);
}

.estructuraSistema .filaBordeCertificado { border: 1px solid var(--colorNegro); }

@media (max-width: 767px) {
    .estructuraSistema #map {
        height: 58vh;
        min-height: 320px;
    }

    .estructuraSistema .documentoSistema {
        padding: var(--espacio3);
    }

    .estructuraSistema .cabeceraReporteSql,
    .estructuraSistema .cuerpoReporteSql {
        grid-template-columns: 1fr;
    }

    .estructuraSistema .consultasReporteSql,
    .estructuraSistema .resultadoReporteSql,
    .estructuraSistema .datosReporteSql {
        min-height: 320px;
    }

    .estructuraSistema .documentoCertificado {
        padding: var(--espacio3);
        width: calc(100% - 16px);
    }

    .estructuraSistema .rejillaCertificado {
        grid-template-columns: 1fr;
    }

    .estructuraSistema .leyendaCertificado {
        min-height: 520px;
    }

    .paginaMapaSistema .tablaMapaSistema,
    .paginaMapaSistema .tablaMapaSistema tbody,
    .paginaMapaSistema .tablaMapaSistema tr,
    .paginaMapaSistema .tablaMapaSistema td {
        display: block;
        width: 100%;
    }

    .paginaMapaSistema .tablaMapaSistema td {
        border-top: 0;
    }
}

.estructuraSistema.paginaAnchaSistema .contenedorLegacySistema {
    max-width: 1600px;
    width: calc(100% - 30px);
}

.estructuraSistema.paginaFormatoSistema .contenidoInterno {
    padding: var(--espacio4) 0;
}

.estructuraSistema .saltoContenido {
    background: var(--colorBlanco);
    border-radius: 0 0 var(--radioBase) var(--radioBase);
    box-shadow: var(--sombraSuave);
    left: var(--espacio4);
    padding: var(--espacio3) var(--espacio4);
    position: fixed;
    top: -80px;
    z-index: 1100;
}

.estructuraSistema .saltoContenido:focus {
    top: 0;
}

.estructuraSistema .encabezadoSistema {
    background: var(--colorBlanco);
    flex: 0 0 auto;
    position: relative;
    z-index: 100;
}

.estructuraSistema .barraSuperior {
    background: var(--colorPrimario);
    color: var(--colorBlanco);
    font-size: var(--tamanoAyuda);
    padding: var(--espacio2) 0;
}

.estructuraSistema .contenedorBarraSuperior {
    margin: 0 auto;
    width: 96%;
}

.estructuraSistema .barraSuperior a,
.estructuraSistema .barraSuperior a:hover,
.estructuraSistema .barraSuperior a:focus {
    color: var(--colorBlanco);
}

.estructuraSistema .barraSuperior a.botonValidarGuia,
.barraSuperior a.botonValidarGuia {
    transition: color 0.2s ease;
}

.estructuraSistema .barraSuperior a.botonValidarGuia:hover,
.estructuraSistema .barraSuperior a.botonValidarGuia:focus,
.barraSuperior a.botonValidarGuia:hover,
.barraSuperior a.botonValidarGuia:focus {
    color: #fbbe0b;
}

.estructuraSistema .separadorSuperior {
    margin: 0 var(--espacio2);
    opacity: .75;
}

.estructuraSistema .nombrePerfil {
    border-left: 1px solid var(--colorBlancoBorde);
    margin-left: var(--espacio3);
    padding-left: var(--espacio3);
}

.estructuraSistema .barraSuperior a:hover,
.estructuraSistema .barraSuperior a:focus {
    text-decoration: underline;
}

.estructuraSistema .navegacionSistema.navbar {
    background: var(--colorBlanco);
    border: 0;
    border-bottom: 1px solid var(--colorBorde);
    border-radius: 0;
    box-shadow: var(--sombraSuave);
    margin-bottom: 0;
    min-height: 64px;
}

.estructuraSistema .contenedorNavegacion {
    margin: 0 auto;
    width: 96%;
}

.estructuraSistema .navegacionSistema .navbar-brand {
    align-items: center;
    display: flex;
    height: 64px;
    padding: 7px 15px;
}

.estructuraSistema .navegacionSistema .navbar-brand img {
    max-height: 60px;
    width: auto;
}

.estructuraSistema .navegacionSistema .navbar-nav > li > a {
    color: var(--colorTexto);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 22px 11px;
}

.estructuraSistema .navegacionSistema .navbar-nav > li > a:hover,
.estructuraSistema .navegacionSistema .navbar-nav > li > a:focus,
.estructuraSistema .navegacionSistema .navbar-nav > .open > a,
.estructuraSistema .navegacionSistema .navbar-nav > .open > a:hover,
.estructuraSistema .navegacionSistema .navbar-nav > .open > a:focus {
    background: var(--colorPrimarioOscuro);
    color: var(--colorBlanco);
}

.estructuraSistema .navegacionSistema .dropdown-menu {
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraMedia);
    min-width: 260px;
    padding: var(--espacio2) 0;
}

.estructuraSistema .navegacionSistema .dropdown-menu > li > a {
    color: var(--colorTexto);
    font-weight: 500;
    padding: var(--espacio3) var(--espacio4);
    white-space: normal;
}

.estructuraSistema .navegacionSistema .dropdown-menu > li > a:hover,
.estructuraSistema .navegacionSistema .dropdown-menu > li > a:focus {
    color: var(--colorBlanco);
    background-color: var(--colorPrimarioOscuro);
}

.estructuraSistema .contenidoSistema {
    flex: 1 0 auto;
    min-width: 0;
    width: 100%;
}

.estructuraSistema .contenidoInterno,
.estructuraSistema .contenidoLegacySistema {
    flex: 1 0 auto;
    min-width: 0;
    padding: var(--espacio6) 0;
    width: 100%;
}

.estructuraSistema .contenedorLegacySistema {
    min-width: 0;
}

.estructuraSistema .moduloPanel {
    background: var(--colorBlanco);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    overflow: hidden;
}

.estructuraSistema .encabezadoModulo,
.estructuraSistema .cabeceraPagina {
    border-bottom: 1px solid var(--colorBorde);
    padding: var(--espacio5) var(--espacio6);
}

.estructuraSistema .encabezadoModulo h1,
.estructuraSistema .cabeceraPagina h1,
.estructuraSistema .cabeceraPagina h2 {
    color: var(--colorPrimarioOscuro);
    font-size: var(--tamanoH3);
    font-weight: 700;
    margin: 0;
}

.estructuraSistema .encabezadoModulo p,
.estructuraSistema .cabeceraPagina p {
    color: var(--colorTextoSuave);
    margin: var(--espacio2) 0 0;
}

.estructuraSistema .etiquetaModulo {
    color: var(--colorPrimario);
    display: block;
    font-size: var(--tamanoAyuda);
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: var(--espacio1);
    text-transform: uppercase;
}

.estructuraSistema .cuerpoModulo {
    padding: var(--espacio6);
}

.estructuraSistema .formularioContacto {
    margin: 0 auto;
    max-width: 860px;
}

.estructuraSistema .selectorPerfil {
    margin: 0 auto;
    max-width: 1040px;
}

.estructuraSistema .accionesPerfil {
    background: transparent;
    border-top: 0;
    margin: 0;
}

.estructuraSistema .rejillaPerfiles {
    display: grid;
    gap: var(--espacio4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    padding: var(--espacio5);
}

.estructuraSistema .tarjetaPerfil {
    align-items: center;
    background: var(--colorBlanco);
    border: 1px solid var(--colorBorde);
    border-radius: var(--radioBase);
    box-shadow: var(--sombraSuave);
    color: var(--colorPrimarioOscuro);
    display: flex;
    flex-direction: column;
    font-family: var(--fuenteTitulo);
    font-weight: 600;
    gap: var(--espacio3);
    min-height: 150px;
    padding: var(--espacio4);
    text-align: center;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.estructuraSistema .tarjetaPerfil:hover,
.estructuraSistema .tarjetaPerfil:focus {
    border-color: var(--colorPrimario);
    box-shadow: var(--sombraMedia);
    color: var(--colorPrimarioOscuro);
    text-decoration: none;
    transform: translateY(-2px);
}

.estructuraSistema .imagenPerfil {
    height: 82px;
    object-fit: contain;
    width: 82px;
}

.estructuraSistema .pieSistema {
    background: var(--colorPrimarioOscuro);
    color: var(--colorBlancoSuave);
    flex: 0 0 auto;
    font-size: 14px;
    margin-top: var(--espacio7);
    padding: var(--espacio7) 0 var(--espacio5);
}

.estructuraSistema .pieSistema h5 {
    color: var(--colorBlanco);
    font-family: var(--fuenteTitulo);
    font-size: var(--tamanoH5);
    font-weight: 700;
    margin: 0 0 var(--espacio4);
}

.estructuraSistema .pieSistema a,
.estructuraSistema .pieSistema a:hover,
.estructuraSistema .pieSistema a:focus {
    color: var(--colorBlanco);
}

.estructuraSistema .pieSistema a:hover,
.estructuraSistema .pieSistema a:focus {
    text-decoration: underline;
}

.estructuraSistema .pieSistema li {
    margin-bottom: var(--espacio2);
}

.estructuraSistema .pieSistema p {
    margin: 0 0 var(--espacio2);
}

.estructuraSistema .pieSistema img {
    height: 32px;
    margin: var(--espacio1) var(--espacio2) 0 0;
    width: 32px;
}

.estructuraSistema .pieSistema hr {
    border-color: var(--colorBlancoTenue);
    margin: var(--espacio6) 0 var(--espacio5);
}

/* El menú horizontal solo se muestra cuando existe espacio real para la marca y todas las opciones. */
@media (min-width: 1200px) {
    .estructuraSistema .navegacionSistema .navbar-collapse {
        align-items: stretch;
        display: flex !important;
        justify-content: flex-end;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal {
        display: flex;
        float: none;
        flex-wrap: nowrap;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal > li > a {
        white-space: nowrap;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal > li:last-child > .dropdown-menu {
        left: auto;
        right: 0;
    }
}

/* Entre tablet y escritorio compacto se utiliza el menú colapsado.
   Esto evita superposiciones al aumentar el zoom del navegador. */
@media (min-width: 768px) and (max-width: 1199px) {
    .estructuraSistema .navegacionSistema .navbar-header {
        float: none;
    }

    .estructuraSistema .navegacionSistema .navbar-brand {
        max-width: calc(100% - 76px);
    }

    .estructuraSistema .navegacionSistema .navbar-brand img {
        max-width: 100%;
    }

    .estructuraSistema .navegacionSistema .navbar-toggle {
        border-color: var(--colorBorde);
        display: block;
        margin-top: 14px;
    }

    .estructuraSistema .navegacionSistema .navbar-collapse {
        border-top: 1px solid var(--colorBorde);
        box-shadow: none;
        clear: both;
        float: none !important;
        max-height: calc(100vh - 130px);
        overflow-x: visible !important;
        overflow-y: auto !important;
        width: 100%;
    }

    .estructuraSistema .navegacionSistema .navbar-collapse.collapse {
        display: none !important;
    }

    .estructuraSistema .navegacionSistema .navbar-collapse.collapse.in {
        display: block !important;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal {
        display: block;
        float: none !important;
        margin: 7px -15px;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal > li {
        float: none;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal > li > a {
        padding: var(--espacio3) var(--espacio4);
        white-space: normal;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal .open > .dropdown-menu {
        background: var(--colorFondoSuave);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        float: none;
        margin: 0;
        min-width: 0;
        position: static;
        width: auto;
    }

    .estructuraSistema .navegacionSistema .menuPrincipal .open > .dropdown-menu > li > a {
        padding-left: 32px;
    }
}

@media (max-width: 767px) {
    .estructuraSistema .barraSuperior {
        padding: var(--espacio2) 0;
    }

    .estructuraSistema .barraSuperiorPrincipal,
    .estructuraSistema .enlacesCuenta {
        text-align: center;
    }

    .estructuraSistema .botonValidarGuia {
        margin: 6px 0 0;
        display: inline-block;
    }

    .estructuraSistema .enlacesCuenta {
        margin-top: var(--espacio1);
    }

    .estructuraSistema .nombrePerfil {
        border: 0;
        display: block;
        margin: var(--espacio1) 0 0;
        padding: 0;
    }

    .estructuraSistema .navegacionSistema.navbar {
        min-height: 54px;
    }

    .estructuraSistema .navegacionSistema .navbar-brand {
        height: 54px;
        max-width: calc(100% - 70px);
    }

    .estructuraSistema .navegacionSistema .navbar-brand img {
        max-width: 100%;
    }

    .estructuraSistema .navegacionSistema .navbar-toggle {
        border-color: var(--colorBorde);
        margin-top: 10px;
    }

    .estructuraSistema .navegacionSistema .navbar-nav > li > a {
        font-size: 14px;
        padding: var(--espacio3) var(--espacio4);
    }

    .estructuraSistema .pieSistema {
        padding: var(--espacio6) 0 var(--espacio4);
        text-align: center;
    }

    .estructuraSistema .pieSistema .footer-links,
    .estructuraSistema .pieSistema .footer-social {
        margin-bottom: var(--espacio5);
    }

    .estructuraSistema .contenidoInterno,
    .estructuraSistema .contenidoLegacySistema {
        padding: var(--espacio4) 0;
    }

    .estructuraSistema .encabezadoModulo,
    .estructuraSistema .cabeceraPagina,
    .estructuraSistema .cuerpoModulo {
        padding: var(--espacio4);
    }

    .estructuraSistema .encabezadoModulo h1,
    .estructuraSistema .cabeceraPagina h1,
    .estructuraSistema .cabeceraPagina h2 {
        font-size: var(--tamanoH4);
    }
}