/* Cabecera y navegación comunes a Temporarios y Anuales. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap');
.tb{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;flex-shrink:0;height:78px;min-height:0;padding:0 24px 0 0;background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 4px 18px rgba(0,0,0,.16);z-index:50;font-family:'DM Sans',sans-serif}
.tb .brand-logo-wrap{height:100%;width:224px;min-width:224px;display:flex;align-items:center;gap:8px;overflow:hidden}
.tb .brand-logo{width:225px;height:auto;display:block;object-fit:contain;transform:translateX(-44px)}
.tb .tsp{flex:1;min-width:0}
.tb .svi{box-sizing:border-box;flex:none;width:76px;margin:0;color:#7ec8a0;opacity:0;font-size:11px;white-space:nowrap}
.tb .tdt{box-sizing:border-box;flex:none;width:190px;font-size:11px;color:rgba(255,255,255,.58);text-transform:capitalize;text-align:right;white-space:nowrap}
.tb .hbg{display:none;flex:none;flex-direction:column;gap:3px;background:none;border:0;border-radius:0;cursor:pointer;padding:5px;margin:0}
.tb .hbg span{display:block;width:18px;height:1.5px;background:rgba(255,255,255,.8);border-radius:1px}
.tb a:focus-visible,.tb button:focus-visible{outline:3px solid #c9a84c;outline-offset:2px}
.troisi-sidebar{box-sizing:border-box;width:224px;flex-shrink:0;background:linear-gradient(180deg,#151515 0%,#0d0d0d 100%);padding:18px 0 0;border-right:1px solid rgba(255,255,255,.04);font-family:'DM Sans',sans-serif}
.troisi-sidebar .ss{padding:.7rem .8rem}
.troisi-sidebar .sl{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:0 .5rem;margin:0 0 8px;color:rgba(255,255,255,.28)}
.troisi-sidebar #secciones{display:flex;flex-direction:column;gap:0;margin:0}
.troisi-sidebar .ni{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.68);font:12px 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:all .18s}
.troisi-sidebar .ni:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}
.troisi-sidebar .ni.active,.troisi-sidebar .ni[aria-pressed=true]{background:linear-gradient(135deg,#c31d23,#a70f15);color:#fff;box-shadow:0 8px 18px rgba(183,25,31,.25)}
.troisi-sidebar .ni svg{width:14px;height:14px;flex-shrink:0;opacity:.6;fill:none;stroke:currentColor;stroke-width:1.8}
.troisi-sidebar .ni[aria-pressed=true] svg,.troisi-sidebar .ni.active svg{opacity:1}
.troisi-sidebar .sbv{margin-top:auto;padding:.75rem .6rem;border-top:1px solid rgba(255,255,255,.06);font-size:9px;color:rgba(255,255,255,.2);text-align:center}
@media(max-width:1000px){.tb .svi,.tb .tdt{display:none}}
@media(max-width:760px){.tb{height:68px;padding:0 14px 0 0}.tb .brand-logo-wrap{width:185px;min-width:185px}.tb .brand-logo{width:180px;transform:translateX(-35px)}.tb .hbg{display:flex}.sb.troisi-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:50;transform:translateX(-100%)}.sb.troisi-sidebar.open{transform:translateX(0)}.ovs.open{display:block}}

.troisi-sidebar .module-area{flex-shrink:0;padding:0 .8rem 18px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
.troisi-sidebar .module-switch{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0;padding:0}
.troisi-sidebar .module-switch a{box-sizing:border-box;display:block;width:100%;padding:10px 13px;border:1px solid transparent;border-radius:9px;color:rgba(255,255,255,.68);text-decoration:none;font:12px 'DM Sans',sans-serif;text-align:left;transition:background .18s}
.troisi-sidebar .module-switch a:hover{background:rgba(255,255,255,.07);color:#fff}
.troisi-sidebar .module-switch a[aria-current]{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:#fff;font-weight:500}
.troisi-sidebar .side-session{margin-top:auto;flex-shrink:0;padding:14px .8rem 0;border-top:1px solid rgba(255,255,255,.08)}
.troisi-sidebar .session-exit{box-sizing:border-box;display:block;width:100%;padding:10px 13px;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:transparent;color:rgba(255,255,255,.75);font:12px 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.troisi-sidebar .session-exit:hover{background:rgba(255,255,255,.07);color:#fff}
.troisi-sidebar .side-session .sbv{margin:0;padding:14px 0;border:0}
.troisi-sidebar a:focus-visible,.troisi-sidebar button:focus-visible{outline:3px solid #c9a84c;outline-offset:2px}
@media(max-width:600px){.tb{height:68px;min-height:68px;padding:0 14px 0 0}.tb .brand-logo-wrap{height:100%}}
@media(prefers-reduced-motion:reduce){.troisi-sidebar{transition:none}}