:root{--primary:#64178f;--primary-light:#8e24aa;--accent:#8caa17;--bg:#f3ebfa;--white:#fff;--text:#2d2d2d;--text-light:#777;--radius:12px;--shadow:0 8px 20px #00000014;--shadow-btn:3px 3px 8px #0006;--font:"Inter", sans-serif}body{font-family:var(--font);background:var(--bg);margin:0}.container{display:flex}.main{flex:1;padding:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-4{grid-template-columns:repeat(2,1fr)}.sidebar{display:none}.headbar,.menu-headbar{display:block!important}.main{flex:1;padding:12px}}.sidebar{background:linear-gradient(180deg, var(--primary), var(--primary-light));color:#fff;background-image:url(/assets/boraacai/mosaicoboraacai.png);background-repeat:repeat;background-size:100px 90px;width:240px;min-height:100vh;padding:20px 0}.sidebar h2{margin-bottom:30px}.menu-item{cursor:pointer;color:var(--white);text-align:center;padding:16px;text-decoration:none;transition:all .3s;display:block}.menu-item:hover{background:#ffffff1a}.menu-item.active{border-left:4px solid var(--accent);background:#fff3}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.card:hover{background:var(--primary);color:var(--white);transform:translateY(-5px)}.card img{object-fit:cover;background-color:#f4f4f4;width:100%;height:160px}.card-body{flex-direction:column;flex:1;padding:15px;display:flex}.card-title{margin-bottom:5px;font-size:.9rem;font-weight:700}.card-descripcion{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.85rem;overflow:hidden}.card:hover .card-descripcion{color:var(--white)}.card-action{margin-top:auto;padding-top:10px;display:flex}.price{color:var(--primary);margin-right:5px;font-weight:700}.card:hover .price{color:var(--white)}.btn{background:var(--accent);color:var(--white);cursor:pointer;border:none;border-radius:20px;padding:8px 12px;font-weight:700}.section{margin-bottom:40px}.topbar{justify-content:space-between;margin-bottom:20px;display:flex}.search{border:1px solid #ddd;border-radius:20px;width:100%;max-width:300px;padding:10px}.actions{gap:10px;display:flex}.icon-btn{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:none;border-radius:50%;padding:10px}.card-img{position:relative}.fav{cursor:pointer;background:#fff;border-radius:50%;padding:6px;position:absolute;top:10px;right:10px}.fav.active{color:red}.badge{background:var(--accent);border-radius:20px;padding:5px 10px;font-size:12px;position:absolute;top:10px;left:10px}.modal-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{border-radius:var(--radius);background:#fff;width:400px;padding:20px}.bottom-nav{background:#fff;justify-content:space-around;width:100%;padding:10px;display:flex;position:fixed;bottom:0;box-shadow:0 -4px 10px #0000001a}@media (width>=768px){.bottom-nav{display:none}}.sidebar .logo,.headbar .logo{text-align:center}.sidebar .logo img,.headbar .logo img{filter:drop-shadow(0 0 25px #ffffff78);width:180px}.headbar,.menu-headbar{display:none}.headbar{background:linear-gradient(180deg, var(--primary), var(--primary-light));color:#fff;border-bottom:5px solid var(--accent);background-image:url(/assets/boraacai/mosaicoboraacai.png);background-repeat:repeat;background-size:100px 90px;padding:20px}.category-tabs{scroll-behavior:smooth;gap:12px;padding:20px 20px 10px 10px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.chip{background:var(--primary);box-shadow:var(--shadow-btn);cursor:pointer;text-align:center;color:#fff;border-radius:14px;flex:none;padding:10px 26px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.chip:hover{transform:translateY(-2px)}.chip.active{border:3px solid var(--accent)}.loadpage{color:#fff;background-image:url(/assets/boraacai/mosaicoboraacai.png);background-repeat:repeat;background-size:100px 90px;width:100dvw;height:100dvh;display:flex}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.loadpage .img-loading{width:120px;animation:1.5s ease-in-out infinite pulse}.contentload{text-align:center;margin:auto}.home{flex-direction:column;gap:20px;display:flex}.welcome-card{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;box-shadow:var(--shadow);border-radius:20px;margin-top:30px;padding:30px}.welcome-card h1{margin:0 0 10px;font-size:26px;font-weight:700}.welcome-card p{opacity:.95;margin:0;font-size:14px}.welcome-card .sub{opacity:.85;margin-top:10px;font-size:13px}