*{ margin: 0; padding: 0; box-sizing:border-box; transition: all 1s;}


html {scroll-behavior: smooth; min-height: 100%; position: relative;}
a {transition-duration: 0s;}
body {position: relative; background: #2E92E8; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(170, 209, 243, 1) 63%, rgba(170, 209, 243, 1) 84%, rgba(103, 173, 235, 1) 100%);}


.mt-6 {margin-top: 4rem !important;}
.mt-7 {margin-top: 5rem !important;}
.mt-8 {margin-top: 6rem !important;}
.mt-9 {margin-top: 7rem !important;}
.mt-10 {margin-top: 8rem !important;}

.mb-6 {margin-bottom: 4rem !important;}
.mb-7 {margin-bottom: 5rem !important;}
.mb-8 {margin-bottom: 6rem !important;}
.mb-9 {margin-bottom: 7rem !important;}
.mb-10 {margin-bottom: 8rem !important;}

.ps-6 {padding-left: 4rem !important;}
.ps-7 {padding-left: 5rem !important;}
.ps-8 {padding-left: 6rem !important;}
.ps-9 {padding-left: 7rem !important;}
.ps-10 {padding-left: 8rem !important;}

.pe-6 {padding-right: 4rem !important;}
.pe-7 {padding-right: 5rem !important;}
.pe-8 {padding-right: 6rem !important;}
.pe-9 {padding-right: 7rem !important;}
.pe-10 {padding-right: 8rem !important;}



/* HOME ---------------------------------------------------------------------------------------------------------------------------------*/

.main-home {position: relative}

.body-index {background-color: #aad1f3 !important;} 

/*logo*/
.logo img {width: 40%; margin-top: 4rem;}

/*intro*/
.intro {margin-top: 3rem !important;}
.intro h1 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 1.75rem; color: #2e1c86; line-height: 170%; letter-spacing: -1px;}
.intro span {font-weight: 700; font-size: 3.5rem;}
.intro h2 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 2rem; color: #2e1c86; line-height: 125%; letter-spacing: -1px;}
.intro h3 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 2rem; color: #2e1c86; line-height: 120%;}
.intro p {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 1.25rem; color: #2e1c86; line-height: 150%; margin-bottom: 1.25rem;}

/*pedidos*/
.pedidos {margin-top: 3rem !important;}
.pedidos h4 {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 1.25rem; color: #2e1c86; line-height: 105%;}
.pedidos p a {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 600; font-size: 2.5rem; color: #2e1c86; line-height: 105%;}
.pedidos p:nth-child(3) a {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 1rem; color: #2e1c86; line-height: 105%;}
.pedidos a:hover {color: #00a6eb;}

.redes-pie .icono {width: 30px; height: 30px; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: 0.5s;}
.redes-pie .icono.instagram {-webkit-mask-image: url(../img-redes-sociales/icon-instagram.svg); mask-image: url(../img-redes-sociales/icon-instagram.svg); background-color: #E4405F; margin: 0.5rem;}
.redes-pie .icono.facebook {-webkit-mask-image: url(../img-redes-sociales/icon-facebook.svg); mask-image: url(../img-redes-sociales/icon-facebook.svg); background-color: #1877F2; margin: 0.5rem;}
.redes-pie .icono:hover {background-color: #2e1c86;}

/*whatsapp*/
.wap {display: flex; justify-content: center; align-items: center; position: fixed; right: 0rem; bottom: 2rem; width: 3.75rem; height: 3.75rem; z-index: 10000; background-color: #25d366; border-radius: 100% 0% 0% 100%; transform: scale(1); box-shadow: none; transition: transform 0.7s, box-shadow 0.7s; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px);}
.wap:hover {transform: scale(1.10); box-shadow: 0px 0px 18px 6px #25d36673;}
.wap img {width: 2.25rem; margin-left: 0.25rem; filter: drop-shadow(1px 1px 1px #1ca14d);}

/* Footer */
.footer {position: relative; bottom: 0; width: 100%; padding-bottom: 3rem; margin-top: 5rem; text-align: center;}
.home-logo-end {margin-bottom: 1rem;}
.home-logo-end img {width: 32rem !important; height: auto;}
.home-logo-end p:nth-child(2) {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 1.25rem; color: #3d97e5;}
.home-logo-end p:nth-child(3) {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 0.85rem; color: #3d97e5;}
.line-home {border-style: inset; border-width: 1px; margin: 1rem 0rem 1.5rem;}
.footer p {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 500; font-size: 0.95rem; color: #3d97e5; margin-bottom: 0.20rem;}
.footer a {color: #3d97e5; text-decoration: none;}
.footer a:hover {color: #2e1c86; text-decoration: underline;}
.footer .creditos {margin-top: 0.85rem; text-align: center;}
.footer .creditos p {font-size: 0.8rem; color: #808080; margin-top: 0.3rem;} 
.footer .creditos img:last-child {display: none;}
.footer .creditos:hover img:last-child {display: unset;}
.footer .creditos:hover img:first-child {display: none;}












/* MAYOR DE 2561------------------------------------------------ */
@media (min-width: 2561px) {



}



/* 2560  ------------------------------------------------------- */
@media (max-width: 2560px){


}





/* 1920  ------------------------------------------------------- */
@media (max-width: 1920px){



}







/* 1366  ------------------------------------------------------- */
@media (max-width: 1366px){


}






/* 1180  ------------------------------------------------------- */
@media (max-width: 1180px){

.logo img {width: 50%; margin-top: 4rem;}

}








/* IPAD PRO  --------------------------------------------------- */
@media (max-width: 1024px){

/*Home*/
.logo img {width: 50%; margin-top: 4rem;}

}



/* IPAD PRO  --------------------------------------------------- */
@media (max-width: 820px){

/*Home*/
.logo img {width: 70%; margin-top: 4rem;}


}






/* IPAD  ------------------------------------------------------- */
@media (max-width: 768px){


}








/* CELULARES --------------------------------------------------- */
@media (max-width: 500px){


/* Home */
.logo img {width: 95%; margin-top: 4rem;}

}


/* CELULARES --------------------------------------------------- */
@media (max-width: 428px){



}


/* CELULARES --------------------------------------------------- */
@media (max-width: 415px){



}


/* CELULARES --------------------------------------------------- */
@media (max-width: 406px){


}


/* CELULARES A16 / ip 12 pro ------------------------------------*/
@media (max-width: 390px){



}


/* CELULARES --------------------------------------------------- */
@media (max-width: 380px){



}


/* CELULARES --------------------------------------------------- */
@media (max-width: 375px){



}