@charset "UTF-8";.ruta-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.ruta-item{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:15px;width:calc(33.333% - 20px)}.ruta-item img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.ruta-item .ruta-imagen{width:100%;height:auto;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.ruta-imagen img{width:100%;max-height:285px;object-fit:cover}.ruta-detalles{display:flex;flex-direction:column;gap:10px}.ruta-fecha{font-size:1.2em;font-weight:bold;color:#333}.ruta-info{display:flex;justify-content:space-between}.ruta-ruta,.ruta-pernocta,.ruta-notas-publicas{font-size:1em;color:#555}.ruta-ruta strong,.ruta-kilometros strong,.ruta-pernocta strong,.ruta-notas-publicas strong{color:#333}@media (max-width:768px){.ruta-item{width:calc(50% - 20px)}}@media (max-width:480px){.ruta-item{width:100%}}.persona-conocida{margin-top:20px;padding:10px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.persona-imagen img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.persona-detalles{margin-top:10px;font-size:1em;color:#555}.gastos-container,.kilometros-container{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.gastos-item,.kilometros-item{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;align-items:center}.gastos-icon,.kilometros-icon{flex:0 0 auto;margin-right:0px}.gastos-icon img,.kilometros-icon img{width:40px;height:40px}.gastos-detalles,.kilometros-detalles{flex:1 1 auto}.gastos-total,.kilometros-total{font-size:1em;font-weight:bold;color:#333}.dias-container{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.dias-item{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;align-items:center}.dias-icon{flex:0 0 auto}.dias-icon img{width:40px;height:40px}.dias-detalles{flex:1 1 auto}.dias-total{font-size:1em;font-weight:bold;color:#333}