#app_searcher{
            position:relative;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            background-color:#f0f0f0;
            height:auto;
            width:100%;
        }
        #app_searcher .resumen{
            position:relative;
            width:15%;
            height:600px;
            background-color:transparent;
            
            padding:20px;
        }        
        #app_searcher .resultados{
            position:relative;
            width:85%;
            min-height: 300px;
        }
        #app_searcher .busqueda{
            position:relative;
            height:60px;
            width:95%;
            margin-top:20px;
            padding:0;
        }
        
        #app_searcher .txt_busqueda{
            position:relative;
            float:left;
            height: 93%;
            width: 80%;
            background-color: white;
            border:none;
            font-size:20pt;
            padding-left:10px;
            margin-left:10px;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
        }     
        
        #app_searcher .txt_busqueda:focus{
            outline:none;   
        }  
        
        #app_searcher .btn_busqueda{
            position:relative;
            float:left;
            height: 95%;
            width: 15%;
            background-color: #005693;
            color:white;
            display:flex;
            align-items: center;
            justify-content: center;
            font-size: 15pt;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
        }
        
        #app_searcher .btn_busqueda:hover{
            cursor:pointer;
            background-color: rgb(4, 23, 202);
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
        }
        
        #app_searcher .unidades{
            position:relative;
            width:100%;
            margin:auto;            
            flex-wrap: wrap;
            display:flex;
        }
        
        #app_searcher .unidad{
            position:relative;
            width:230px;
            height: 300px;
            background-color:white;
            cursor:pointer;
            margin:15px;             
            display:flex;
            flex-direction: column;
            justify-content: flex-start;
            padding:0;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
            transition: width 400ms, height 400ms;
            overflow-y:hidden;
        }
        
        #app_searcher .unidad:hover{
            width:233px;
            height: 303px;
        }
        
        #app_searcher .unidad:hover .detalles{
            background-color: #005693;
            color:white;
        }
        
        #app_searcher .unidad:hover .titulo{
            color:white;
        }
        
        #app_searcher .unidad:active{
            width:230px;
            height: 300px;
        }
        
        #app_searcher .imagen{
            position:relative;
            height: 60%;
            width: 100%;
        }
        #app_searcher .detalles{
            position:relative;
            height:40%;
            width:100%;
            background-color: white;
            word-wrap: break-word;
        }
        @media (max-width: 1050px) {
            #app_searcher .titulo{
                font-size: 1.6vw;
                line-height: 1.8vw;
                font-weight: 600;
                padding-left:0.5vw;
                padding-top:0.5vw;
                word-wrap: break-word;
                color: #005693;
                text-align:center;
                margin-bottom:10px;
                
            }
            
            #app_searcher .categoria{
                font-size: 1.4vw;
                line-height: 1.6vw;
                padding-left:0.5vw;
                text-align:center;
                color:black;
            }
        }
                
        @media (min-width: 1051px) {
            #app_searcher .titulo{
                font-size: 1.2vw;
                line-height: 1.4vw;
                font-weight: 600;
                padding-left:0.5vw;
                padding-top:0.5vw;
                word-wrap: break-word;
                color: #005693;
                text-align:center;
                margin-bottom:5px;
                
            }
            
            #app_searcher .categoria{
                font-size: 1vw;
                line-height: 1.2vw;
                padding-left:0.5vw;
                text-align:center;
                color:black;
            }
        }
        
        #app_searcher img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }