#mensajes-flash div.alert{
    margin: 20px;
}

.no-mostrar{
    display:none
}

.surgente-tanques2{
    margin-left: 50px;
    
}
.surgente-tanques td{
    
    padding: 0px;
    background-color:#dddddd;
    gap: 2px;
    
}
.surgente-tanques2 td{
    padding: 0px;
    background-color:#dddddd;
    gap: 2px;
    
}
.surgente-tanques3{
    margin-right: 20px;
}
.surgente-tanques3 td{
    padding: 0px;
    background-color:#dddddd;
    gap: 2px;
    
}

.galery-tanques {
    margin: 50px;
    
}
/* .estilo1{
    background-color:rgb(102 179 238);
    width: 100px;
    height: 80px;
} */
.manual-recursos{
    display: flex;
    justify-content: center;
    
    
}
.img-tabla{
    margin-top: 5px;
}
.whatsapp-button {
    display: flex;
    justify-content: center;
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 40px;
    left: 20px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 1000;
    
    background-color: #25d366; 
}

.whatsapp-button img {
    
    height:75px;
    padding: 10px;
    border-radius: 50px;
}
.seccion-tarjeta{
    display: flex;
}
.tarjeta-molino{
    padding: 10px;
    
}
.tarjeta-tanques .card-body,.tarjeta-molino .card-body{
    height: 500px;
}
.img-molino {
    height: 200px;
    width: 300px;
    transform: translate3d(-9px, -95px, 10px);
} 
.caract-molinos{
    display: flex;
    margin-top: 20px;
    padding-left: 70px;
}   
.img-caract{
    height: 320px;
    width: 420px;
    margin-top: 80px;
    margin-left: 0;
}
.tarjeta-tanques {
    height: 500px;
    padding: 10px;

}
.lista-tanques{
    text-align: justify;
}
.img-tanque{
    height: 230px;
    transform: translate3d(-2px, -120px, 10px);
}

@media (max-width:600px){
    .seccion-tarjeta{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .caract-molinos{
        display: flex;
        flex-direction: column;
        padding-left: -28px;
    }
    .img-caract{
        transform: translate3d(-90px, 10px, 10px);
        margin: 20px
    }
    .redes{
        transform: translate3d(10px, 35px, 10px);
        padding-left: 0;
    }
    .manual-recursos{
        flex-direction: column;
    }
}

.tablas{
    display: flex;
    margin-left: 160px;
}
.titulo-tabla{
        text-align: center;
}
.info-tabla{
    font-size: 20px;
    
}

.img-bomba{

    height: 200px;
    width: 200px;
    transform: translate3d(-9px, -95px, 10px);
}
.galery-tanques img {
    height: 150px;
    object-fit: cover;
    width: 100%;
}
.galery-tanques {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px; 
    padding: 0 200px; 
  }
  .galery-tanques .galery-item {
    width: 20%;
    min-width: 200px;
    text-align: center;
  }
  
.tarjeta-bomba{
    padding: 10px;
}

.tarjeta-bomba .card-body,.tarjeta-molino .card-body{
    height: 500px;
}

@media (max-width: 992px) {
  .bombas-solares .seccion-tarjeta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
  }

  .bombas-solares .tarjeta-bomba {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
  }

  .bombas-solares .tarjeta-bomba .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bombas-solares .img-bomba {
    max-width: 250px;
    margin: 0 auto 20px;
  }

  .bombas-solares .card {
    height: auto;
  }

  .info-caracGen{
    margin: 480px 0 0 0;
  }
  
}

@media (max-width: 767px) {
  .tablas {
    margin-left: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    padding-bottom: 12px;
  }
  .tablas table {
    width: auto;
    flex: 0 0 auto;
  }
  .tablas td {
    white-space: nowrap;
  }
  .surgente-tanques2 {
    margin-left: 20px;
  }
  .surgente-tanques3 {
    margin-right: 10px;
  }
  .tarjeta-tanques {
    height: auto;
  }
  .tarjeta-tanques .card-body {
    height: auto;
  }
  .galery-tanques {
    padding: 0 20px;
    margin: 20px 0;
  }
  .galery-tanques .col {
    max-width: 45% !important;
    flex: 0 0 45%;
  }
}

/* Custom App Download and Legal Links in Footer */
.app-download-btn {
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.app-download-btn:hover {
    transform: translateY(-2px) scale(1.03);
    opacity: 0.9;
}
.footer-link {
    color: #a8a8a8 !important;
    text-decoration: none;
    font-size: 0.85em;
    transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}
.footer-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}