@keyframes fiberAnimation {
      0% {
        opacity: 0.5;
      }
      50% {
        opacity: 1;
      }
      100% {
        opacity: 0.5;
      }
    }

    .fiber-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    .fiber {
      width: 10px;
      height: 10px;
      border: 10px solid #3498db;
      border-radius: 50%;
      position: relative;
      animation: fiberAnimation 1s infinite;
    }

    .core {
      width: 10px;
      height: 10px;
      background-color: #3498db;
      border-radius: 50%;
      position: absolute;
      top: 20%;
      left: 20%;
      transform: translate(-50%, -50%);
    }



    @keyframes textAnimation {
        0% {
          opacity: 0.5;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.5;
        }
      }
  
      .fiber-text {
        font-size: 44px;
        font-weight: bold;
        color: #467a9c;
        animation: textAnimation 1s infinite;
      }

      @keyframes textAnimation2 {
        0% {
          opacity: 0.5;
        }
        50% {
          opacity: 1;
        }
        100% {
          opacity: 0.5;
        }
      }
  
      



      body {
        margin: 0;
        
        padding: 0;
        font-family: Arial, sans-serif;
      }
  
      .banner {
        position: relative;
        height: 500px; /* Ajusta la altura según tus necesidades */
        width:auto;
        background-image: url("../images/5.jpg");
        background-size: cover;
        background-position: center;
        color: #ffffff;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
  
      .banner h1 {
        font-size: 2.5em;
        margin-bottom: 20px;
      }

      

      
   
       
  


    #map-container {
      display: none;
      position: relative;
      overflow: hidden;
      padding-bottom: 46.25%; /* Proporción 16:9 para mantener el aspecto del mapa */
      height: 0;
  }

  #map {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  #map-container2 {
    display: none;
    position: relative;
    overflow: hidden;
    padding-bottom: 16.25%; /* Proporción 16:9 para mantener el aspecto del mapa */
    height: 0;
}

#map2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 10%;
}

.nota_especial_c {
  color: #1a1a1a;
  background: #2a3eae;
  text-align: center;
  position: absolute;
  width: 300px;
}
									
.megas_c h4, .megas_c h2 {
  font-size: 50px;
  margin: 0;
  font-family: 'Roboto', sans-serif !important;
  line-height: inherit;
}
.PLAN-text {
  font-size: 8px;
  font-weight: bold;
  color: #f72f28;
  
}