/* --- Estilos para el botón "Volver al principio" --- */
.scroll-to-top-btn {
    display: none; /* Oculto por defecto */
    position: fixed; /* Fijo en la pantalla */
    bottom: 30px; /* Distancia desde la parte inferior */
    right: 30px; /* Distancia desde la parte derecha */
    background-color: #0011ff; /* Color de fondo */
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 50%; /* Lo hace redondo */
    width: 50px; /* Ancho */
    height: 50px; /* Alto */
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2); /* Sombra */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Transición suave */
    z-index: 999; /* Asegura que esté por encima de la mayoría de los elementos */
    display: flex; /* Para centrar el contenido (la flecha) */
    align-items: center;
    justify-content: center;
}

.scroll-to-top-btn:hover {
    background-color: #0056b3;
    transform: translateY(-3px); /* Pequeño efecto al pasar el ratón */
}

/* Clase para mostrar el botón */
.scroll-to-top-btn.show {
    display: flex; /* Muestra el botón */
    opacity: 1;
}
.mujk{
    border-radius: 1em;
}
.miTX{
    color: #02ffe3;
}


:root{--color-white: #fff;--color-black: #00000040;--color-primary: #06283d;--color-secondary: #256d85;--color-soft-blue: #dff6ff;--color-sky-blue: #47b5ff;--color-primary-content: #454545;--color-secondary-content: #b8b8cc;--color-gradient-1: rgba(6, 40, 61, .5);--color-gradient-2: rgba(69, 69, 69, .42);--size-title-text: 2rem;--size-subtitle: 1.5rem;--size-subtitle-two: 1.25rem;--size-content: 1rem}.typography-title{font-size:var(--size-title-text);font-family:Viga;font-weight:400;margin-bottom:2rem}.typography-subtitle{font-size:var(--size-subtitle);font-family:Roboto;font-weight:500;margin-bottom:1rem}.typography-subtitle-two{font-size:var(--size-subtitle-two);font-family:Roboto;font-weight:500;margin-bottom:.75rem}.typography-content{font-size:var(--size-content);font-family:Roboto;font-weight:300;line-height:1.6rem}.typography-button{font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:19px}.main-navbar{color:var(--color-white)}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 16px;font-size:var(--size-title-text);transition:transform .3s ease-in-out}.logo-container{display:flex;align-items:center;width:130px;cursor:pointer}.menu-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:var(--color-primary);font-size:var(--size-title-text);font-family:Roboto;transition:transform .3s ease-in-out;transform:translate(100%)}.menu-button{display:flex;align-items:center;cursor:pointer}.close-button{display:flex;justify-content:flex-end;width:100%;padding:32px}#close-button{cursor:pointer}.menu-list{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:85vh;padding:13vh 0 27vh}.menu-item:hover{color:var(--color-sky-blue)}.menu-item a{text-decoration:none;color:inherit;text-shadow:0px 4px 4px var(--color-black)}.menu-item-contact{background-color:transparent;border-radius:24px;color:var(--color-white);outline:2px solid var(--color-white);padding:10px 20px;transition:all .5s}.menu-item-contact:hover{background-color:var(--color-sky-blue);color:var(--color-primary);outline:none;font-weight:bolder}.appear-menu-container{transform:translate(0)}.header-top-cero-style{background-color:transparent;border-bottom:none;box-shadow:none}.header-scroll-up-style{background-color:var(--color-primary);border-bottom:2px solid white;box-shadow:3px 3px 10px 2px #0003}@media screen and (min-width: 800px){.navbar{height:80px;padding:0 32px}.logo-container{width:150px}.shadow-white,.menu-button{display:none}.menu-container{position:static;width:auto;height:auto;transform:translate(0);background-color:transparent}.close-button{display:none}.menu-list{flex-direction:row;justify-content:flex-end;gap:24px;align-items:center;width:auto;height:70px;font-size:var(--size-content);padding:0}}.screen-size{height:100vh;width:100%}.main-page{background-image:url(photo-main-mobile-784d596f.png);background-repeat:no-repeat;background-size:cover;background-position:center}.main-page-layer{position:absolute;background:linear-gradient(180deg,var(--color-black) 29.54%,var(--color-gradient-1) 100%)}.main-page-content{position:absolute;display:flex;flex-direction:column;align-items:center}.main-page-content h1{margin-top:40vh;width:328px;height:113px;font-size:40px;line-height:54px;text-align:center;color:var(--color-white)}.main-page-content button{margin-top:20vh;background-color:var(--color-sky-blue);width:156px;height:48px;box-shadow:2px 2px 3px var(--color-primary);border-radius:24px;display:flex;justify-content:center;align-items:center;gap:20px;color:var(--color-primary);border-style:none;cursor:pointer;transition:all .5s}.main-page-content button:hover{transform:scale(1.1);box-shadow:0 10px 20px var(--color-black)}.main-page-content i{color:var(--color-primary);margin-left:15px}.main-page-content a{text-decoration:none;color:inherit}@media screen and (min-width: 768px){.main-page{background-image:url(photo-main-desktop-30aaf927.jpg)}.main-page-layer{background:linear-gradient(180deg,var(--color-gradient-1) 0%,var(--color-gradient-2) 50%,var(--color-gradient-1) 100%)}.main-page-content{justify-content:center}.main-page-content h1{margin-top:10vh;width:500px;height:216px;font-weight:400;font-size:80px;line-height:108px;text-shadow:0px 4px 4px var(--color-black)}.main-page-content button{margin-top:0}}.service-container{padding:72px 88px 80px;background-color:var(--color-primary);color:var(--color-white);background-image:url(trama-jasi-a9e2dd92.png);background-size:cover;background-repeat:no-repeat;background-position:center}.service-title{text-align:center}.service-card-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.item:nth-child(1){order:1}.item:nth-child(2){order:2}.item:nth-child(3){order:4}.item:nth-child(4){order:3}.service-ilustration{display:flex;justify-content:center}.service-card__icon{margin-bottom:16px}.service-card__title{color:var(--color-white)}.service-card__content{color:var(--color-secondary-content)}@media screen and (max-width: 800px){.service-container{padding:56px 24px 64px}}@media screen and (max-width: 600px){.service-container{padding:56px 16px 64px;background-position:left}.service-card{width:100%}.service-card-container{grid-template-columns:1fr;gap:32px;text-align:center}.item:nth-child(3){order:3}.item:nth-child(4){order:4}.service-ilustration{margin-top:16px}}.benefit-container{padding:72px 64px 80px;background-color:var(--color-soft-blue);color:var(--color-primary)}.benefit-title{text-align:center}.benefit-card-container{display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:32px}.benefit-card{width:31%;padding:32px 24px;text-align:center;border-radius:8px;background-color:var(--color-soft-blue);box-shadow:3px 3px 10px 2px #0000001a}.benefit-card__icon{margin-bottom:16px}.benefit-card__title{color:var(--color-primary)}.benefit-card__content{color:var(--color-primary-content)}@media screen and (max-width: 800px){.benefit-container{padding:56px 24px 64px}.benefit-card{width:48%}.benefit-card-container{gap:16px}}@media screen and (max-width: 600px){.benefit-title{padding:0 16px}.benefit-container{padding:56px 8px 64px}.benefit-card{width:100%}.benefit-card-container{flex-direction:column;gap:32px}}.portfolio-container{padding:56px 0 40px;color:var(--color-white);background:radial-gradient(circle,var(--color-secondary),var(--color-primary))}.portfolio__title{text-align:center}.carousel{position:relative;width:100%;height:290px;overflow:hidden}.carousel-item{position:absolute;display:flex;flex-direction:column;top:0;left:2%;width:96%;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;transform:translate(90%) scale(.8);transition:transform 1s ease-out;z-index:20}.carousel-item.active{transform:translate(0) scale(1);z-index:30}.carousel-item.left{transform:translate(-90%) scale(.8);z-index:35}.portfolio-card__image{width:100%;height:150px;object-fit:cover;object-position:left;border-top-left-radius:8px;border-top-right-radius:8px}.portfolio-card__content{padding:16px 20px 24px;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:var(--color-primary)}.portfolio-card__title{color:var(--color-white);margin-bottom:4px}.portfolio-card__link{color:var(--color-sky-blue);text-decoration:underline;cursor:pointer}.portfolio-card__link:hover{color:var(--color-secondary)}@media screen and (min-width: 600px){.portfolio-container{padding:56px 24px 64px;background:var(--color-primary);background-image:url(trama-jasi-a9e2dd92.png);background-size:cover;background-repeat:no-repeat;background-position:center}.carousel{position:initial;display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;height:auto;overflow:initial}.carousel-item{position:initial;width:100%;transform:none;transition:none;z-index:20}.portfolio-card__title{color:var(--color-white);font-size:1.1rem}.portfolio-card__link{font-size:.8rem}}@media screen and (min-width: 800px){.portfolio-container{padding:72px 88px 80px}.carousel{grid-template-columns:1fr 1fr 1fr;gap:32px}}.contact{display:flex;flex-direction:column}.contact aside{height:193px;width:100vw;display:grid;grid-template-columns:1fr;background-image:url(photo-contact-form-2ef314cb.jpeg);background-repeat:no-repeat;background-size:cover}.contact aside div{height:193px;width:100vw;grid-row-start:1;grid-column-start:1}.contact-image-layer{background:linear-gradient(180deg,var(--color-black) 26.16%,var(--color-soft-blue) 100%)}.contact-image-title{justify-content:center;width:90vw;height:39px;line-height:40px;display:flex;align-items:center;text-align:center;color:var(--color-primary)}.contact-body{background-color:var(--color-soft-blue);height:500px;padding:45px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-body h1{width:320px;height:32px;margin-bottom:16px;line-height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.contact-button{margin-top:20px;background-color:var(--color-sky-blue);width:90vw;height:48px;box-shadow:2px 2px 3px var(--color-gradient-1);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--color-primary);border-style:none;cursor:pointer;transition:all .5s}.contact-button:hover{color:var(--color-white);background-color:var(--color-primary)}.contact-text{width:90vw;height:26px;left:0px;top:48px;display:flex;align-items:center;color:var(--color-primary-content)}.contact-input{width:90vw;border-style:none;padding:10px;background:var(--color-white);border-radius:8px;display:flex;align-items:center;color:var(--color-primary-content);box-shadow:3px 3px 10px 2px var(--color-black);margin-top:16px}.contact-input:focus{outline:2px solid var(--color-primary)}textarea{resize:none}@media screen and (min-width: 450px){.contact-input,.contact-text,.contact-button{width:400px}}.alert{border-radius:8px;position:fixed;top:80px;right:32px;background-color:#f2f2f2;border:1px solid var(--color-soft-blue);padding:20px;opacity:0;transform:translate(-100%);transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out}.alert-success{background-color:var(--color-primary);border-color:var(--color-soft-blue);color:var(--color-white)}.alert-show{opacity:1;transform:translate(0)}@media screen and (min-width: 800px){.contact{flex-direction:row}.contact aside{width:50vw;height:550px;background-position:center}.contact aside div{width:50vw;height:550px;grid-row-start:1;grid-column-start:1}.contact-image-layer{background:linear-gradient(90deg,var(--color-black) 24.86%,var(--color-soft-blue) 100%)}.contact-body{width:50vw;height:550px}.contact-input,.contact-text,.contact-button{width:40vw}}@media screen and (min-width: 1000px){.contact-input,.contact-text,.contact-button{width:400px}}@media screen and (max-width: 600px){.alert{text-align:center;width:90%;top:70px;right:0;margin:0 5%}}@media screen and (max-width: 800px){.alert{top:70px}}.about-us-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-soft-blue);color:var(--color-primary);width:100%;padding:64px 16px}.about-us__image{width:100%;margin-bottom:32px}.about-us__title{text-align:center;margin-bottom:16px}.about-us__description{text-align:center;color:var(--color-primary-content)}.about-us__title-image{font-size:var(--size-title-text);font-family:Viga;font-weight:400}.about-us__circle-container{top:18%;left:29%;position:absolute;display:flex;flex-direction:column;text-align:center;justify-content:center;width:270px;height:270px;border-radius:50%}@media screen and (min-width: 600px){.about-us-container{padding:64px 24px}.about-us__image{width:400px}}@media screen and (min-width: 1000px){.about-us-container{display:flex;flex-direction:row;justify-content:space-around;padding:80px 32px}.about-us__image{margin-bottom:0}.about-us-description__description{width:50%}.about-us__description,.about-us__title{text-align:left}}footer{width:100%;height:201px;background-color:var(--color-primary);color:var(--color-white);padding:30px}.logo-footer-container{width:156px;height:61px}.logo-social-media-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:105px}.line-footer{margin:10px 0}.footer-description{margin-bottom:6px}@media screen and (min-width: 600px){.footer-description{text-align:center}}@media screen and (min-width: 1000px){.logo-social-media-container{padding:0 40px}.line-footer{margin:10px 40px}}*{box-sizing:border-box;padding:0;margin:0}@media screen and (min-width: 600px){html{font-size:17px}}@media screen and (min-width: 800px){html{font-size:18px}}