:root{--primary-color:#d32f2f;--secondary-color:#ffc107;--success-color:#4caf50;--danger-color:#f44336;--dark-color:#212121;--light-color:#f5f5f5;--text-color:#333;--border-radius:8px;--box-shadow:0 2px 10px rgba(0,0,0,.1);--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fafafa}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header,.site-header{background-color:var(--dark-color);color:#fff;padding:15px 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:var(--box-shadow)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.logo img{height:40px;width:auto}.logo h1,.logo h2{font-size:24px;margin:0;color:#fff}.nav-menu,.main-nav{display:flex;list-style:none;gap:30px;margin:0;padding:0;align-items:center}.nav-menu a,.main-nav a{color:#fff;font-weight:500;text-decoration:none}.nav-menu a:hover,.main-nav a:hover{color:var(--secondary-color)}.btn-login{background-color:var(--secondary-color);color:var(--dark-color)!important;padding:8px 20px;border-radius:var(--border-radius)}.btn-login:hover{transform:translateY(-2px);opacity:.9}.tarja-aviso{padding:15px 0;text-align:center;font-weight:600;animation:slideDown .5s ease;position:relative;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tarja-aviso p{margin:0;padding:0}@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}.hero{background:linear-gradient(135deg,var(--primary-color),#b71c1c);color:#fff;padding:120px 0 80px;text-align:center;margin-top:70px}.hero h2{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:30px;opacity:.9}.btn{display:inline-block;padding:12px 30px;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);cursor:pointer;border:none;font-size:16px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:var(--secondary-color);color:var(--dark-color)}.btn-success{background-color:var(--success-color);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:36px;margin-bottom:15px;color:var(--dark-color)}.section-title p{font-size:18px;color:#666}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.categoria-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition);cursor:pointer}.categoria-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.categoria-card img{width:100%;height:200px;object-fit:cover}.categoria-card-content{padding:20px}.categoria-card h3{font-size:24px;margin-bottom:10px;color:var(--dark-color)}.categoria-card p{color:#666;margin-bottom:15px}.produtos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.produto-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition)}.produto-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.produto-img{width:100%;height:250px;object-fit:cover}.produto-info{padding:20px}.produto-nome{font-size:20px;margin-bottom:10px;color:var(--dark-color)}.produto-descricao{color:#666;margin-bottom:15px;font-size:14px}.produto-preco{display:flex;justify-content:space-between;align-items:center}.preco{font-size:24px;font-weight:bold;color:var(--primary-color)}.btn-adicionar{background-color:var(--success-color);color:#fff;padding:8px 20px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);border:none}.btn-adicionar:hover{background-color:#45a049}.carrinho-flutuante{position:fixed;bottom:30px;right:30px;background-color:var(--primary-color);color:#fff!important;padding:15px 25px;border-radius:50px;box-shadow:0 5px 20px rgba(0,0,0,.3);cursor:pointer;transition:var(--transition);z-index:999;display:flex;align-items:center;gap:10px;text-decoration:none}.carrinho-flutuante:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.4);color:#fff!important}.carrinho-contador{background-color:var(--secondary-color);color:var(--dark-color);padding:2px 8px;border-radius:15px;font-weight:bold;font-size:14px}.site-footer{background:#1a1a1a;color:#fff;padding:60px 0 20px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-col h3{margin-bottom:20px;color:var(--primary-color);font-size:20px}.footer-col p{margin-bottom:10px;color:#ccc;line-height:1.8}.footer-col p i{margin-right:10px;color:var(--primary-color);width:20px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ccc;text-decoration:none;transition:var(--transition)}.footer-col ul li a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #333;color:#999}.footer-bottom p{margin:5px 0}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:30px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1000;transition:var(--transition);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(0,0,0,.4);color:#fff!important}.btn-top{position:fixed;bottom:20px;width:50px;height:50px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:999;transition:var(--transition);opacity:0;visibility:hidden}.btn-top.direito{right:90px}.btn-top.esquerdo{left:20px}.btn-top.show{opacity:1;visibility:visible}.btn-top:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,.4)}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.popup-content{background:#fff;padding:40px;border-radius:10px;max-width:500px;width:90%;position:relative;text-align:center}.popup-content img{width:100%;border-radius:8px;margin-bottom:20px}.popup-content h2{color:var(--primary-color);margin-bottom:15px}.popup-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.popup-close:hover{background:#f5f5f5;color:#333}.top-banner{padding:10px;text-align:center;position:relative}.top-banner p{margin:0;font-weight:500}.top-banner button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;transition:var(--transition)}.top-banner button:hover{opacity:1}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;color:var(--primary-color);cursor:pointer}.mobile-nav{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);z-index:998;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-nav.active{max-height:400px}.mobile-nav a{display:block;padding:15px 20px;color:#333;text-decoration:none;border-bottom:1px solid #eee;transition:var(--transition)}.mobile-nav a:hover{background:#f5f5f5;color:var(--primary-color)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:block}.footer-grid{grid-template-columns:1fr;text-align:center}.whatsapp-float{width:50px;height:50px;font-size:25px}.btn-top.direito{right:80px}}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.fade-in{animation:fadeIn .5s ease forwards}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--dark-color)}.form-control{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(211,47,47,.1)}.alert{padding:15px 20px;border-radius:var(--border-radius);margin-bottom:20px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s ease-in-out infinite}@keyframes spin {
    to { transform: rotate(360deg); }
}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase}.badge-success{background-color:var(--success-color);color:#fff}.badge-warning{background-color:var(--secondary-color);color:var(--dark-color)}.badge-danger{background-color:var(--danger-color);color:#fff}.checkout-container{max-width:1200px;margin:40px auto;padding:0 20px}.checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.checkout-form{background:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.checkout-resumo{background:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:fit-content;position:sticky;top:100px}.resumo-item{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.resumo-total{display:flex;justify-content:space-between;font-size:20px;font-weight:bold;color:var(--primary-color);margin-top:20px;padding-top:20px;border-top:2px solid #eee}@media (max-width:768px){.checkout-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.checkout-resumo{position:static}}.cliente-dashboard{max-width:1200px;margin:40px auto;padding:0 20px}.dashboard-header{background:linear-gradient(135deg,var(--primary-color),#b71c1c);color:#fff;padding:40px;border-radius:10px 10px 0 0;margin-bottom:0}.dashboard-header h1{margin:0;font-size:32px}.dashboard-header p{margin:10px 0 0;opacity:.9;font-size:18px}.dashboard-content{background:#fff;padding:40px;border-radius:0 0 10px 10px;box-shadow:var(--box-shadow)}.pedidos-lista{display:grid;gap:20px}.pedido-card{border:1px solid #eee;border-radius:var(--border-radius);padding:20px;transition:var(--transition)}.pedido-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.pedido-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.pedido-numero{font-size:20px;font-weight:bold;color:var(--primary-color)}.pedido-data{color:#666;font-size:14px}.pedido-status{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pendente{background-color:#fff3cd;color:#856404}.status-entregue{background-color:#d4edda;color:#155724}.pedido-itens{margin:15px 0;padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.pedido-total{text-align:right;font-size:20px;font-weight:bold;color:var(--primary-color);margin-top:15px}.login-container{max-width:400px;margin:80px auto;padding:0 20px}.login-box{background:#fff;padding:40px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:var(--primary-color);margin-bottom:10px}.login-tabs{display:flex;margin-bottom:30px;border-bottom:2px solid #eee}.login-tabs button{flex:1;padding:15px;background:none;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:var(--transition);position:relative}.login-tabs button.active{color:var(--primary-color)}.login-tabs button.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.tab-content{display:none}.tab-content.active{display:block}