
header .form-control{
    border-radius: 10px 0 0 10px !important;
    background-color: rgb(226, 226, 226) !important;
}
header button{
    border-radius: 0 10px 10px 0 !important;
    margin-left: -10px !important;
    
    
}

header .p-2{
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
}
.btn-secondary{
            background-color: #232323 !important;
            color: #fff !important;
            padding:10px 35px 10px 35px !important;    
        }
        
  
          #banner{
              padding: 30px 0 30px 0;
              background-size: cover;
              background-position: center;
              display: flex;
              align-items: center;
              justify-content: center;
          }
          #banner .form-control {
            border-radius: 10px 0 0 10px !important;
            background-color: rgb(226, 226, 226) !important;
          }
          #banner button{
    border-radius: 0 10px 10px 0 !important;
    margin-left: -10px !important;
    
    
}
          /* Estilos adicionales para la galería de imágenes */
          #images .col-md-4 {
              display: flex;
              flex-direction: column;
              align-items: center;
          }
  
          #images img {
              width: 100%;
              height: 300px; /* Ajusta la altura según tus necesidades */
              object-fit: cover;
          }
  
          #images .info {
              width: 100%;
              background-color: #141414;
              padding: 10px;
              display: flex;
              justify-content: space-between;
              align-items: center;
          }
  
          #images .info .izquierda {
              display: flex;
              align-items: center;
          }
  
          #images .info .izquierda img {
              width: 0px;
              
              margin-right: 10px;
          }
  
          #images .info .datos {
              display: flex;
              align-items: center;
          }
  
          #images .info .datos i {
              margin-right: 5px;
          }
       
          #paginacion ul{
              display: flex;
              gap: 10px;
              justify-content: center;
              flex-direction: row;
              list-style: none !important;
              
          }
          
  