body{box-sizing:border-box;color:#333;background-color:#f8f9fa;margin:0;padding:0;font-family:Roboto,sans-serif;line-height:1.6}.app-bar{z-index:1;align-items:center;height:80px;padding:0 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}.app-bar:before{content:"";z-index:-1;background:linear-gradient(120deg,#112f8f 30%,#fff 50%,#fff 50%,#fff 100%);width:100%;height:100%;position:absolute;top:0;left:0}.app-bar .logo-left{z-index:2;max-height:70px;margin-right:auto}.app-bar .logo-right{z-index:2;max-height:70px;margin-left:auto}main{background-image:url(/fondo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:0}.hero-content{background:rgba(255,255,255,.96);border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px;display:flex}.title2{text-align:left;width:100%}.hero-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}.hero-text h1{color:#007bff;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:3.2em}.hero-text p{color:#555;max-width:800px;margin:0 auto 30px;font-size:1.3em}.button{color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:50%;padding:.8em;font-size:18px;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-flex;box-shadow:0 8px 20px rgba(0,0,0,.2)}.button:hover{transform:translateY(-5px)}.button .material-symbols-outlined{font-size:1.5em}.entrar-button{background-color:#007bff}.entrar-button:hover{background-color:#4499f5}.clientes-button{background-color:#ff5e00}.clientes-button:hover{background-color:#ff8c49}.buttons{flex-wrap:wrap;justify-content:space-between;gap:5px;width:70%;display:flex}.app-buttons{gap:5px;width:100%;display:flex}.hero-image{text-align:center;flex:1;padding:10px}.hero-image img{filter:saturate(1.1);border-radius:20px;max-width:250px;height:auto;box-shadow:0 15px 30px rgba(0,0,0,.2)}footer{color:#fff;text-align:center;background-color:#2c3e50;border-top:5px solid #007bff;padding:30px 0;font-size:.95em}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:5px;padding-top:5px}.products-container{flex-wrap:wrap;justify-content:space-around;gap:10px;padding:20px;display:flex}.search{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px;display:flex}.pagination{justify-content:center;align-items:center;padding:20px;display:flex}.products{position:relative}.icon-receta{z-index:999;gap:20px;bottom:16px;right:16px;position:fixed!important}.icon-turno{z-index:999;gap:20px;top:100px;right:16px;position:fixed!important}@media (max-width:960px){.app-bar{background:0 0;flex-direction:column;height:auto;padding:0}.app-bar:before{display:none}.logo-left,.logo-right{object-fit:contain;width:100%;height:80px;display:block}.logo-left{background-color:#112f8f;padding:10px 0}.logo-right{background-color:#fff;padding:10px 0}.hero-content{text-align:center;flex-direction:column;padding:5px}.icon-turno{z-index:999;gap:20px;top:180px;right:16px;position:fixed!important}.hero-image{order:2;max-width:100%}.hero-text{order:1;width:100%}.hero-text h1{font-size:2em}.hero-text p{font-size:1em}.buttons{width:98%}.app-buttons{justify-content:center}#turnos-button{font-size:13px}.hero-image img{max-width:100%;height:auto}}