html,body{color:#333;max-width:100vw;min-height:100vh;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.page{background-color:#372b30;min-height:fit-content}section{width:100%}.flex{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.grid{grid-template-rows:auto;grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.column{flex-direction:column;align-items:flex-start}button{color:#fff;background-color:orange;border:none;border-radius:5px}button:hover{color:#333;background-color:#ffc353}.whatsapp-buttun-container{z-index:2000;background-color:green;border-radius:50%;width:80px;height:80px;position:fixed;bottom:80px;right:80px}.whatsapp-buttun-container button{background:0 0}.whatsapp-buttun-container button i{color:#fff;font-size:60px}@media (max-width:800px){.whatsapp-buttun-container{z-index:200;right:40px}.whatsapp-buttun-container button i{font-size:60px}}
header{background-color:#372b30}header .logo-nav{color:gold;align-items:flex-start;width:100%;padding:2rem}header .logo-nav .menu-container{grid-column:span 4;justify-content:flex-start}header .logo-nav .menu-container i,header .logo-nav .menu-container a{margin-right:1rem}header .logo-nav .menu-container .menu-bar i{font-size:30px}header .logo-nav .logo-container{grid-column:span 4}header .logo-nav .logo-container img{width:150px}header .logo-nav .icons-container{grid-column:span 4;justify-content:flex-end}header .logo-nav .icons-container .icon-a{background-color:gold;border-radius:50%;width:50px;height:50px;margin-left:1rem}header .logo-nav .icons-container i{color:#333}header .search-container{width:100%;padding:0 2rem;display:flex}header .search-container .search-bar{width:100%;padding-bottom:2rem;display:block}header .search-container input{box-sizing:border-box;border-radius:10px;width:100%;height:50px;padding:0 1rem;display:block}@media (max-width:800px){header{padding:0}header .logo-nav{padding:1rem}header .menu-container .links{width:100%;display:none;position:relative}header .menu-container .links a{margin:.5rem 0}header .menu-container .links.active{z-index:10;background-color:#513f46;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:280px;padding-left:1rem;display:flex;position:absolute;top:100%}header .logo-nav .logo-container img{width:100px}header .logo-nav .icons-container .icon-a{width:30px;height:30px}.navbar-container .dropdown{z-index:200;grid-column:span 6}.navbar-container .dropdown h3{padding-right:2rem}.menu-container{position:relative}.navbar-container .links{z-index:100;background:0 0;flex-direction:column;align-items:flex-end;width:100%;display:none;position:absolute;top:100%;right:0}.navbar-container .links.active{display:flex}.navbar-container .links a{text-align:left;border-top:1px solid #333;width:100%;padding:1rem 2rem;display:block}.navbar-container .links a:hover{background-color:#eee}header nav .links h3:hover:after{width:0}.navbar-container .menu-bar{justify-content:flex-end;width:100%}.navbar-container .menu-bar i{text-align:left;width:100%;padding-left:2rem;font-size:24px}header nav .menu-container{grid-column:span 6;padding:0}}
.footer{color:#fff;background-color:#372b30;border-top:5px solid #ff7a00;padding:60px 20px 20px;font-family:Poppins,sans-serif}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1300px;margin:0 auto;display:grid}.footer-section h2{color:#ff7a00;margin-bottom:10px;font-size:24px;font-weight:700}.footer-section p{color:#ddd;font-size:18px;line-height:1.6}.footer-section h3{color:#0b9b53;margin-bottom:15px;font-size:24px;font-weight:600}.footer-section ul li{color:#ccc;cursor:pointer;margin-bottom:10px;font-size:18px;list-style:none}.footer-section ul li a{color:#ccc;text-decoration:none;transition:all .3s}.footer-section ul li a:hover{color:#ff7a00}.social-icons a{color:#fff;background:#0b9b53;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin:1rem 0;font-size:18px;transition:all .3s;display:flex}.social-icons a:last-child{background-color:red}.social-icons a:first-child{background-color:#006aff}.social-icons a:hover{background:#ff7a00;transform:translateY(-3px)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;margin-top:20px;padding:15px 0 0;font-size:18px}.contact i{color:orange;font-size:24px}.payment{width:100%}.payment img{width:100%;height:auto}