@charset "UTF-8";:root{--title-size: 50;--color-1: #EB4A2C;--color-3: #640E13;--color-4: #FCB043;--cubic-bezier: cubic-bezier(.68, -.55, .265, 1.55);--color-primario: #ca9430;--color-secundario: #FFC90D;--color-fondo: #F5ECCF;--color-texto: #333;--color-espuma: #fff7e6}@media (max-width: 800px){:root{--title-size: 25}}*{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal}body{background-color:var(--color-fondo);color:var(--color-texto);overflow-x:hidden}h1,h2,h3,p{margin:1rem 0}.header{height:100vh;text-align:center;background:linear-gradient(#ffffff80,#ffffff80),url(/assets/landing-Bg6uxmX5.jpg) center/cover no-repeat;color:var(--color-texto);position:relative}.header-content{height:100%;display:flex;flex-direction:column;justify-content:center}.btn-container{z-index:5;width:100%}.home-btn{cursor:pointer}.btn{width:15rem;display:inline-block;padding:.8rem 1.5rem;margin-top:1.5rem;color:var(--color-fondo);background-color:var(--color-primario);border-radius:5px;text-decoration:none;font-weight:700;animation:fadeIn 1.4s ease;transition:all .3s}.btn:hover{background-color:var(--color-1);color:var(--color-primario)}.navbar{width:100%;background-color:var(--color-primario);color:var(--color-fondo);position:fixed;top:0;left:0;z-index:1000;box-shadow:0 4px 6px #0000001a}.navbar img{height:2rem;object-fit:contain}.navbar-container{display:flex;justify-content:end;align-items:center;max-width:1200px;margin:0 auto}.nav-links{padding:.8rem 1rem;list-style:none;display:flex;gap:3rem}.nav-links li a{color:var(--color-fondo);text-decoration:none;font-size:1rem;padding:.3rem 0;transition:color .3s,border-bottom .3s;border-bottom:2px solid var(--color-primario)}.nav-links li a:hover{border-bottom:2px solid var(--color-secundario);color:var(--color-secundario)}.wave-separator{position:absolute;bottom:0;left:0;margin-bottom:-2px}.servicios{border-top:4px solid var(--color-fondo);padding:0rem 1rem;text-align:center}@media screen and (min-width: 800px){.header-title{font-size:7rem}.header-subtitle{font-size:2rem}.servicios{margin:auto;width:1000px}.form-content p{margin-bottom:2rem;font-size:1.1rem}.footer p{font-size:1.1rem}.contacto h1{font-size:2rem}}@media screen and (max-width: 800px){.header-title{font-size:4rem}.header-subtitle{font-size:2rem}.contacto p{margin-bottom:.5rem;margin-top:0!important}.contacto h1{font-size:1.5rem}.footer{display:flex;align-items:center;justify-content:center}.footer p{font-size:.75rem;margin:0!important}}@media screen and (max-width: 640px){.header-title{font-size:2.5rem}.header-subtitle{font-size:.75rem}}.product-list{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.product-card{background-color:var(--color-fondo);padding:1.5rem;border-radius:8px;box-shadow:0 4px 8px #0003;width:250px;text-align:center;transition:transform .3s;animation:fadeInUp 1s ease}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;border-radius:5px}.about{padding:3rem 1rem 1rem;text-align:center}.about p{font-size:40px}.footer{height:5rem;padding:1rem;text-align:center;background-color:var(--color-primario);color:var(--color-fondo)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-title{font-family:Shrikhand,cursive;text-align:center;font-weight:400;color:var(--color-fondo);text-shadow:0px 0px var(--color-1),-1px 1px var(--color-1),-2px 2px var(--color-1),-3px 3px var(--color-1),-4px 4px var(--color-1),-5px 5px var(--color-1),-6px 6px var(--color-1),-7px 7px var(--color-1),-8px 8px var(--color-1),-9px 9px var(--color-1),-10px 10px var(--color-1),-11px 11px var(--color-1),-12px 12px var(--color-1),-13px 13px var(--color-1),-14px 14px var(--color-1),-15px 15px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1);animation:color 1.5s ease-in infinite,bounce 1.5s infinite}.header-subtitle{font-family:Shrikhand,cursive;text-align:center;font-weight:400;color:var(--color-fondo);background-color:#33333391}@keyframes color{0%,10%{color:var(--color-1);text-shadow:0px 0px var(--color-3),-1px 1px var(--color-3),-2px 2px var(--color-3),-3px 3px var(--color-3),-4px 4px var(--color-3),-5px 5px var(--color-3),-6px 6px var(--color-3),-7px 7px var(--color-3),-8px 8px var(--color-3),-9px 9px var(--color-3),-10px 10px var(--color-3),-11px 11px var(--color-3),-12px 12px var(--color-3),-13px 13px var(--color-3),-14px 14px var(--color-3),-15px 15px var(--color-3),-16px 16px var(--color-3),-17px 17px var(--color-3),-18px 18px var(--color-3),-19px 19px var(--color-3),-20px 20px var(--color-3),-21px 21px var(--color-3),-22px 22px var(--color-3),-23px 23px var(--color-3),-24px 24px var(--color-3),-25px 25px var(--color-3)}11%,20%{color:var(--color-1);text-shadow:0px 0px var(--color-3),-1px 1px var(--color-3),-2px 2px var(--color-3),-3px 3px var(--color-3),-4px 4px var(--color-3),-5px 5px var(--color-3),0px 0px var(--color-3),-6px 6px var(--color-3),-7px 7px var(--color-3),-8px 8px var(--color-3),-9px 9px var(--color-3),-10px 10px var(--color-3),0px 0px var(--color-3),-11px 11px var(--color-3),-12px 12px var(--color-3),-13px 13px var(--color-3),-14px 14px var(--color-3),-15px 15px var(--color-3),0px 0px var(--color-3),-16px 16px var(--color-3),-17px 17px var(--color-3),-18px 18px var(--color-3),-19px 19px var(--color-3),-20px 20px var(--color-3),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}21%,30%{color:var(--color-1);text-shadow:0px 0px var(--color-3),-1px 1px var(--color-3),-2px 2px var(--color-3),-3px 3px var(--color-3),-4px 4px var(--color-3),-5px 5px var(--color-3),0px 0px var(--color-3),-6px 6px var(--color-3),-7px 7px var(--color-3),-8px 8px var(--color-3),-9px 9px var(--color-3),-10px 10px var(--color-3),0px 0px var(--color-3),-11px 11px var(--color-3),-12px 12px var(--color-3),-13px 13px var(--color-3),-14px 14px var(--color-3),-15px 15px var(--color-3),0px 0px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}31%,40%{color:var(--color-1);text-shadow:0px 0px var(--color-3),-1px 1px var(--color-3),-2px 2px var(--color-3),-3px 3px var(--color-3),-4px 4px var(--color-3),-5px 5px var(--color-3),0px 0px var(--color-3),-6px 6px var(--color-3),-7px 7px var(--color-3),-8px 8px var(--color-3),-9px 9px var(--color-3),-10px 10px var(--color-3),0px 0px var(--color-1),-11px 11px var(--color-1),-12px 12px var(--color-1),-13px 13px var(--color-1),-14px 14px var(--color-1),-15px 15px var(--color-1),0px 0px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}41%,50%{color:var(--color-1);text-shadow:0px 0px var(--color-3),-1px 1px var(--color-3),-2px 2px var(--color-3),-3px 3px var(--color-3),-4px 4px var(--color-3),-5px 5px var(--color-3),0px 0px var(--color-1),-6px 6px var(--color-1),-7px 7px var(--color-1),-8px 8px var(--color-1),-9px 9px var(--color-1),-10px 10px var(--color-1),0px 0px var(--color-1),-11px 11px var(--color-1),-12px 12px var(--color-1),-13px 13px var(--color-1),-14px 14px var(--color-1),-15px 15px var(--color-1),0px 0px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}51%,60%{color:var(--color-fondo);text-shadow:0px 0px var(--color-1),-1px 1px var(--color-1),-2px 2px var(--color-1),-3px 3px var(--color-1),-4px 4px var(--color-1),-5px 5px var(--color-1),0px 0px var(--color-1),-6px 6px var(--color-1),-7px 7px var(--color-1),-8px 8px var(--color-1),-9px 9px var(--color-1),-10px 10px var(--color-1),0px 0px var(--color-1),-11px 11px var(--color-1),-12px 12px var(--color-1),-13px 13px var(--color-1),-14px 14px var(--color-1),-15px 15px var(--color-1),0px 0px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}61%,to{color:var(--color-fondo);text-shadow:0px 0px var(--color-1),-1px 1px var(--color-1),-2px 2px var(--color-1),-3px 3px var(--color-1),-4px 4px var(--color-1),-5px 5px var(--color-1),0px 0px var(--color-1),-6px 6px var(--color-1),-7px 7px var(--color-1),-8px 8px var(--color-1),-9px 9px var(--color-1),-10px 10px var(--color-1),0px 0px var(--color-1),-11px 11px var(--color-1),-12px 12px var(--color-1),-13px 13px var(--color-1),-14px 14px var(--color-1),-15px 15px var(--color-1),0px 0px var(--color-1),-16px 16px var(--color-1),-17px 17px var(--color-1),-18px 18px var(--color-1),-19px 19px var(--color-1),-20px 20px var(--color-1),0px 0px var(--color-1),-21px 21px var(--color-1),-22px 22px var(--color-1),-23px 23px var(--color-1),-24px 24px var(--color-1),-25px 25px var(--color-1)}}.contacto{height:100vh;background:linear-gradient(#fffc,#fffc),url(/assets/terraza-uGNC_33C.webp) center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.contacto h1{color:var(--color-primario)}.contacto p{color:var(--color-texto)}.contact-form{max-width:600px;margin:0 auto;text-align:left}.contact-form label{display:block;font-size:1rem;color:var(--color-texto);margin-bottom:.5rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;margin-bottom:1.5rem;border:none;border-radius:5px;font-size:1rem;box-sizing:border-box;background-color:var(--color-fondo);color:var(--color-texto);transition:border .3s}.contact-form input:focus,.contact-form textarea:focus{border:1px solid var(--color-primario);outline:none}.contact-form .btn{display:inline-block;width:100%;padding:.8rem;background-color:var(--color-primario);color:var(--color-fondo);border:none;border-radius:5px;font-size:1.1rem;font-weight:700;text-align:center;cursor:pointer;transition:background-color .3s}.contact-form .btn:hover{background-color:var(--color-primario)}.stickyBottom{width:100%;position:fixed!important;bottom:0;left:0}.error-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-fondo);color:var(--color-texto);text-align:center}.not-found{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.error-container{margin-top:20rem;margin:auto;max-width:600px;padding:2rem;border-radius:10px;background:#ffffffe6;box-shadow:0 4px 10px #0003;animation:fadeIn 1s ease}.error-container h1{font-size:6rem;color:var(--color-secundario);margin:0;animation:bounce 1.5s infinite}.error-container h2{font-size:2rem;margin:1rem 0;color:var(--color-primario)}.error-container p{font-size:1.2rem;margin-bottom:1.5rem}.error-container .btn{display:inline-block;padding:.8rem 1.5rem;background-color:var(--color-secundario);color:var(--color-fondo);border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s}.error-container .btn:hover{background-color:var(--color-primario)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}