/* Distribución del módulo. Se carga al final y no modifica otras páginas. */
body.sus-integrada { display:block; overflow-x:clip; }

/* El menú fijo público mide 73px; dejar también una pequeña separación. */
@media screen and (max-width:769px) {
 body.sus-integrada.sus-visitante { padding-top:80px; }
}
.sus-integrada .sus-marco {
 display:grid;
 grid-template-columns:clamp(240px,20vw,380px) minmax(0,1fr);
 align-items:start;
 gap:24px;
 width:100%;
 max-width:1880px;
 margin:20px auto;
 padding:0 16px;
 box-sizing:border-box;
}
.sus-integrada .sus-marco > .sus-menu-desplegable {
 display:block;
 position:sticky;
 top:16px;
 float:none;
 width:100%;
 min-width:0;
 margin:0;
 padding:0;
 max-height:calc(100dvh - 180px);
 overflow:auto;
 border-radius:30px;
 scrollbar-width:thin;
 scrollbar-color:#d4af37 #006666;
}
.sus-integrada .sus-marco > .sus-columna {
 position:relative;
 inset:auto;
 float:none;
 width:100%;
 max-width:100%;
 min-width:0;
 margin:0;
 padding:0;
 grid-column:2;
}
.sus-integrada .sus-columna > .sus-pagina {
 display:block;
 position:static;
 float:none;
 width:100%;
 max-width:none;
 min-width:0;
 margin:0;
 padding:0;
 box-sizing:border-box;
}
.sus-integrada .sus-marco .sus-menu-cuenta {
 display:block;
 position:static;
 inset:auto;
 z-index:auto;
 float:none;
 width:100%;
 height:auto;
 max-height:none;
 margin:0;
 padding:15px;
 box-sizing:border-box;
 overflow:visible;
 background:#fff;
 color:#000;
 border:12px solid #006666;
 border-radius:30px;
 font-family:Cambria,Georgia,serif;
 line-height:1.5;
}
.sus-integrada .sus-menu-cuenta p.dentrotabla {
 margin:0 0 8px;
 color:#000;
 text-align:center;
 font:700 17px/1.5 Cambria,Georgia,serif;
}
.sus-integrada .sus-menu-cuenta .imagenescentradas { margin:8px 0; text-align:center; }
.sus-integrada .sus-menu-cuenta .imagenes { width:80px; max-width:100%; height:auto; }
.sus-integrada .sus-menu-cuenta .principalesvinculos { color:#004b63; }
.sus-integrada .sus-menu-cuenta ul { display:block; width:auto; margin:12px 0 0; padding:0; list-style:none; }
.sus-integrada .sus-menu-cuenta li.titulosmenuizquierda {
 display:block;
 margin:8px 0 0;
 padding:6px 7px;
 border:0;
 border-bottom:3px solid #fdc745;
 background:#0b3d2b;
 color:#d4af37;
 font:700 14px/1.4 Georgia,serif;
 text-align:left;
 text-transform:uppercase;
 cursor:default;
}
.sus-integrada .sus-menu-cuenta li.vinculosmenuizquierda {
 display:block;
 margin:0;
 padding:0;
 background:#1e2939;
 list-style:none;
}
.sus-integrada .sus-menu-cuenta li.vinculosmenuizquierda > a,
.sus-integrada .sus-menu-cuenta li.vinculosmenuizquierda > a:visited {
 display:block;
 margin:0;
 padding:6px 7px;
 border-left:3px solid transparent;
 background:#1e2939;
 color:#f8f9fa;
 font:500 14px/1.4 Cambria,Georgia,serif;
 text-align:left;
 text-decoration:none;
 overflow-wrap:anywhere;
}
.sus-integrada .sus-menu-cuenta li.vinculosmenuizquierda:hover > a,
.sus-integrada .sus-menu-cuenta li.vinculosmenuizquierda > a:focus-visible {
 padding-left:7px !important;
 border-left-color:#ffd54f;
 background:#293b50;
 color:#ffd54f;
 outline-offset:-2px;
}
.sus-integrada .sus-legales-superiores {
 position:static;
 inset:auto;
 float:none;
 width:calc(100% - 32px);
 max-width:1848px;
 height:auto;
 margin:16px auto 0;
 box-sizing:border-box;
}
@media(max-width:760px) {
 .sus-integrada .sus-marco { grid-template-columns:minmax(0,1fr); gap:16px; margin:12px auto; padding:0 12px; }
 .sus-integrada .sus-marco > .sus-menu-desplegable {
  position:static;
  top:auto;
  max-height:none;
  overflow:visible;
  border-radius:12px;
 }
 .sus-integrada .sus-menu-desplegable > summary { display:block; }
 .sus-integrada .sus-menu-desplegable:not([open]) > .sus-menu-cuenta,
 .sus-integrada .sus-menu-desplegable:not([open]) > .sus-menu-publico { display:none; }
 .sus-integrada .sus-marco > .sus-columna { grid-column:1; }
 .sus-integrada .sus-marco .sus-menu-cuenta { border-width:8px; border-radius:20px; padding:12px; }
 .sus-integrada .sus-legales-superiores { width:calc(100% - 24px); margin:12px auto 0; }
}

/* Visitantes: misma presentación del menú público de estetica/estetica.php. */
.sus-integrada.sus-visitante .sus-marco > .sus-menu-desplegable {
 border-radius:0;
 background:#006666;
 scrollbar-width:auto;
 scrollbar-color:#d4af37 #006666;
}
.sus-integrada.sus-visitante .sus-menu-desplegable::-webkit-scrollbar { width:12px; }
.sus-integrada.sus-visitante .sus-menu-desplegable::-webkit-scrollbar-track { background:#008f8f; }
.sus-integrada.sus-visitante .sus-menu-desplegable::-webkit-scrollbar-thumb {
 background:linear-gradient(180deg,#e6c27a,#d4af37,#b58b22);
 border:2px solid #d4af37;
 border-radius:10px;
}
.sus-integrada.sus-visitante .sus-marco .sus-menu-publico {
 display:block;
 position:static;
 inset:auto;
 float:none;
 width:100%;
 height:auto;
 min-height:100%;
 max-height:none;
 margin:0;
 padding:20px;
 overflow:visible;
 box-sizing:border-box;
 border:5px solid #000;
 border-radius:0;
 background:#006666;
 color:#fff;
 font-family:Cambria,Georgia,serif;
}
.sus-integrada.sus-visitante .sus-menu-publico ul { display:block; width:auto; padding:0; margin:0; list-style:none; }
.sus-integrada.sus-visitante .sus-menu-publico li.titulosmenuizquierda {
 margin:7px 0 0;
 padding:5px 7px;
 background:#0b3d2b;
 color:#d4af37;
 border:0;
 border-bottom:3px solid #fdc745;
 font:700 15px/1.2 Georgia,serif;
 text-transform:uppercase;
 text-align:left;
}
.sus-integrada.sus-visitante .sus-menu-publico li.vinculosmenuizquierda { margin:0; padding:0; background:#006666; }
.sus-integrada.sus-visitante .sus-menu-publico li.vinculosmenuizquierda > a,
.sus-integrada.sus-visitante .sus-menu-publico li.vinculosmenuizquierda > a:visited {
 display:block;
 padding:4px 7px;
 border-left:3px solid transparent;
 background:#006666;
 color:#f8f9fa;
 font:700 14px/1.2 Cambria,Georgia,serif;
 text-align:left;
 text-decoration:none;
 overflow-wrap:anywhere;
}
.sus-integrada.sus-visitante .sus-menu-publico li.vinculosmenuizquierda:hover > a,
.sus-integrada.sus-visitante .sus-menu-publico li.vinculosmenuizquierda > a:focus-visible {
 padding-left:7px !important;
 border-left-color:#ffd54f;
 background:#075654;
 color:#ffd54f;
 outline-offset:-2px;
}
.sus-integrada.sus-visitante .sus-marco .sus-menu-publico .boton-contraer-menu {
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 min-height:44px;
 margin:0 0 12px;
 padding:4px;
 border:2px solid #d4af37;
 border-radius:8px;
 background:#fff;
 cursor:pointer;
}
.sus-integrada.sus-visitante .sus-menu-publico .boton-contraer-menu img { display:block; width:32px; height:32px; }
@media(min-width:761px) {
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-marco { grid-template-columns:64px minmax(0,1fr); }
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-marco > .sus-menu-desplegable { overflow:hidden; }
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-marco .sus-menu-publico { padding:4px; border-width:3px; }
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-menu-publico > :not(.boton-contraer-menu) { display:none !important; }
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-menu-publico > .boton-contraer-menu { min-height:40px; margin:0; }
 .sus-integrada.sus-visitante.menu-lateral-contraido .sus-menu-publico .boton-contraer-menu img { transform:rotate(180deg); }
}
@media(max-width:760px) {
 .sus-integrada.sus-visitante .sus-marco > .sus-menu-desplegable { border-radius:12px; }
 .sus-integrada.sus-visitante .sus-marco .sus-menu-publico { padding:14px; }
 .sus-integrada.sus-visitante .sus-menu-desplegable:not([open]) > .sus-menu-publico { display:none; }
 .sus-integrada.sus-visitante .sus-marco .sus-menu-publico .boton-contraer-menu { display:none; }
}