.MainContainer
{
    width: 80%;
  height: 80%;
  /*background-image: url("../../images/escam_cpu.png");*/
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 10%;
  left: 10%;
  overflow: visible; /* Asegura que el pseudo-elemento no sobresalga */
}
/*.MainContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/escam_cpu.png");
  background-size: cover;
  background-position: center;
  opacity: 0.23;
  z-index: -1;
}*/
.infoContainer {
  width: auto;
  height: auto;
  border-block-style: groove;
  border-color: var(--Temisys-fg-color-light);
  position: relative;
  color: var(--Temisys-fg-color-light);
  background-color: #0d3f7785;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  text-shadow: 2px 2px 1px var(--Temisys-bg-color-dar2);
  margin: 1%;
  text-align: center;
  padding: 1%;
}
.guest_alert{
  width: 340px;
  border-radius: var(--Temisys-border-radius);
  border-style: groove;
  text-align: center;
  position: fixed;
  top: 12%;
  left:40%
}
.header_central .title_circuit svg {
        z-index: 99;
        position : fixed;
        top : 35%;
        left : 35%;

    }
        .header_central .title_circuit svg .daCooperTray {
            stroke: var(--Temisys-databits-copperwire);
            stroke-width: 1;
            fill: none;
            fill-rule: evenodd;
            stroke-opacity: .85;
            stroke-dasharray: 645;
            stroke-dashoffset: 0;
            animation: drawescam 15s ease-in-out reverse ;
        }
        .daBits-spark,.daBits-trail {
            fill: none;
            fill-rule: evenodd;
            filter: brightness(1.9);
            filter: url(#glow);
        }
        .daBits-spark {
            stroke-width: 3;
            stroke: var(--Temisys-databits-lightblue);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dashoffset: 0%;
            stroke-opacity: 1;
        }
        .daBits-trail {
            stroke-width: 1;
            stroke: var(--Temisys-databits-lightblue);
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dashoffset: 0%;
            stroke-opacity: .45;
        }
        /*==================================ANIMATE DE ESCAM LETTERS=====================================*/
        @-webkit-keyframes drawescam {
            to {
                stroke-dashoffset: 644; /* Al final de la animación, se muestra completamente */
            }
        }
        @keyframes drawescam {
            to {
                stroke-dashoffset: 644; /* Al final de la animación, se muestra completamente */
            }
        }
        /*==================================ENERGIZE LETTER E==========================================*/
        @-webkit-keyframes energizeHeaderE {
            from {
                stroke-dashoffset: 0;
            }
            to {
                stroke-dashoffset: 643;
            }
        }
        @keyframes energizeHeaderE {
            from {
                stroke-dashoffset: 0;
            }
            to {
                stroke-dashoffset: 643;
            }
        }
        .letterE1
        {
            animation: energizeHeaderE 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0.0s;
            stroke-dasharray: 3 640;

        }
        .letterE2
        {
            animation: energizeHeaderE 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 640;

        }
        /*==================================ENERGIZE LETTER S==========================================*/
        @-webkit-keyframes energizeHeaderS {
            from {
                stroke-dashoffset: 0;
            }
            to {
                stroke-dashoffset: 640;
            }
        }
        @keyframes energizeHeaderS {
            from {
                stroke-dashoffset: 0;
            }
            to {
                stroke-dashoffset: 640;
            }
        }
        .letterS1
        {
            animation: energizeHeaderS 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0.05s;
            stroke-dasharray: 3 640;
        }
        .letterS2
        {
            animation: energizeHeaderS 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 640;
        }
        /*==================================ENERGIZE LETTER C==========================================*/
        @-webkit-keyframes energizeHeaderC {
            to {
                stroke-dashoffset: 365;
            }
        }
        @keyframes energizeHeaderC {
            to {
                stroke-dashoffset: 365;
            }
        }
        .letterC1
        {
            animation: energizeHeaderC 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0.05s;
            stroke-dasharray: 3 415;
            stroke-dashoffset: -50;
        }
        .letterC2
        {
            animation: energizeHeaderC 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 415;
            stroke-dashoffset: -50;
        }
/*==================================ENERGIZE LETTER A==========================================*/
        @-webkit-keyframes energizeHeaderA {
            to {
                stroke-dashoffset: 550;
            }
        }
        @keyframes energizeHeaderA {
            to {
                stroke-dashoffset: 550;
            }
        }
        .letterA1
        {
            animation: energizeHeaderA 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0.05s;
            stroke-dasharray: 3 550;
            stroke-dashoffset: -0;
        }
        .letterA2
        {
            animation: energizeHeaderA 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 550;
            stroke-dashoffset: -0;
        }
/*==================================ENERGIZE LETTER AA==========================================*/
        @-webkit-keyframes energizeHeaderAA {
            to {
                stroke-dashoffset: 103;
            }
        }
        @keyframes energizeHeaderAA {
            to {
                stroke-dashoffset: 103;
            }
        }
        .letterAA1
        {
            animation: energizeHeaderAA 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 1.095s;
            stroke-dasharray: 3 80;
            stroke-dashoffset: 23;
        }
        .letterAA2
        {
            animation: energizeHeaderAA 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 80;
            stroke-dashoffset: 23;
        }


/*==================================ENERGIZE LETTER M==========================================*/
        @-webkit-keyframes energizeHeaderM {
            to {
                stroke-dashoffset: 215;
            }
        }
        @keyframes energizeHeaderM {
            to {
                stroke-dashoffset: 215;
            }
        }
        .letterM1
        {
            animation: energizeHeaderM 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 1.095s;
            stroke-dasharray: 3 135;
            stroke-dashoffset: 80;
        }
        .letterM2
        {
            animation: energizeHeaderM 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 135;
            stroke-dashoffset: 80;
        }
/*==================================ENERGIZE LETTER MM==========================================*/
        @-webkit-keyframes energizeHeaderMM {
            to {
                stroke-dashoffset: 450;
            }
        }
        @keyframes energizeHeaderMM {
            to {
                stroke-dashoffset: 450;
            }
        }
        .letterMM1
        {
            animation: energizeHeaderMM 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0.095s;
            stroke-dasharray: 3 450;
            stroke-dashoffset: 23;
        }
        .letterMM2
        {
            animation: energizeHeaderMM 15s infinite;
            animation-timing-function: ease-in-out;
            animation-direction: normal;
            animation-delay: 0s;
            stroke-dasharray: 7 450;
            stroke-dashoffset: 23;
        }