body{
	background-color: #232020;
}
p{
	font-family: 'Festivo LC Basic'; 
}
p{
	font-family: 'Futura PT Book'; 
    font-size: 18px;
	margin-top: 5px;
}

.maincontainer{
	position: relative;
/*	padding-top: 100px;*/
min-height: 70vh;
}
h1 span[data-char="|"] {
	width: 20px;
	opacity: 0 !important;
}
h2 span[data-char="|"] {
	width: 15px;
	opacity: 0 !important;
}
h3 span[data-char="|"] {
	width: 10px;
	opacity: 0 !important;
}
.pagecontent{
	min-height: 72vh;
}

h1,h2{
	font-family: 'Festivo basic';
}
h1,h2,h3 {
	font-size: 45px;
	font-family: 'Dashiell', sans-serif !important;
	color: white;
	font-weight: lighter;
	margin-top: 20px;
    margin-bottom: 10px;
}
h1{
	font-size: min(8vw,95px);
}
.dark{
	color: var(--black);
}
h3{
	font-size: 25px;
}
.txt-black{
    color: #000000;
}
#smooth-wrapper{
/*	padding-top: 144px;*/
}
button{
    font-family: 'Futura PT Book', sans-serif !important;
}
button{
	padding: 11px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: black;
     border: none; 
    background: #fbefae;
    border-radius: 35px;
    min-width: 140px;
    text-transform: uppercase;
    font-size: 13px;
    min-height: 60px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .25s linear;
}
.ex{
	padding: 11px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: black;
     border: none; 
    background: #fbefae;
    border-radius: 35px;
    min-width: 140px;
    text-transform: uppercase;
    font-size: 13px;
    min-height: 60px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .25s linear;
}
.swal2-close{
	padding: 11px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: black;
     border: none; 
    background: #fbefae;
    border-radius: 35px;
    min-width: 140px;
    text-transform: uppercase;
    font-size: 13px;
    min-height: 60px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .25s linear;
}
.ot-floating-button__close,.ot-floating-button__open{
	padding: 1px;
	top:-6px;
	left:-4px;
    padding-left: 30px;
    padding-right: 15px;
    text-align: center;
    color: black;
     border: none; 
    background: #fbefae;
    /* border-radius: 35px; */
	width:45px;
    min-width: 58px;
    text-transform: uppercase;
    font-size: 13px;
    min-height: 62px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .25s linear;
}
button.long:not(.ex,.swal2-close){
	min-width: 200px;
}
.swal2-close:focus{
    box-shadow: none !important;
}
button::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 80%;
    top: 10%;
    left: 5%;
    border-radius: 100px;
    /* background-color: red; */
    /* border: 2px solid var(--gris-oscuro); */
    box-shadow: inset -0px 0px 0px 2px var(--gris-oscuro);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .25s linear;
}

button.swal2-close::after,
button#onetrust-accept-btn-handler::after,
button#onetrust-reject-all-handler::after,
button#onetrust-pc-btn-handler::after,
button.onetrust-close-btn-handler::after,
button.ot-close-icon::after,
button.ot-pc-refuse-all-handler::after,
.ot-accordion-layout > button::after,
#accept-recommended-btn-handler::after,
.gm-control-active::after,
.gm-ui-hover-effect::after{
    top: 10%;
    left: 0%;
	width:0 !important;
    /* otros estilos específicos */
}
.gm-style-cc > div > button::after{
    left: 0%;
	width:0 !important;
    content: 'Combinaciones de teclas';
    top: -1%;
    /* otros estilos específicos */
}
.gm-control-active{
    background: none;
    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    width: 40px;
    height: 24px;
    top: 10px !important;
    left: 0px;
    min-height: 42px;
}
.gm-control-active>img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    left: 8% !important;
    pointer-events: none;
    position: absolute;
    top: 5% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-5%, -2%) !important;
}
button.over:not(.ex,.swal2-close), .over:not(.ex,.swal2-close) button{
	background: #fff6c6;
	color: #2b0654;
	transform: scale(.95);
/*	font-size: 15px;*/
}


button.over:not(.ex,.swal2-close)::after,.over:not(.ex,.swal2-close) button::after{
	box-shadow: inset -0px 0px 10px 2px var(--gris-oscuro);
	 width: 92%;
    height: 84%;
    top: 8%;
    left: 4%;
}
button.slick-arrow {
    min-width: 60px;
    border-radius: 100%;
}
button.slick-arrow::after {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}
button.slick-arrow.over::after{
	 width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}
button.boton.mini{
	min-width: 60px;
}
button.boton.mini::after{
	
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border-radius: 100px;
}
button.boton.mini.over::after{
	
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border-radius: 100px;
}
.bg-black2{
    background-color: var(--black);
}
.bg-black3{
    background-color: var(--black2);
}
.slick-arrow.slick-prev{
	position: absolute;
    top: 100%;
    right: 75px;
    
}
.slick-arrow.slick-next{
	position: absolute;
	right: 0;
}
.slick-arrow{
	margin: 15px;
	z-index: 111;
	bottom: -40px;
	top: unset !important;
}

.separacion{
    position: relative;
    height: 100vh;
    background-color: black;
}
.separacion.v2{
    position: relative;
    height: 60vh;
    background-color: black;
}
.separacion_big{
	position: relative;
	height: 1300px;
	background-image: linear-gradient(#0b0bef 0%,#3508e7 10%,#4a08e2 20%,#5c08e2 30%,#650adb 40%,#6f0ed8 50%,#7318c3 60%,#7220ac 70%,#6c2697 80%,#2b252b 90%,#501cca 100%);
}


.bola2{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background: red;
	top: 50%;
}
.separacion{
	position: relative;
	height: 100vh;
}
.flexcol2{
	display: flex;
}
.column {
	flex-basis: 50%;
	max-width: 50%;
}
.sticky {
	position: sticky;
	top: 0;
}
.cuad{
	position: relative;
	display: block;
	margin: 10px;
	width: 100px;
	height: 100px;
	background: darkkhaki;
/*			transform: perspective(2000px);*/
}
.cuadgroup .cuad{
	display: inline-block;
}
.grid-layout {
	display: flex;

	height: 100%;
	width: 100%;
     /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;*/
    transform-origin: center top;
  }
  .grid-layout .column{
  	position: relative;
  	width: 25%;
  }
  .grid-layout .column img{
  	max-width: 100%;
  }
  .parallax-section {
  	height: 50vh;
  	width: 100%;
  	overflow: hidden;
  	top: 0;
  	padding: 0 1rem;
  	transform-origin: center top;
  }
  .parallax-image {
  	height: 200vh;
  	width: 100%;
  	-o-object-fit: cover;
  	object-fit: cover;
  	will-change: transform;
  }
  section{
  	width: 100%;

  }
  section.cabecera img{
  	max-width: 100%;
  }
  section.cabecera img.titulo{
  	max-width: 55vw;
  	margin-top: 30px;
  	filter: drop-shadow(1px 1px 3px black);
  }
  section.cabecera .img-full{
  	z-index: -1;
  }
  section.cabecera.almost-full,section.cabecera .almost-full{
  	width: 100vw;
  	height: 60vh;
  }
  .almost-full {
    width: 100vw;
    height: 60vh;
}

.almost-full.v2 {
    height: min(55vh, 990px);
}

.almost-full img.img-full,.almost-full.v2 img.img-full {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

  section.cabecera .img-full{
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  }
  section.cabecera .right{
  	background-position: right;
  }
  section.cabecera .left{
    background-position: left;
  }
  section.cabecera .top{
    background-position: top;
  }
  section.cabecera .bottom{
    background-position: bottom;
  }
  section.cabecera .sombreado{
  	background-image: url(../img/cabeceras/cabeceras-sombreado.png);
  }
    .sombreado {
        background-image: url(../img/cabeceras/cabeceras-sombreado.png);
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        top: 0;
        left: 0;
    }
    .sombreado.v2{
        background-image: url(../img/cabeceras/cabeceras-sombreado2.png);
    }
  .cabecera .info{
  	padding: 10vw;
  }
  .cabecera .info *{
  	color: white;
  	
  	font-family: 'Dashiell', sans-serif !important;
  }
  .cabecera .info p{
    color: white;
    font-family: 'Futura PT Book', sans-serif !important;
  }
  .cabecera h1{
  	margin-bottom: 0px;
  	text-shadow: 0 1px 6px rgba(0,0,0,1);
  }
  .cabecera p{
/*  	font-size: min(4vw, 22px);*/
    font-size: min(5vw, 23px);
  	line-height: min(5vw, 20px);
  	text-align: center;
  	text-shadow: 1px 1px 1px rgba(0,0,0,1);
  }
  .cabecera p,.cabecera .info p{
  	/*font-size: min(4vw, 28px);
    line-height: min(5vw, 28px);*/
/*  		font-family: 'Festivo basic', sans-serif !important;*/
  }
  .mw-1{
  	max-width: 1000px;
  }
  .mw-2{
  	max-width: 550px;
  }
  .mw-3{
  	max-width: 1200px;
  }
  .entradilla{
  		padding: 40px;
  		background-color: white;
  		color: black;
  }

.border-top{
	border-top: 6px solid var(--amarillo);
}

.burbujas{
    position: relative;
    z-index: 111;
    margin-top: -20%;
}
.burbuja{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    /*  background-color: var(--amarillo3);*/
}
.ornamento {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    background-color: red;
    width: 100%;
    height: 100px;
    background: transparent;
    background-position: top;
    background-repeat: repeat-x;
    /* background-size: contain; */
    background-image: url(../img/separador.png);
    transform: translateY(-99%);
}
 .ornamento.o2 {
    background-image: url(../img/separador2.png);
    transform: translateY(-90%);
}

.solomovil{
    display: none !important;
}







@media screen and (max-width: 850px){
    .nomovil{
    display: none !important;
}
.solomovil{
    display: block !important;
}

	section.cabecera, .almost-full{
		height: 35vh !important;
	}
	button:not(.ex){
		transform: scale(.9);
	}
	.slick-arrow{
		position: absolute;
		top: 90% !important;
    	bottom: unset !important;
	}
	.slick-arrow.slick-next {
	    right: -20px;
	}
	.slick-arrow.slick-prev {
	    right: 50px;
	}

}