.jumbotron.card{
    width: 8rem;
    height: 13.2rem;
    object-fit: cover;
 }
 
 .jumbotron.card h2{
     color: #222222 !important;
 }
 
 /* Productos */
 
 .productos .card{
     color: #162e44;
     position: relative;
     background: transparent;
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
 }
 
 .productos .card > div{
     background-color: white;
     border-radius: .25rem;
     position: relative;
     min-height: 100%;
 }
 
 .productos .card > div img{
     border-bottom-right-radius: .25rem;
     border-bottom-left-radius: .25rem;
 }
     
 .productos .card a{
     background-color: #01B3A7;
     color: white;
 }

 .modalButton{
     background-color: #01B3A7;
     color: white;
 }
 
 .productos .card-footer{
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     border-top: none;
     background-color: #fff;
 }

 .mangueras .view{
    height: 100%;
}

.mangueras .view img{
   height: 100%;
   object-fit: cover;
}
 
 
 /* Aclaracion */
 .aclaracion{
     background-color: white;
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
     border-radius: .25rem;
 }

 .fondo-tabla{
    background-color: #162e44;
    color: #fff; 
 }
 
 /* Modal */
 .modal-header button{
    position: absolute;
    right: 1rem;
    font-size: 2rem;
    outline: none;
 }
 
 .modal-body i{
     color: #4285F4 !important;
 }
 .modal-body .md-form:last-of-type i{
     font-size: 1.7rem;
 }
 
 .modal-footer .btn{
     background-color: #01B3A7;
     color: #fff;
 }
 
 .modal-dialog textarea{
     padding-left: 1rem !important;
 }
 
 .modal-dialog textarea::placeholder{
     padding-right: 0;
 }
 
 .modal-dialog textarea:focus{
     border-bottom: none !important;
 }

 .modalEnviar{
    margin-top: 0;
}


 
 /* MD */
 @media(min-width: 768px){
     /* Productos */
     .productos .card-img-top{
         height: 12rem;
         object-fit: contain;
     }
 }
 
 /* LG */
 @media(min-width: 1024px){
     /* Jumbotron */
     .jumbotron.card a:hover{
         font-weight: bold !important;
         transition: .5s;
     }
 
     /* Productos */
     .productos .card{
         box-shadow: none;
     }
 
     .productos .card > div{
         overflow: hidden;
         box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
     }
     
     .productos .card span{
         position: absolute;
         transition: .5s;
         transform: translateX(0);
         transform: translateY(0);
     }
     
     .productos .card .top-line{
         top: 0;
         left: -100%;
         width: 100%;
         height: 5px;
         background-color: #162e44;
     }
     
     .productos .card:hover .top-line{
         transform: translateX(100%);
     }
     
     .productos .card .right-line{
         right: 0;
         bottom: 100%;
         width: 5px;
         height: 100%;
         background-color: #162e44;
     }
     
     .productos .card:hover .right-line{
         transform: translateY(100%);
     }
     
     .productos .card .bottom-line{
         bottom: 0;
         right: -100%;
         width: 100%;
         height: 5px;
         background-color: #162e44;
     }
     
     .productos .card:hover .bottom-line{
         transform: translateX(-100%);
     }
     
     .productos .card .left-line{
         left: 0;
         top: 100%;
         width: 5px;
         height: 100%;
         background-color: #162e44;
     }
     
     .productos .card:hover .left-line{
         transform: translateY(-100%);
     }
   
     .productos .row::after {
       content: "";
       flex: auto;
     }
 
     .productos .card a:hover{
         font-weight: bold !important;
         transition: .5s;
         background-color: rgb(40, 169, 192);
     }
 }