*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#e4f2ec;min-height:100vh}.page-container{display:block}.header-top{display:flex;align-items:center;justify-content:center;padding:20px}.logo{height:100px;width:auto}.categories-bar{background-color:#2bea4b;padding:5px 20px;margin:0 20px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.categories-bar ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;margin:0}.categories-bar li{background-color:#8bf48b;border:2px solid #2bea4b;border-radius:10px;padding:5px 10px;cursor:pointer;font-size:14px;color:#1848f8;min-width:80px;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.categories-bar li:hover{background-color:#3bc482;border-color:#3bc482;color:#fff}main{padding:20px}#catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-items:center}.producto{background-color:#fff;width:200px;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0003;text-align:center;padding:10px}.producto img{width:100%;height:130px;object-fit:cover;border-radius:5px}.producto h3{margin:10px 0 5px;font-size:16px;color:#333}.info-tienda-button{position:fixed;bottom:20px;right:20px;background-color:#3bc482;color:#fff;border:none;padding:12px 18px;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0000004d}.info-tienda-button:hover{background-color:#2eb57c}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.modal-content{background-color:#fff;margin:auto;padding:30px;width:600px;position:relative;border-radius:10px}.close{position:absolute;right:15px;top:15px;cursor:pointer;font-weight:700;font-size:20px}.info-tienda-content{display:flex;flex-direction:column;gap:15px}.phone-row{background-color:#58ce7b;color:#fff;padding:10px;border-radius:8px;font-weight:700;text-align:center}.clock-row{background-color:#1f8bf8;color:#fff;padding:10px;border-radius:8px;font-weight:700;text-align:center}.mail-row{background-color:#3be6c6;color:#fff;padding:10px;border-radius:8px;font-weight:700;text-align:center;text-transform:uppercase}.address-row{position:relative;padding-left:35px;line-height:1.5;color:#333}.address-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#58ce7b;border-radius:50%}.footer{background-color:#2bea4b;padding:10px 20px;margin:0 20px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.footer .footer-content p{margin:0;font-size:14px;font-weight:700;color:#333}.footer .footer-content a{color:#333;text-decoration:none;font-weight:700}.footer .footer-content a:hover{color:#fff;text-decoration:underline}@media (max-width: 600px){.footer{margin:0 10px 10px;padding:8px 10px}.footer .footer-content p{font-size:12px;line-height:1.4}}