Sindbad~EG File Manager

.elementor-412 .elementor-element.elementor-element-6065b191{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-412 .elementor-element.elementor-element-2018ec6d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-412 .elementor-element.elementor-element-3e9a82e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-412 .elementor-element.elementor-element-3e9a82e9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-412 .elementor-element.elementor-element-6e2eb678{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-412 .elementor-element.elementor-element-2156ff28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-ab7ea1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-412 .elementor-element.elementor-element-3a248b42{--display:flex;}.elementor-412 .elementor-element.elementor-element-1159fd44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-412 .elementor-element.elementor-element-79607fa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-412 .elementor-element.elementor-element-75b0465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-412 .elementor-element.elementor-element-3e9a82e9{--width:85.959%;}.elementor-412 .elementor-element.elementor-element-2156ff28{--content-width:1600px;}.elementor-412 .elementor-element.elementor-element-ab7ea1d{--width:99%;}}/* Start custom CSS for html, class: .elementor-element-664f02cb *//* El contenedor general del plugin ocupa toda la pantalla */
#inteorch-container {
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* El contenedor del árbol interno que mete el plugin */
#inteorch-tree {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important; /* evita scroll interno */
}

/* El organigrama interno se centra */
#inteorch-tree .inteorch-tree {
  margin: 0 auto !important;
  display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS */#inteorch-container {
  width: 100%;
  overflow-x: auto; 
  overflow-y: hidden;
  white-space: nowrap;   /* Fuerza que los nodos no se corten */
}

#inteorch-tree {
  display: inline-block;
  min-width: max-content; /* Asegura que se calcule todo el ancho */
}


<style>
/* 🔹 Estilo base de todos los nodos */
.inteorch-node {
  border: 2px solid #8B0000; /* rojo oscuro */
  border-radius: 8px;
  padding: 10px;
  margin: 12px auto;
  background: #fff;
  text-align: center;
  width: 220px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.inteorch-node:hover {
  transform: scale(1.05);
}

/* 🔹 Nombre */
.node-name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #8B0000; /* por defecto rojo */
}

/* 🔹 Cargo */
.node-role {
  font-size: 12px;
  color: #333;
  background: #f5f5f5;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
}

/* 🔹 Conectores en rojo */
.connector-line, 
.child-connector {
  border-color: #8B0000 !important;
}

/* === CARGOS PRINCIPALES EN ROJO === */
[data-employee-id="213"], /* Presidente Michel Pascual */
[data-employee-id="214"], /* Consejero Víctor Oeo */
[data-employee-id="215"], /* Secretario Fernando Gadea */
[data-employee-id="216"], /* Director Adm Finanzas */
[data-employee-id="217"], /* Director Ingeniería */
[data-employee-id="218"], /* Director Suscripción FIPAV */
[data-employee-id="219"], /* Director Suscripción Non FIPAV */
[data-employee-id="220"], /* Director Legal */
[data-employee-id="221"]  /* Gerente Oficina PY */ {
  background: #8B0000;
  color: #fff;
  border: 2px solid #8B0000;
}

[data-employee-id="213"] .node-name,
[data-employee-id="214"] .node-name,
[data-employee-id="215"] .node-name,
[data-employee-id="216"] .node-name,
[data-employee-id="217"] .node-name,
[data-employee-id="218"] .node-name,
[data-employee-id="219"] .node-name,
[data-employee-id="220"] .node-name,
[data-employee-id="221"] .node-name {
  color: #fff;
}

[data-employee-id="213"] .node-role,
[data-employee-id="214"] .node-role,
[data-employee-id="215"] .node-role,
[data-employee-id="216"] .node-role,
[data-employee-id="217"] .node-role,
[data-employee-id="218"] .node-role,
[data-employee-id="219"] .node-role,
[data-employee-id="220"] .node-role,
[data-employee-id="221"] .node-role {
  background: transparent;
  color: #fff;
}

/* === SUBORDINADOS EN BLANCO CON TEXTO ROJO === */
.inteorch-node:not([data-employee-id="213"]):not([data-employee-id="214"]):not([data-employee-id="215"]):not([data-employee-id="216"]):not([data-employee-id="217"]):not([data-employee-id="218"]):not([data-employee-id="219"]):not([data-employee-id="220"]):not([data-employee-id="221"]) {
  background: #fff;
  color: #8B0000;
  border: 2px solid #8B0000;
}

.inteorch-node:not([data-employee-id="213"]):not([data-employee-id="214"]):not([data-employee-id="215"]):not([data-employee-id="216"]):not([data-employee-id="217"]):not([data-employee-id="218"]):not([data-employee-id="219"]):not([data-employee-id="220"]):not([data-employee-id="221"]) .node-name {
  color: #8B0000;
}

.inteorch-node:not([data-employee-id="213"]):not([data-employee-id="214"]):not([data-employee-id="215"]):not([data-employee-id="216"]):not([data-employee-id="217"]):not([data-employee-id="218"]):not([data-employee-id="219"]):not([data-employee-id="220"]):not([data-employee-id="221"]) .node-role {
  background: #fff;
  color: #8B0000;
  border: 1px solid #8B0000;
}
</style>/* End custom CSS */