.aboutUsContainer{text-align:center;color:#8b4513;background-color:#fffefd;width:100%;padding:4rem 2rem}.aboutUsContainer .aboutUsTitle{margin-bottom:2rem;font-size:36px;font-weight:700}.aboutUsContainer .aboutUsTitle:after{content:"";background-color:#c76739;border-radius:2px;width:clamp(80px,50%,120px);height:4px;margin:1rem auto 0;display:block}.aboutUsContainer .textImageContainer{justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (max-width:868px){.aboutUsContainer .textImageContainer{flex-direction:column}}.aboutUsContainer .textImageContainer .textContainer{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;max-width:450px;display:flex}.aboutUsContainer .textImageContainer .textContainer .aboutUsText{text-align:start;max-width:400px;font-size:18px;line-height:1.6}.aboutUsContainer .textImageContainer .textContainer .leafText{background-color:#eefdf3;border-radius:1rem;align-items:center;padding:.5rem 1rem;font-weight:700;display:flex}.aboutUsContainer .textImageContainer .textContainer .leafText .leaf{color:#25d366;margin-right:.5rem}.aboutUsContainer .textImageContainer .imageContainer{background-color:#8b4513;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:clamp(400px,30%,600px);height:300px;padding:1rem;display:flex;position:relative}.aboutUsContainer .textImageContainer .imageContainer img{border-radius:50%;width:100%;max-width:clamp(150px,30%,250px)}.aboutUsContainer .textImageContainer .imageContainer .aboutUsText{color:#fff;font-size:18px;font-weight:700;position:absolute;bottom:1rem}
.banner{background-color:#f8e9d2;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem 1rem;display:flex}.banner .bannerContainer{aspect-ratio:1;width:100%;max-width:clamp(150px,30%,250px);margin-bottom:1rem;position:relative}.banner .bannerContainer .bannerImage{object-fit:contain;border-radius:2rem}.banner .bannerText{flex-direction:column;align-items:center;display:flex}.banner .bannerText h1{color:#8b4513;flex-direction:column;align-items:center;font-size:clamp(36px,4vw,60px);display:flex}.banner .bannerText h1 span{color:#d2691e}.banner .bannerText .bannerSubtitle{color:#8b4513;font-size:clamp(24px,4vw,32px)}@media (max-width:768px){.banner .bannerText{text-align:center;gap:1rem}.banner .bannerText h1{font-size:clamp(24px,6vw,36px)}.banner .bannerText .bannerSubtitle{font-size:clamp(16px,6vw,24px)}}.banner .buttonsContainer{gap:1rem;margin-top:2rem;display:flex}.banner .buttonsContainer .menuButton,.banner .buttonsContainer .whatsappButton{cursor:pointer;border:none;border-radius:1.5rem;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:18px;font-weight:500;transition:background-color .3s;display:flex}.banner .buttonsContainer .menuButton a,.banner .buttonsContainer .whatsappButton a{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.banner .buttonsContainer .menuButton{color:#fff;background-color:sienna}.banner .buttonsContainer .menuButton:hover{background-color:#783e22}.banner .buttonsContainer .whatsappButton{color:#fff;background-color:#25d366}.banner .buttonsContainer .whatsappButton:hover{background-color:#1da851}
.connectCard{text-align:center;background-color:#8b4513;border-radius:.5rem;width:200px;padding:1rem}.connectCard .connectCardIcon{color:#fff;background-color:#311807;border-radius:2rem;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .5rem;font-size:36px;display:flex}.connectCard .connectCardIcon .whatsappIcon,.connectCard .connectCardIcon .instagramIcon,.connectCard .connectCardIcon .mapIcon{padding:.5rem}.connectCard .connectCardIcon .whatsappIcon{color:#25d366}.connectCard .connectCardIcon .instagramIcon{color:#b453e6}.connectCard .connectCardIcon .mapIcon{color:#2563eb}.connectCard .connectCardTitle{color:#fff;margin-bottom:.5rem;font-size:18px;font-weight:700}.connectCard .connectCardDescription{color:#fff;font-size:14px;font-weight:400;text-decoration:none}.connectCard .WhatsApp{color:#25d366;transition:color .3s ease-in-out}.connectCard .WhatsApp:hover{color:#77e7a1}.connectCard .Instagram{color:#c780ec;transition:color .3s ease-in-out}.connectCard .Instagram:hover{color:#eed9f9}
.connectUs{background-color:#8b4513;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;padding:2rem;display:flex;overflow-x:hidden}@media (max-width:768px){.connectUs{padding:1rem}}.connectUs .connectUsTitle{color:#fff;margin-bottom:1rem;font-size:32px;font-weight:700}.connectUs .connectCardsContainer{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:1200px;display:flex}@media (max-width:768px){.connectUs .connectCardsContainer{flex-direction:column;align-items:center}}
.header{z-index:1500;background-color:#fffefdb3;justify-content:space-around;align-items:center;width:100%;padding:1rem;display:flex;position:sticky;top:0}@media (max-width:768px){.header{flex-direction:column;gap:1rem;height:auto}}.header .logoContainer{align-items:center;display:flex}.header .logoContainer img{border-radius:2rem;width:50px;margin-right:1rem}.header .logoContainer h1{color:#8b4513;font-size:24px}.header .navLinks{justify-content:space-between;align-items:center;gap:2rem;display:flex}@media (max-width:768px){.header .navLinks{flex-direction:column;gap:1rem}}.header .navLinks ul{gap:1.5rem;list-style:none;display:flex}.header .navLinks ul li a{cursor:pointer;color:#8b4513;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}.header .navLinks ul li a:hover{color:#c26f27}.header .navLinks .buttonsContainer{gap:1rem;display:flex}.header .navLinks .buttonsContainer .primaryButton,.header .navLinks .buttonsContainer .secondaryButton{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s;display:flex}.header .navLinks .buttonsContainer .primaryButton{color:#fff;background-color:sienna}.header .navLinks .buttonsContainer .primaryButton:hover{background-color:#c26f27}.header .navLinks .buttonsContainer .secondaryButton{color:#fff;background-color:#b8860b}.header .navLinks .buttonsContainer .secondaryButton:hover{background-color:#c26f27}
.howToOrder{text-align:center;color:#8b4513;background-color:#fffefd;width:100%;padding:4rem 2rem;overflow-x:hidden}.howToOrder .howToOrderTitle{margin-bottom:2rem;font-size:36px;font-weight:700}.howToOrder .howToOrderTitle:after{content:"";background-color:#c76739;border-radius:2px;width:clamp(80px,50%,120px);height:4px;margin:1rem auto 0;display:block}.howToOrder .howToOrderSteps{justify-content:center;align-items:flex-start;gap:2rem;display:flex}@media (max-width:768px){.howToOrder .howToOrderSteps{flex-direction:column;align-items:center}}.howToOrder .howToOrderSteps .step{background-color:#f8e9d2;border-radius:1rem;width:fit-content;max-width:600px;padding:1rem;box-shadow:0 2px 8px #00000073}.howToOrder .howToOrderSteps .step .stepTitle{justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1rem;font-size:24px;font-weight:700;display:flex}.howToOrder .howToOrderSteps .step .stepTitle .stepIconContact{color:#25d366}.howToOrder .howToOrderSteps .step .stepTitle .stepIconMap{color:#2563eb}.howToOrder .howToOrderSteps .step .stepDescription{width:fit-content;font-size:16px;line-height:1.6}
.chatbotContainer{z-index:100000;position:fixed;bottom:1.5rem;right:1.5rem}.chatbotContainer .chatbotTooltip{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6b4423 10%,#8b4513 90%);border-radius:1rem;padding:.75rem 1.25rem;font-size:12px;font-weight:500;animation:2s ease-in-out infinite bounce;position:absolute;bottom:80px;right:0;box-shadow:0 4px 12px #ff6b6b4d}.chatbotContainer .chatbotTooltip:after{content:"";border-top:8px solid #8b4513;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;right:20px}@media (max-width:480px){.chatbotContainer .chatbotTooltip{padding:.6rem 1rem;font-size:13px;bottom:75px}}.chatbotContainer .chatbotButton{background:linear-gradient(135deg,#6b4423 40%,#8b4513 60%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;animation:2s infinite pulse;display:flex}.chatbotContainer .chatbotButton:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff6b6b99}.chatbotContainer .chatbotButton:active{transform:scale(.95)}.chatbotContainer .chatbotButton img{cursor:pointer;border-radius:50%;width:60px;height:60px}.chatbotContainer .chatbotWindow{background:#fffefd;border-radius:1rem;flex-direction:column;width:380px;height:550px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:3rem;right:1.5rem;overflow:hidden;box-shadow:0 8px 32px #00000026}@media (max-width:480px){.chatbotContainer .chatbotWindow{width:calc(100vw - 40px);height:calc(100vh - 120px);bottom:3rem;right:1.5rem}}.chatbotContainer .chatbotWindow .chatbotHeader{color:#fff;background:linear-gradient(135deg,#6b4423 10%,#8b4513 90%);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chatbotContainer .chatbotWindow .chatbotHeader h3{margin:0;font-size:18px;font-weight:700}.chatbotContainer .chatbotWindow .chatbotHeader .status{opacity:.9;align-items:center;gap:.5rem;font-size:12px;display:flex}.chatbotContainer .chatbotWindow .chatbotHeader .status .statusDot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite blink}.chatbotContainer .chatbotWindow .chatbotHeader button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:36px;transition:background .2s;display:flex}.chatbotContainer .chatbotWindow .chatbotHeader button:hover{background:#fff3}.chatbotContainer .chatbotWindow .chatbotMessages{background:#fffefd;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chatbotContainer .chatbotWindow .chatbotMessages::-webkit-scrollbar{width:6px}.chatbotContainer .chatbotWindow .chatbotMessages::-webkit-scrollbar-track{background:#f1f1f1}.chatbotContainer .chatbotWindow .chatbotMessages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chatbotContainer .chatbotWindow .chatbotMessages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.chatbotContainer .chatbotWindow .chatbotInput{background:#fff;border-top:1px solid #e2e8f0;gap:1rem;padding:1rem 1.25rem;display:flex}.chatbotContainer .chatbotWindow .chatbotInput input{border:2px solid #e2e8f0;border-radius:24px;outline:none;flex:1;padding:1rem 1.25rem;font-size:12px;transition:border-color .2s}.chatbotContainer .chatbotWindow .chatbotInput input:focus{border-color:#ff6b6b}.chatbotContainer .chatbotWindow .chatbotInput input::placeholder{color:#a0aec0}.chatbotContainer .chatbotWindow .chatbotInput button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b4513 0%,#6b4423 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex}.chatbotContainer .chatbotWindow .chatbotInput button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #ff6b6b4d}.chatbotContainer .chatbotWindow .chatbotInput button:active:not(:disabled){transform:scale(.95)}.chatbotContainer .chatbotWindow .chatbotInput button:disabled{opacity:.5;cursor:not-allowed}.chatbotContainer .chatbotWindow .quickReplies{background:#fffefd;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem;max-height:120px;padding:.5rem;display:flex;overflow-y:auto}.chatbotContainer .chatbotWindow .quickReplies button{color:#4a5568;cursor:pointer;background:#fffefd;border:1px solid #e2e8f0;border-radius:1rem;padding:.5rem 1rem;font-size:12px;transition:all .2s}.chatbotContainer .chatbotWindow .quickReplies button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.chatbotContainer .chatbotWindow .quickReplies button:active{transform:translateY(0)}.chatbotContainer .message{align-items:flex-start;gap:.5rem;animation:.3s ease-out fadeIn;display:flex}.chatbotContainer .message.user{flex-direction:row-reverse}.chatbotContainer .message.user .messageBubble{color:#fff;background:linear-gradient(135deg,#8b4513 0%,#6b4423 100%);border-bottom-right-radius:4px;max-width:100%}.chatbotContainer .message.bot .messageBubble{color:#8b4513;background:#eefdf3;border-bottom-left-radius:4px;max-width:85%}.chatbotContainer .message .messageAvatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.chatbotContainer .message .messageAvatar img{border-radius:50%;width:100%;height:100%}.chatbotContainer .message .messageAvatar.botAvatar{background:linear-gradient(135deg,#6b4423 40%,#8b4513 60%)}.chatbotContainer .message .messageAvatar.userAvatar{background:#8b4513}.chatbotContainer .message .messageContent .messageBubble{word-wrap:break-word;border-radius:1rem;padding:1rem 1.25rem;font-size:12px;line-height:1.5;box-shadow:0 2px 8px #00000014}.chatbotContainer .message .messageContent .messageTime{color:#a0aec0;margin-top:4px;font-size:13px}.chatbotContainer .message .typingIndicator{background:#eefdf3;border-radius:1rem;gap:4px;width:fit-content;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000014}.chatbotContainer .message .typingIndicator span{background:#cbd5e0;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.chatbotContainer .message .typingIndicator span:nth-child(2){animation-delay:.2s}.chatbotContainer .message .typingIndicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ff6b6b66}50%{box-shadow:0 4px 20px #ff6b6bb3}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
.modalOverlay{z-index:999999;background-color:#000c;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modalOverlay .modalContent{border-radius:1rem;width:100%;max-width:750px;padding:2rem;animation:.3s ease-in-out slideIn;position:relative;overflow:auto}@media (max-width:768px){.modalOverlay .modalContent{margin:1rem;padding:1rem}}.modalOverlay .modalContent .modalClose{color:#d2691e;cursor:pointer;z-index:10;background:#eefdf380;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.modalOverlay .modalContent .modalClose:hover{background:#ffffff4d}.modalOverlay .modalContent .modalImageContainer{aspect-ratio:3/2;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.modalOverlay .modalContent .modalImage{object-fit:cover;border-radius:1rem;width:100%;max-width:750px;box-shadow:0 8px 24px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}
