.containerPage{background:radial-gradient(circle,#0f0c64db 0%,#050127f3 50%,#000 90%);flex-direction:column;width:100%;min-height:100vh;display:flex}
.MainBox{background:radial-gradient(circle,#0f0c64db 0%,#4a2cdd52 50%,#0000 90%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.textimgcontainer{flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;margin-top:4%;display:flex}.containerSliderHome{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:90%;display:flex}.textcontainer{justify-content:center;width:50%;height:100%;display:flex}.Titulo1{text-align:left;background:linear-gradient(90deg,#c3b5f0,#79f9f9,#edff89);-webkit-text-fill-color:transparent;color:#0000;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-background-clip:text;background-clip:text;max-width:100%;font-size:4rem;line-height:1.1}.textgradientHome{background:linear-gradient(90deg,#e7e1f9,#f7ffdc,#90fffb);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2rem;display:inline-block}.textdownbtns{justify-content:center;align-items:center;width:100%;height:10%;margin-top:2%;display:flex}.beginbtn{color:#091291;background:linear-gradient(-80deg,#e7e1f9,#f7ffdc,#90fffb);border-radius:20px;justify-content:center;align-items:center;width:25%;height:80%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;display:flex}.conocemas{color:#091291;background:linear-gradient(80deg,#e7e1f9,#f7ffdc,#90fffb);border-radius:20px;justify-content:center;align-items:center;width:25%;height:80%;margin-left:10%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;display:flex}.beginbtn:hover,.conocemas:hover{background:linear-gradient(135deg,#e5fc87,#96efff)}.imgcontainer{justify-content:center;align-items:center;width:40%;height:100%;display:flex}.imagenmug{width:80%;height:80%}.titles-embla{justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.titles-container{width:100%;height:100%;display:flex}.container_title_slide{flex-direction:column;width:60%;height:100%;display:flex}.slider-dots{justify-content:center;gap:8px;display:flex}.dot{cursor:pointer;background:#fff6;border-radius:50%;width:5px;height:5px;margin-top:-1%;margin-bottom:4%;transition:all .3s}.dot.active{background:#fff;transform:scale(1.4)}@media (max-width:768px){.titles-embla{justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.titles-container{width:100%;height:100%;display:flex}.Titulo1{max-width:100%;font-size:1.5rem}.textgradientHome{font-size:1.1rem;transform:translateY(250px)}.textdownbtns{justify-content:center;align-items:center;width:100%;height:10%;margin-top:2%;display:flex;transform:translateY(250px)}.beginbtn{background:linear-gradient(-80deg,#e7e1f9,#f7ffdc,#90fffb);border-radius:20px;justify-content:center;align-items:center;width:40%;height:100%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:10px;display:flex}.conocemas{width:35%;height:100%;font-size:10px;display:flex}.textimgcontainer{flex-direction:column;justify-content:center;align-items:center;width:100%;height:80%;margin-top:4%;display:flex}.containerSliderHome{flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:90%;display:flex}.imagenmug{width:250px;height:200px;transform:translateY(-180px)}}
.scroll-to-top{color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:999;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #00000059}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#000000d9;transform:scale(1.08)}.scroll-to-top svg{transition:transform .3s}.scroll-to-top:hover svg{transform:translateY(-3px)}@media (prefers-color-scheme:light){.scroll-to-top{color:#222;background:#ffffffe6;box-shadow:0 4px 14px #0000002e}}