.contenedor-perfiles{position:absolute;top:0;left:0;padding:20px;width:100vw;height:100vh;background:linear-gradient(45deg,#fff -100%,#0b4697 50%,#fff 160%);display:grid;grid-template:1fr auto / 1fr;justify-content:center;align-items:center}.contenedor-perfiles__contedido{width:100%;display:flex;flex-direction:column;gap:50px;justify-content:center;align-items:center}.contenedor-perfiles__contedido__perfiles{width:100%;height:auto;display:flex;gap:50px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.contenedor-perfiles__contedido__perfiles__perfil{flex:1 0 21%;max-width:180px;display:grid;gap:10px;cursor:pointer}.contenedor-perfiles__contedido__perfiles__perfil__nombre{width:180px;font-size:26px;line-height:30px;font-weight:400;text-align:center}.contenedor-perfiles__contedido__acciones{width:100%;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center}.contenedor-perfiles__logo{margin:auto}.panel{width:100%;max-width:1200px;height:fit-content;margin:auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr;align-items:center;gap:10px;background:var(--color-background-body);position:relative}.panel--vertical{grid-template-columns:1fr}.monitoreo-camara{min-width:calc(260px + var(--padding-md));width:calc(260px + var(--padding-md));min-height:calc(155px + var(--padding-md));height:calc(155px + var(--padding-md));border-radius:var(--border-radius-lg);background:var(--color-card);display:flex;flex-direction:column;position:relative}.monitoreo-camara--no-seleccionada{cursor:pointer;transition:transform .3s ease}.monitoreo-camara--no-seleccionada:hover{transform:scale(1.03)}.monitoreo-camara--seleccionada{border:solid 3px var(--color-primario)}.monitoreo-camara--principal{width:100%;min-height:520px;height:100%;max-height:520px;cursor:initial;margin:auto}.monitoreo-camara--principal:hover{transform:scale(1)}.monitoreo-camara__imagen{width:100%;height:80%;border-top-left-radius:inherit;border-top-right-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none}.monitoreo-camara--principal .monitoreo-camara__imagen{height:90%}.monitoreo-camara__imagen--error{object-fit:scale-down;object-position:center}.monitoreo-camara__detalles{width:100%;height:20%;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;padding:var(--padding-md);background:var(--color-card);color:var(--color-text-primario);display:flex;justify-content:space-between;align-items:center;gap:5px}.monitoreo-camara__detalles--principal{background:var(--color-primario);color:var(--color-text-primario-hover)}.monitoreo-camara--principal .monitoreo-camara__detalles{height:10%}.monitoreo-camara__detalles_titulo{text-align:left;font-size:12px;color:inherit;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.monitoreo-camara__detalles--principal .monitoreo-camara__detalles_titulo{font-size:15px;width:80%}.monitoreo-camara .monitoreo-camara__estatus{position:absolute;top:8px;right:8px}.capa-panel-lateral{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none}.panel-lateral-contenido{width:100%;height:100%;padding:10px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.panel-lateral-contenido--horizontal{width:100%}.panel-lateral{max-height:700px;margin:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:nowrap;transition:transform .7s ease-in-out}.panel-lateral--horizontal{height:180px;flex-direction:row;justify-content:flex-start;align-items:center;transition:transform .7s ease-in-out}.flecha{position:absolute;top:0;z-index:1;width:35px;height:100%;background:var(--color-primario);color:var(--color-text-primario-hover);font:var(--font-size-2xl);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;opacity:.3;transition:all .2s ease-in-out}.flecha:hover{opacity:1;transform:scale(1.3);box-shadow:var(--box-shadow-dark);transition:all .2s ease-in-out}.flecha-izq{left:0}.flecha-izq--vertical{width:100%;height:35px;left:0;top:0}.flecha-izq--vertical i{transform:rotate(90deg)}.flecha-der{right:0}.flecha-der--vertical{width:100%;height:35px;left:0;top:initial;bottom:0}.flecha-der--vertical i{transform:rotate(90deg)}.button-animado{width:35px;height:35px;background:var(--color-primario);color:var(--color-text-primario-hover);padding:var(--padding-md);font-family:var(--font-titulo);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0px;transition:all .2s ease-in-out;margin-left:auto}.button-animado:hover{background:var(--color-background-elements-hover);width:fit-content;height:fit-content;justify-content:space-between;gap:10px;transition:all .2s ease-in-out}.button-animado .button-animado__icono{font-size:var(--font-size-xs)}.button-animado .button-animado__texto{width:0;height:0;opacity:0;font-size:0;transition:font-size 0s ease-in-out}.button-animado:hover .button-animado__texto{width:fit-content;height:fit-content;opacity:1;font-size:var(--font-size-xs);transition:all .5s ease-in-out}