@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');



body, html {

    margin: 0;

    padding: 0;

    width: 100%;

    color: #bfb3b7;

    font-size: 15px;

    height: 100%;

    min-height: 100%;

    background-color: #fff;

    background:url(../images/bg-cover.jpg) no-repeat top center;background-size:100%;background-attachment: fixed;

}



* {

	font-weight: 400;

	font-family: 'Poppins', sans-serif;

	box-sizing: border-box; 

}





section {width: 100%;max-width: 1200px;position: relative;margin: 0 auto;}



#preloader {position: fixed;top:0; left:0;right:0; bottom:0;background: #fff;z-index: 100000;}



#loader {width: 32px;height: 32px;position: absolute;left:50%; top:50%;background: url(../images/loader.gif) no-repeat center 0;margin:-16px 0 0 -16px;color: #f69221;}



.wrapper {width: 100%;min-height: 100%;overflow: hidden;}

.wrapper.fix {padding-top: 300px;}

.wrapper.models {background:#fff;padding-top: 85px;}





.header {position: fixed;top: 0;left: 0;right: 0;margin:0;z-index: 5;height: 85px;transition: .5s;}

.header section .logo {display: none;transition: .5s;position: absolute;top:0;left:0;max-width: 230px;margin:10px;padding: 0;}

.header section .logo img {width: 100%;}



.header section .menu {position: fixed;text-align: center;transition: .5s;z-index: 2;top: 0;left: 0;right: 0;}

.header section .menu a {font-size: 1.2rem;border-radius: 0 0 10px 10px;padding: 15px 15px 10px;transition: .3s;color: #fff;text-decoration: none;margin: -5px 5px 0;vertical-align: top;background-color: #bec0c8;display: inline-block;}

.header section .menu a:hover {background-color: #546e8f;margin-top: 0;}

.header section .menu a.normal {display: none;}

.header .logo-lander {display: none;}



.head-intro {opacity: 1;display: flex;width: 100%;margin-top: 25%;flex-direction: column;transition: .3s;}

.head-intro .logo {background: rgba(255,255,255,.92);display: inline-flex;align-items: center;width: 40%;justify-content: flex-end;}

.head-intro .logo img {width: 100%;}

.head-intro .title {color: #fff;text-align: center;font-size: 2.3em;font-weight: 400;transition: .5s;background: rgba(146,135,147, .92);text-align: left;padding: 10px 70px 10px 50px;display: inline-flex;align-items: center;line-height: 1.1;flex-grow: 1;width: 75%;}

.head-intro .title h1 {max-width: 750px;}

.head-intro .title strong {font-weight: 700;}

.head-intro .message {width: 100%;display: flex;}

.head-intro .socialmedia {width: 100%;}



.wrapper.fix .head-intro {opacity: 0;margin-top: 0;}





.header.fix {opacity: 1;background-color: #fff;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

.header.fix .logo {display: block;}

.header.fix .menu {position: absolute;left: unset;width: 70%;text-align: right;margin: 35px 0 0;right: 120px;}

.header.fix .menu a {color: #bfc2cb;background-color: #fff;padding: 5px 15px;border-radius: 20px;}

.header.fix .menu a:hover {background-color: #eee;}

.header.fix .menu a img {width: 25px;}

.header.fix section .logo img.normal {display: block;}

.header.fix section .logo a {width: 100%;}

.header.fix .logo-lander {width: 100px;float: right;margin-top: 10px;display: block;margin-right: 10px;transition: .3s;}



.header.fix section .menu a.normal {display: inline-block;}



.btn-wsp {position: fixed;right: 0;padding: 10px 20px;background-color: #fff;transition: .3s;top: 50%;border-radius: 50px 0 0 50px;box-shadow: -2px 2px 7px rgba(0, 0, 0, .1);}

.btn-wsp:hover {padding-right: 30px;}





/* menu responsivo */



.btn-burger {height: 66px;overflow: hidden;position: fixed;display: none;text-indent: 100%;white-space: nowrap;width: 44px;padding: 0;z-index: 8;transition: all 0.3s;cursor: pointer;top:15px;left: 15px;}

.btn-burger span {background-color: #8b7f8d;bottom: auto;display: inline-block;height: 4px;left: 50%;position: absolute;right: auto;top: 50%;width: 25px;z-index: 10;transform: translateX(-50%) translateY(-50%);}

.btn-burger span:before, .btn-burger span:after {background-color: #8b7f8d;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;transform: translateZ(0);backface-visibility: hidden;transition: transform 0.3s;}

.btn-burger span:before {transform: translateY(-8px) rotate(0deg);}

.btn-burger span:after {transform: translateY(8px) rotate(0deg);}

.btn-burger.close-nav span {background-color: rgba(255, 255, 255, 0);}

.btn-burger.close-nav span:before {transform: translateY(0) rotate(45deg);background-color: #fff;}

.btn-burger.close-nav span:after {transform: translateY(0) rotate(-45deg);background-color: #fff;}





.menu-responsive {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.9);margin: 0;width: 100%;padding: 100px 50px;z-index: 7;display: none;}

.menu-responsive a {display: block;color: #fff;padding: 20px;margin: 20px 0;text-align: center;text-decoration: none;font-size: 1.4rem;}

.menu-responsive a img {width: 35px;}

.menu-responsive.open {display: block;}





/* Estilos descripción */



.head-desc {background-color: transparent;height: 250px;position: relative;/*backdrop-filter: blur(6px);*/}

.cont-desc {background-color: #fff;position: relative;}

.cont-desc section {max-width: 1000px;padding-bottom: 80px;}

.cont-desc .box-info {color: #fff;font-size: 0;position: relative;;}

.cont-desc .box-info .col-text {display: inline-block;width: calc(100% - 330px);padding: 20px 30px 20px 70px;vertical-align: top;background-color: #8b7f8d;border-radius: 20px;margin-top: -100px;}

.cont-desc .box-info .col-text h1 {font-size: 1.3rem;margin: 0;font-weight: 700;}

.cont-desc .box-info .col-text h2 {font-size: 1rem;margin: 0;color: #d8d3cd;font-weight: 500;}

.cont-desc .box-info .col-text .line {height: 5px;width: 80%;max-width: 150px;background-color: #afac98;}

.cont-desc .box-info .col-text p {font-size: 1rem;}

.cont-desc .box-info .col-img {display: inline-block;width: 350px;transform: rotate(-10deg);background: rgba(216,211,205,.6);margin-top: -110px;margin-right: -20px;}

.cont-desc .box-info .col-img img {width: 100%;margin: -20px -20px 15px 15px;border: 4px solid #fff;box-shadow: 2px 2px rgba(0,0,0,0.2);}







/* Estilo iconos */



.cont-icons {background-color: #fff;text-align: center;overflow: hidden;}

.cont-icons h1 {font-size: 2.2rem;display: inline-block;position: relative;margin: 50px 0 0;color: #8b7f8d;font-weight: 700;}

.cont-icons p {font-size: 1.1rem;margin-top: 0;}



.cont-icons section {margin: 50px auto 0;padding-bottom: 30px;}

.cont-icons .icon-section {display: inline-block;font-size: 0;width: 200px;padding: 15px;vertical-align: top;margin: 10px 0;position: relative;}

.cont-icons .icon-section .over {position: absolute;top: 15px;bottom: 15px;left: 15px;right: 15px;opacity: 0;transition: .3s;}

.cont-icons .icon-section img {width: 100%;transition: .3s;}

.cont-icons .icon-section .title {color: #536b8d;font-size: 1rem;margin: 0 0 15px;font-weight: 600;position: relative;transition: .3s;opacity: 0;}

.cont-icons .icon-section:hover .title {opacity: 1;margin: 15px 0 0;}

/*.cont-icons .icon-section:hover .over {opacity: 1;}*/

.cont-icons .icon-section:hover img {transform: rotateY(180deg);transform-style: preserve-3d;}









/* Estilos modelos */





.head-models {background-color: transparent;height: 280px;position: relative;background: url(../images/bg-models.jpg) no-repeat center top;background-size: cover;}

.cont-models {position: relative;text-align: center;padding: 100px 10px 50px;background-color: #fff;}

.head-models h1 {font-size: 2.2rem;position: relative;margin: 80px auto 0;color: #8b7f8d;font-weight: 700;text-align: center;display: inline-block;width: 100%;}

.cont-models p {font-size: 1.1rem;}



.cont-models .models {position: relative;font-size: 0;margin: -200px auto 0;text-align: center;max-width: 1200px;}

.cont-models .models a {display: inline-block;transition: .3s;width: 250px;margin: 20px;border: 3px solid #afac98;position: relative;border: 2px solid #fff;border-radius: 10px;}

.cont-models .models a .name {position: absolute;bottom: -19px;left: 30px;right: 30px;background-color: #8b7f8d;font-size: 1rem;font-weight: 300;padding: 5px;color: #fff;text-align: center;transition: .3s;z-index: 3;border-radius: 20px;border: 2px solid #fff;transition: .3s;}

.cont-models .models a .start {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(84,107,142, .85);text-align: center;transition: .3s;opacity: 0;z-index: 2;border-radius: 10px;display: flex;align-items: center;justify-content: center;}

.cont-models .models a .start span {padding: 10px;font-size: 1.2rem;color: #fff;}

.cont-models .models a img {width: 100%;border-radius: 10px;transition: .3s;}

.cont-models .models a:hover .start {opacity: 1;}

.cont-models .models a:hover {transform: translateY(-10px);}






/* estilos por modelo */



.cont-model {position: relative;width: 100%;}

.cont-model .top {background-color: #d9d3cc;}

.cont-model .top .name {color: #8a7f8c;display: inline-block;margin: 80px 0 20px;margin-left: 530px;}

.cont-model .top .name h1 {font-size:2.3rem;font-weight: 700;margin: 0;}

.cont-model .top .name h2 {font-size:1.4rem;margin: 0;}



.cont-model .model-info {position: relative;overflow: hidden;max-width: 1200px;margin: 0 auto;font-size: 0;margin-top: -100px;}

.cont-model .model-info .photos {display: inline-block;width: 500px;vertical-align: top;overflow: hidden;border: 5px solid #fff; border-radius:10px;box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);}
.cont-model .model-info .photos a {cursor: pointer;}
.cont-model .model-info .photos .fotorama__stage__shaft {border:4px solid #fff;border-radius: 10px;overflow: hidden;}

.cont-model .model-info .desc {display: inline-block;width: calc(100% - 500px);padding: 100px 20px 0;}

.cont-model .model-info .desc h1 {font-size: 1.5rem;color: #bfb3b7;padding: 15px 15px 10px;border-bottom: 2px solid #bfb3b7;margin: 0;line-height: 1;}

.cont-model .model-info .desc .col {display: inline-block;width: 50%;padding: 0px 20px;margin: 20px 0;vertical-align: top;}

.cont-model .model-info .desc .col .line {width: 100%;position: relative;color: #8a7f8c;font-size: 0;}

.cont-model .model-info .desc .col .line img {font-size:20px;vertical-align: top;display: inline-block;}

.cont-model .model-info .desc .col .line p {display: inline-block;width: 70%;font-size: 1rem;margin: 0;padding:6px 15px;}

.cont-model .model-info .desc .col .line span {display: inline-block;font-size: 1rem;}

.cont-model .model-info .desc .col.borde {border-right: 1px solid #8b7f8d;}



.cont-model .model-info .desc .cont-360 {position: relative;margin: 20px 0;text-align: center;}

.cont-model .model-info .desc .cont-360 a {width: 100px;border-radius: 50%;background-color: #536b8d;transition: .3s;display: inline-block;overflow: hidden;padding: 10px 15px;}

.cont-model .model-info .desc .cont-360 a:hover {background-color: #3a5070;}

.cont-model .model-info .desc .cont-360 a img {width: 100%;}



.cont-model .menu-models {position: relative;font-size: 0;margin: 0 auto;background-color: #8a7f8c;}

.cont-model .menu-models a {display: inline-block;width: calc(100%/7);text-align: center;padding: 10px 0;font-size: 1.2rem;color: #d9d3cc;transition: .3s;text-decoration: none;font-weight: 500;}

.cont-model .menu-models a:hover {background-color: #746277;}

.cont-model .menu-models a.active {background-color: #d9d3cc;color: #8a7f8c;}



.cont-model .models-btn {position: relative;padding: 12px 0 10px;text-align: center;color: #8a7f8c;background-color: #fff;width: 100%;border: none;outline: none;display: none;}

.cont-model .models-btn img {width: 15px;margin-left: 5px;vertical-align: middle;transition: .3s;}

.cont-model .models-btn.open img {transform: rotate(180deg);}





/* Estilos galeria */



.cont-galeria {position: relative;text-align: center;padding: 0 10px 50px;background-color: #fff;}

.cont-galeria h1 {font-size: 2.2rem;display: inline-block;position: relative;margin: 50px 0 0;color: #8b7f8d;font-weight: 700;}

.cont-galeria .fotorama__wrap {margin: 30px auto;}

.fotorama__dot {width: 10px;height: 10px;background-color: #eee;}

.fotorama__nav__frame.fotorama__active .fotorama__dot {width: 10px;height: 10px;background-color: #8a7f8c;border-color: #8a7f8c;}

.fotorama__wrap .fotorama__fullscreen-icon {width: 50px;height: 50px;background: url(../images/icon-expand.png) no-repeat;background-size: cover;}

.splide {padding: 0 40px; margin-top: 40px; }
.splide a {cursor: pointer;}
.splide__arrow {background: none; }
.splide__arrow svg {fill: var(--color-white); width: 30px; height: unset; }
.splide__arrow--prev {left: 0; }
.splide__arrow--next {right: 0; }

/* Estilos contacto */



.cont-contact {position: relative;padding: 70px 0 0;background:url(../images/bg-contact.jpg) no-repeat top center;background-size: 100%;overflow: hidden;background-color: #fff;}

.cont-contact section {font-size: 0;margin-bottom: -100px;background-color: #546b8e;overflow: hidden;border: 5px solid #fff;border-radius: 15px; box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);}

.cont-contact .col {display: inline-block;width: 50%;padding: 20px;color: #fff;vertical-align: top;}

.cont-contact .col:nth-child(2) {background-color: #bfc2ca;padding:30px 70px;}

.cont-contact h1 {font-size: 2.2rem;margin: 0 0 50px;color: #fff;font-weight: 700;width: 100%;text-align: center;}

.cont-contact .col h2 {font-size: 1.4rem;margin: 0;}

.cont-contact .col .line {height: 5px;width: 80%;max-width: 150px;background-color: #bfc2ca;}

.cont-contact .col p {font-size: 1.1rem;margin: 10px 0;}

.cont-contact .col iframe {margin-top: 20px;}

.cont-contact .icon {width: 20px;display: inline-block;vertical-align: top;}



.cont-contact form label {font-size: 1rem;color: #546b8e;padding: 10px 0;}

.cont-contact form .in {font-size:1rem;padding: 10px;color: #333;border:1px solid #546b8e;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);margin: 5px 0 20px;width: 100%;border-radius: 5px;}

.cont-contact form .in:focus {outline: none;}



.cont-contact form .submitBnt {color: #fff;background-color: #8b7f8d;padding: 5px 35px;display: block;margin: 25px auto 0;border:none;font-size: 1.2rem;cursor: pointer;transition: .3s;border-radius: 20px;}

.cont-contact form .submitBnt:hover {background-color: #746277;}

.cont-contact .socialmedia {margin-top: 100px;}





/* Estilo croquis */



.cont-contact .cont-croquis {position: relative;margin: 20px 0 0;overflow: hidden;}

.cont-contact .cont-croquis img {width: 100%;}

.cont-contact .cont-croquis .over {position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: .2s;background: rgba(0,0,0,0.8);color: #fff;padding: 22px;text-align: center;font-size: 1.5rem;opacity: 0;}

.cont-contact .cont-croquis:hover .over {opacity: 1;}







/* estilos redes */



.socialmedia {position: relative;padding: 40px 0;text-align: center;}

.socialmedia a {display: inline-block;margin: 5px;padding: 10px;transition: .3s;border-radius: 50%;background:rgba(255, 255, 255, .2);}

.socialmedia a:hover {background: rgba(0,0,0,0.05);transform: scale(1.05);}

.socialmedia a img {width: 40px;}

.social_container {position: fixed;top: 55%;right: 0;display: flex;flex-direction: column;gap: 10px;z-index: 9;}
.social_container a {width: 80px;height: 60px;border-radius: 10px 0 0 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .3);transition: .3s;text-decoration: none;padding-right: 20px;transform: translateX(20px);display: flex;justify-content: center;align-items: center;}
.social_container a:hover {transform: translateX(0);}
.social_container a svg {width: 35px;}
.social_container a.whats svg {fill: #25D366;}
.social_container a.facebook svg {fill: #0866FF;}
.social_container a.instagram svg {fill: url(#MyGradient);}


.header .socialmedia {padding: 15px 0;}

.header .socialmedia a:hover {background:rgba(255,255,255,0.1);}





/* Estilos footer */



footer {position: relative;background-color: #ece9e5; text-align: center;padding: 10px 0;}

footer a {color: #746277;text-decoration: none;}

footer a:hover {text-decoration: underline;}

footer img {display: inline-block;width: 150px;vertical-align: top;}

footer p {display: inline-block;color: #8b7f8d;padding: 25px;margin: 0;}