*{margin:0;padding:0;box-sizing:border-box}:root{--ryp-blue: #0A2C5A;--ryp-blue-light: #003d7a;--ryp-gold: #FFC107;--dark-bg: #121212;--light-text: #E0E0E0;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-100: #f3f4f6;--gray-50: #f9fafb}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--dark-bg);color:var(--light-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:var(--ryp-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ryp-blue-light)}.min-h-screen{min-height:100vh}.whatsapp-btn{background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;transition:all .3s ease}.whatsapp-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #25d36699}.whatsapp-btn svg{width:2rem;height:2rem;stroke:#fff;fill:none}@keyframes pulse-green{0%,to{box-shadow:0 0 #25d366b3}50%{box-shadow:0 0 0 10px #25d36600}}.animate-pulse-green{animation:pulse-green 2s infinite}.bottom-6-chat{bottom:1.5rem}.right-6-chat{right:1.5rem}.z-40{z-index:40}.w-96{width:24rem}.h-\[500px\]{height:500px}.bottom-20{bottom:5rem}.chatbot-btn{background:var(--ryp-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0a2c5a66;transition:all .3s ease}.chatbot-btn:hover{transform:scale(1.1);background:var(--ryp-blue-light);box-shadow:0 6px 16px #0a2c5a99}.chatbot-btn svg{width:2rem;height:2rem;stroke:#fff;fill:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.flex-col{flex-direction:column}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--from-color),var(--to-color))}.p-4{padding:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.gap-3{gap:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-200{color:#e5e7eb}.overflow-y-auto{overflow-y:auto}.space-y-4>*+*{margin-top:1rem}.bg-gray-50{background-color:var(--gray-50)}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.flex-row-reverse{flex-direction:row-reverse}.flex-row{flex-direction:row}.max-w-\[80\%\]{max-width:80%}.w-8{width:2rem}.h-8{height:2rem}.bg-gray-300{background-color:var(--gray-300)}.text-gray-700{color:#374151}.p-3{padding:.75rem}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.text-gray-800{color:#1f2937}.whitespace-pre-line{white-space:pre-line}.text-gray-500{color:#6b7280}.mt-1{margin-top:.25rem}.text-right{text-align:right}.text-left{text-align:left}.w-2{width:.5rem}.h-2{height:.5rem}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.border-gray-300{border-color:#d1d5db}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-ryp-blue:focus{border-color:var(--ryp-blue)}.focus\:ring-2:focus{box-shadow:0 0 0 3px #0a2c5a33}button{cursor:pointer;border:none;background:none}input{font-family:inherit}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.banner-visible .prensa-page,.banner-visible .transport-page,.banner-visible .ferreteria-page,.banner-visible .contact-page,.banner-visible .catalog-page,.banner-visible .blog-page,.banner-visible .productos-categoria-page{padding-top:0!important;transition:padding-top .3s ease}.banner-hidden .prensa-page,.banner-hidden .transport-page,.banner-hidden .ferreteria-page,.banner-hidden .contact-page,.banner-hidden .catalog-page,.banner-hidden .blog-page,.banner-hidden .productos-categoria-page{padding-top:5vh!important;transition:padding-top .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lazy-image-wrapper{position:relative;overflow:hidden;display:block;width:100%;height:100%;line-height:0}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;z-index:1}.lazy-image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;position:relative;z-index:2}.lazy-image.loaded{opacity:1}.lazy-image-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;background:#f8f8f8;color:#999;font-size:.875rem;text-align:center;padding:2rem}.lazy-image-error-icon{width:48px;height:48px;margin-bottom:.5rem;opacity:.3}.header{position:fixed;width:100%;top:0;z-index:1000;background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(51,65,85,.6);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.nav-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease;flex-shrink:0}.logo-link:hover{transform:translateY(-2px)}.logo-img{width:200px;height:auto;max-height:60px;object-fit:contain;transition:all .3s ease}.logo-link:hover .logo-img{transform:rotate(5deg) scale(1.05)}.logo-text{color:#0a0a0a;font-size:1.125rem;font-weight:700;letter-spacing:.025em;white-space:nowrap}.nav-desktop{display:none;list-style:none;gap:.5rem;margin:0;padding:0;flex-shrink:0;align-items:center}@media (min-width: 1025px){.nav-desktop{display:flex}}.nav-link{color:#000;text-decoration:none;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .875rem;border-radius:.5rem;transition:all .3s ease;position:relative;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#fff;background-color:#d4af37;border-radius:5px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:#030303;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;flex-shrink:0}.mobile-menu-btn:hover{background-color:#d4af3733;transform:scale(1.05)}@media (max-width: 1024px){.mobile-menu-btn{display:flex}}.mobile-menu{position:fixed;right:-100%;width:280px;height:calc(100vh - 70px);background:rgba(26,29,77,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(212,175,55,.3);box-shadow:-4px 0 20px #0000004d;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu-list{list-style:none;padding:2rem 1.5rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{color:#fff;text-decoration:none;font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.25rem;border-radius:.75rem;display:block;transition:all .3s ease;border:1px solid transparent}.mobile-nav-link:hover{color:#d4af37;background-color:#d4af371a;border-color:#d4af374d;transform:translate(8px)}.mobile-nav-link.active{color:#fff;background-color:#d4af37;border-color:#d4af37}.mobile-overlay{position:fixed;left:0;width:100%;height:calc(100vh - 70px);background-color:#0009;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 1440px){.nav-container{max-width:1600px}.nav-link{font-size:.925rem;padding:.5rem 1rem}.logo-img{width:220px}.logo-text{font-size:1.25rem}}@media (min-width: 1200px) and (max-width: 1439px){.nav-link{font-size:.85rem;padding:.5rem .75rem}.logo-img{width:180px}}@media (min-width: 1025px) and (max-width: 1199px){.nav-container{padding:.75rem 1rem}.nav-desktop{gap:.25rem}.nav-link{font-size:.8rem;padding:.5rem .65rem}.logo-img{width:160px}.logo-text{font-size:1rem}}@media (max-width: 1024px){.nav-container{padding:.75rem 1.25rem}.logo-link{gap:.5rem}.logo-img{width:150px}.logo-text{font-size:1rem}.mobile-menu{width:300px}}@media (max-width: 768px){.nav-container{padding:.75rem 1rem;height:70px}.logo-img{width:140px}.logo-text{font-size:.95rem}.mobile-menu{width:280px}.mobile-nav-link{font-size:1rem;padding:.875rem 1rem}}@media (max-width: 599px){.nav-container{padding:.5rem .875rem;height:65px}.logo-img{width:120px}.logo-text{display:none}.mobile-menu{width:260px}.mobile-menu-list{padding:1.5rem 1rem}}@media (max-width: 480px){.nav-container{padding:.5rem .75rem;height:60px}.logo-img{width:110px}.logo-text{display:none}.mobile-menu{width:100%;max-width:280px}.mobile-menu-list{padding:1.25rem 1rem}.mobile-nav-link{font-size:.95rem;padding:.75rem .875rem}}@media (max-width: 374px){.nav-container{padding:.5rem .625rem;height:55px}.logo-img{width:100px}.logo-text{display:none}.mobile-menu{width:100%}.mobile-menu-list{padding:1rem .875rem}.mobile-nav-link{font-size:.9rem;padding:.7rem .75rem}.mobile-menu-btn{padding:.375rem}}@media (max-width: 319px){.nav-container{padding:.5rem;height:50px}.logo-img{width:90px}.mobile-menu-list{padding:.875rem .75rem}.mobile-nav-link{font-size:.85rem;padding:.65rem .625rem}}@media (max-height: 500px) and (orientation: landscape){.nav-container{height:55px}.logo-img{width:100px}.mobile-menu,.mobile-overlay{top:55px;height:calc(100vh - 55px)}.mobile-menu-list{padding:1rem .875rem}.mobile-nav-link{padding:.65rem .875rem;font-size:.9rem}}.announcement-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:7vh;left:0;right:0;width:100%;z-index:999;animation:slideDown .5s ease-out;transition:transform .3s ease-out,opacity .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-content{max-width:1200px;padding:1rem;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative}.announcement-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.announcement-text{margin:0;font-size:.9rem;line-height:1.4;text-align:center;flex:1}.announcement-text strong{font-weight:700;margin-right:.5rem}.announcement-close{background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.announcement-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.announcement-close:active{transform:scale(.95)}@media (max-width: 1200px){.announcement-banner{top:5vh}}@media (max-width: 768px){.announcement-banner{padding:1rem .75rem}.announcement-content{gap:.5rem}.announcement-text{font-size:.85rem;text-align:left}.announcement-icon{display:none}}@media (max-width: 480px){.announcement-banner{padding:.5rem .75rem}.announcement-text{font-size:.8rem}.announcement-content{padding:.5rem .1rem;top:1vh}.announcement-text strong{display:block;margin-bottom:.25rem;font-size:.75rem}.announcement-text{font-size:.6rem}}:root{--ryp-blue: #0A1F44;--ryp-gold: #D4AF37;--footer-bg: #0f172a;--footer-bg-light: #1e293b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b}.footer{background:rgba(255,255,255,.95);color:var(--text-primary);padding:4rem 1.5rem 0;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:.5px;background:var(--ryp-blue);opacity:.3}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:3rem}.footer-section{display:flex;flex-direction:column;gap:1.25rem}.footer-brand{max-width:350px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo-img{width:200px;height:200px;object-fit:contain}.footer-brand-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.footer-brand-description{font-size:.95rem;color:#000;line-height:1.6;margin:0}.footer-social{display:flex;gap:.75rem;margin-top:1rem}.social-link{width:40px;height:40px;background:rgb(250,204,0);border:1px solid rgba(255,255,255,.1);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--ryp-gold);border-color:var(--ryp-gold);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px #ffc1074d}.footer-title{font-size:1.125rem;font-weight:700;color:#000;display:flex;align-items:center;gap:.5rem;margin:0;text-transform:uppercase;letter-spacing:.05em}.footer-title.mt-6{margin-top:1.5rem}.footer-content{display:flex;flex-direction:column;gap:.75rem;font-size:.95rem;color:#000}.footer-content p{margin:0;line-height:1.6}.footer-link{display:flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;transition:all .3s ease;padding:.25rem 0}.footer-link:hover{color:var(--ryp-gold);transform:translate(4px)}.schedule-item{margin-top:.5rem}.schedule-label{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.footer-bottom{background-color:#000;color:#fff;padding:1.5rem 0;margin-top:3rem;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;text-align:center;border-top:1px solid #333;width:calc(100% + 3rem)}.footer-copyright{font-size:.875rem;margin:0;color:#fff}.footer-social{display:flex;align-items:center;gap:.75rem}.footer-logoCCS-image{display:flex;align-items:center;justify-content:flex-start;width:100%;margin-top:3.5rem;margin-bottom:0;padding-right:0}.footer-logoCCS-img{width:250px;height:auto;object-fit:contain;mix-blend-mode:multiply}@media (max-width: 768px){.footer-logoCCS-image{justify-content:center;margin-top:2rem;margin-bottom:2rem}.footer-logoCCS-img{width:180px}}@media (max-width: 1024px){.footer{padding:2.5rem 1.25rem 0}.footer-container{gap:2rem}.footer-brand{max-width:100%}.footer-bottom{margin-left:-1.25rem;margin-right:-1.25rem;margin-top:2.5rem;width:calc(100% + 2.5rem)}}@media (max-width: 768px){.footer{padding:1.75rem 1rem 0}.footer-container{gap:1.5rem}.footer-section{gap:.75rem}.footer-logo{gap:.5rem;margin-bottom:.5rem}.footer-logo-img{width:45px;height:45px}.footer-title{font-size:.95rem;margin-bottom:.25rem}.footer-title.mt-6{margin-top:1rem}.footer-content{font-size:.8rem;gap:.5rem}.footer-brand-name{font-size:1rem}.footer-brand-description{font-size:.8rem;line-height:1.5}.social-link{width:34px;height:34px;font-size:.9rem}.footer-social{gap:.5rem;margin-top:.75rem}.footer-link{font-size:.8rem;padding:.15rem 0}.footer-bottom{margin-top:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:1.25rem 0;width:calc(100% + 2rem)}.footer-copyright{font-size:.75rem}}@media (max-width: 480px){.footer{padding:1.5rem .875rem 0}.footer-container{gap:1.25rem}.footer-section{gap:.625rem}.footer-logo{gap:.5rem;margin-bottom:.5rem}.footer-logo-img{width:40px;height:40px}.footer-brand-name{font-size:.95rem}.footer-brand-description{font-size:.75rem;line-height:1.4}.footer-title{font-size:.875rem}.footer-title.mt-6{margin-top:.875rem}.footer-content{font-size:.75rem;gap:.4rem}.footer-link{font-size:.75rem;padding:.125rem 0}.social-link{width:32px;height:32px;font-size:.85rem}.footer-social{gap:.5rem;margin-top:.625rem}.footer-bottom{margin-top:1.25rem;margin-left:-.875rem;margin-right:-.875rem;padding:1rem 0;width:calc(100% + 1.75rem)}.footer-copyright{font-size:.7rem}}@media (max-width: 360px){.footer{padding:1.25rem .75rem 0}.footer-container{gap:1rem}.footer-logo-img{width:35px;height:35px}.footer-brand-name{font-size:.875rem}.footer-brand-description{font-size:.7rem}.footer-title{font-size:.8rem}.footer-content,.footer-link{font-size:.7rem}.social-link{width:30px;height:30px;font-size:.8rem}.footer-bottom{margin-top:1rem;margin-left:-.75rem;margin-right:-.75rem;padding:.875rem 0;width:calc(100% + 1.5rem)}.footer-copyright{font-size:.65rem}}@media (min-width: 768px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-container{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}}:root{--ryp-blue: #0A1F44;--ryp-gold: #D4AF37;--gray-50: #f9fafb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #4b5563;--gray-800: #1f2937;--white: #ffffff}.chatbot-container{position:fixed;bottom:24px;right:24px;z-index:9999}.chatbot-btn{width:56px;height:56px;background-color:var(--ryp-blue);color:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;transition:background-color .3s ease}.chatbot-btn:hover{background-color:var(--ryp-gold)}.chatbot-icon{width:28px;height:28px}.chat-window{position:absolute;bottom:80px;right:0;width:384px;max-width:calc(100vw - 32px);height:500px;background-color:var(--white);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;animation:fadeIn .3s ease-out forwards;z-index:9999}.chat-header{background-image:linear-gradient(to right,var(--ryp-blue),var(--ryp-blue-light));color:var(--white);padding:.875rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-avatar{width:36px;height:36px;background-color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-title{font-weight:700;font-size:1rem;margin:0}.chat-status{font-size:.7rem;color:#e5e7eb;margin:0}.chat-close-btn{background:none;border:none;color:var(--white);padding:.25rem;border-radius:.25rem;transition:background-color .2s;cursor:pointer}.chat-close-btn:hover{background-color:#fff3}.chat-clear-btn{background:none;border:none;color:var(--white);padding:.25rem;border-radius:.25rem;transition:background-color .2s;cursor:pointer;font-size:1.2rem}.chat-clear-btn:hover{background-color:#fff3}.chat-messages-area{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--gray-50)}.chat-message-row{display:flex}.chat-message-row.user{justify-content:flex-end}.chat-message-row.bot{justify-content:flex-start}.chat-message-content{display:flex;gap:.5rem;max-width:80%}.chat-message-row.user .chat-message-content{flex-direction:row-reverse}.chat-avatar-small{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar-small.user-bg{background-color:var(--ryp-blue)}.chat-avatar-small.bot-bg{background-color:var(--gray-300)}.chat-bubble{padding:.75rem;border-radius:1rem;white-space:pre-line;font-size:.875rem;word-wrap:break-word}.chat-bubble.user-bubble{background-color:var(--ryp-blue);color:var(--white);border-bottom-right-radius:0}.chat-bubble.bot-bubble{background-color:var(--white);color:var(--gray-800);border-bottom-left-radius:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.message-text{margin:0}.message-timestamp{font-size:.75rem;color:var(--gray-500);margin-top:.25rem;margin-bottom:0}.chat-message-row.user .message-timestamp{text-align:right}.typing-indicator{display:flex;gap:.25rem;align-items:center}.typing-dot{width:8px;height:8px;background-color:var(--gray-400);border-radius:50%;animation:bounce 1s infinite}.chat-input-area{padding:1rem;border-top:1px solid #e5e7eb;background-color:var(--white);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.chat-input-group{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem;border:1px solid var(--gray-300);border-radius:9999px;outline:none;transition:all .2s}.chat-input:focus{border-color:var(--ryp-blue);box-shadow:0 0 0 2px #004d9c33}.chat-send-btn{background-color:var(--ryp-blue);color:var(--white);padding:.75rem;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover{background-color:var(--ryp-gold)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@media (max-width: 768px){.chat-window{width:90vw;max-width:400px;height:550px}.chatbot-btn{width:56px;height:56px}.chatbot-icon{width:28px;height:28px}.chat-message-content{max-width:85%}}@media (max-width: 639px){.chatbot-container{bottom:16px;right:16px}.chat-window{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;border-radius:0;box-shadow:none;animation:slideUp .3s ease-out;z-index:99999}.chat-header{border-radius:0;padding:1.25rem 1rem}.chat-title{font-size:1rem}.chat-messages-area{padding:.75rem}.chat-message-content{max-width:90%}.chat-bubble{font-size:.875rem;padding:.625rem .75rem}.chat-input-area{border-radius:0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.chat-input{font-size:16px}.chatbot-btn{width:56px;height:56px}.chatbot-icon{width:26px;height:26px}.chatbot-container:has(.chat-window) .chatbot-btn{display:none}}@media (max-width: 380px){.chat-header{padding:1rem .75rem}.chat-title{font-size:.9rem}.chat-messages-area{padding:.5rem;gap:.75rem}.chat-input-area{padding:.75rem}.chatbot-btn{width:52px;height:52px}}.commands-title{font-size:.9rem;font-weight:600;color:var(--gray-800);margin:0 0 .6rem}.commands-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.command-item{margin:0;padding:0}.command-btn-link{background:none;border:none;padding:.4rem 0;text-align:left;cursor:pointer;color:var(--gray-800);font-size:.95rem;font-weight:400;transition:all .2s ease;width:100%;display:block;line-height:1.5;white-space:nowrap}.command-btn-link:hover{color:var(--ryp-blue);font-weight:500}@media (max-width: 639px){.commands-title{font-size:.85rem}.command-btn-link{font-size:.9rem;padding:.35rem 0}}.catalog-link{color:var(--ryp-blue);font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s ease}.catalog-link:hover{color:var(--ryp-gold);text-decoration:underline}.whatsapp-button{position:fixed;bottom:24px;left:24px;z-index:9999;width:56px;height:56px;background-color:#25d366;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;transition:all .3s ease;animation:pulse 2s infinite}.whatsapp-button:hover{background-color:#128c7e;transform:scale(1.1);box-shadow:0 15px 25px -5px #25d36666,0 8px 10px -3px #25d3664d}.whatsapp-button:active{transform:scale(1.05)}.whatsapp-icon{width:30px;height:30px}@keyframes pulse{0%,to{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 #25d366b3}50%{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 10px #25d36600}}@media (max-width: 640px){.whatsapp-button{bottom:16px;left:16px;width:52px;height:52px}.whatsapp-icon{width:26px;height:26px}}