.route-card{background-color:#344426;color:#fff;padding:15px;border-radius:20px;width:25%;max-width:100%;margin:10px;box-sizing:border-box}.route-card-outdated{background-color:#3e413d;color:#fff;padding:15px;border-radius:20px;width:25%;max-width:100%;margin:10px;box-sizing:border-box}.horario-title{text-align:left;font-weight:700;font-size:1.3em}.destino-text{color:#97ca67;font-size:1.05em}.hace-dias-text{text-align:left;margin-top:10px;color:#97ca67;font-size:.83em}.tiempo-text{margin-top:6px;color:#97ca67;font-size:.9em}.bus-text{background-color:#97ca67;color:#344426;margin-left:0;padding:10px 15px;font-size:.9em;border-radius:10px;margin-right:3px}.comentario-text{background-color:#6e944b;color:#344426;margin-left:2px;padding:12px;font-size:.7em;border-radius:10px}.toggle-detalles{color:#6e944b}@media (max-width: 768px){.route-card,.route-card-outdated{padding:10px;border-radius:15px;width:90%}.bus-text{padding:12px;font-size:.9em}.comentario-text{padding:13px 12px;font-size:.8em}}@media (max-width: 480px){.route-card,.route-card-outdated{padding:8px;border-radius:10px}.bus-text{padding:12px;font-size:.9em}}.search-bar{background-color:#97ca67;color:#012e29;width:60%;margin:-90px auto 0;padding:20px 10px;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;justify-content:center}.submit-search-button{background-color:#012e29;color:#fff;padding:10px 30px;margin:10px 0;border:none;border-radius:5px;cursor:pointer}.submit-search-button:hover{background-color:#344426}.flex-item{display:block;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;margin:10px 5px}.icono{max-height:80px}.custom-select label{width:100%;text-align:center;color:#012e29;font-weight:700}.custom-select select{background-color:#344426;color:#fff;border:none;padding:8px;border-radius:5px}.custom-select select:disabled{background-color:#749b51;color:#012e29}@media (max-width: 768px){.search-bar{width:100%;padding:15px;margin:-20px auto 0}.submit-search-button{width:100%;padding:12px}.custom-select select{width:100%;text-align:center}.flex-item{width:100%;margin:10px 0}.icono{max-height:35px;margin-bottom:-15px}}@media (max-width: 480px){.search-bar{padding:10px}.submit-search-button{font-size:14px;padding:12px 10px}.custom-select label{font-size:17px}}html,body{background-color:#012e29;color:#f8f8f8;font-family:Open Sans,sans-serif;margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.appContainer{padding:20px}.header{background:linear-gradient(#012e29d9,#012e29e6),url(../img/navigator_car.png);height:350px;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center}.header-title{flex:0 0 auto;font-weight:700;color:#f8f8f8;font-size:2.5rem;padding:0 20px}.gif-icon{height:200px}@media (max-width: 768px){.header{height:280px;background-position:center}.header-title{font-size:2.2rem;padding:0 15px}}@media (max-width: 480px){.header{background:linear-gradient(#012e298c,#012e29bf),url(../img/navigator_car.png);height:185px;background-size:cover}.header-title{font-size:2.2rem;padding:0 10px}}