@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
body{
	overflow: hidden;
}
body, html {
    overflow-x: hidden!Important;
}
.wp-site-blocks{
	margin-top: 100vh;
}
#presentacion{
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
	z-index: 10;
}
.botonAbrir{
	position: fixed;
    top: 43%;
    left: calc(50% - 63px);
	cursor: pointer;
	transition: transform 2s ease, opacity 2s ease;
	text-transform: uppercase;
	text-align: center;
}
.botonAbrir p{
	position: absolute;
    color: #fff;
    margin: 32px 40px;
    font-size: 26px;
    font-family: 'Alex Brush';
}
.x2, .x1{
	width: 50%;
	height: 100%;
    display: inline-flex;
	transition: transform 2s ease, opacity 2s ease;
	background: #fff;
	background-image: linear-gradient(rgb(255 255 255 / 75%), rgb(255 255 255 / 75%)), url(/wp-content/uploads/2025/04/88628.webp)!Important;
}
.shadow-x2 {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
}
.fade-out-t {
    transform: translateY(-300px); /* Mueve el div a la izquierda */
    opacity: 0; /* Desvanece el div */
}
.fade-out-l {
    transform: translateX(-300px); /* Mueve el div a la izquierda */
    opacity: 0; /* Desvanece el div */
}
.fade-out-r {
    transform: translateX(300px); /* Mueve el div a la derecha */
    opacity: 0; /* Desvanece el div */
}
a.wp-block-button__link span{
	font-size: 9px!Important;
}
.contador a{
	padding: 10px 0!Important;
    width: 66px;
}
#playpause{
	position: fixed;
    right: 20px;
    background: #9b6eadc4;
    width: 40px;
    color: #ffffff;
    text-align: center;
    border-radius: 20px;
    font-size: 21px;
    height: 40px;
    cursor: pointer;
    font-family: 'Lato';
    top: 20px;
    z-index: 11;
    border: 1px solid #ccc;
}
#myForm {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}
#myForm textarea, input[type="text"]{
	width: 100%;
	min-height: 35px;
	margin-bottom: 30px;
	font-size: 16px;
	border: 0;
}
textarea, input{
	border-radius: 0!Important;
}
.hide {
	display: none;
}
.vestimenta {
	padding-bottom: 40px!Important;
}
@media (max-width: 781px) {
	.hide-movil {
		display: none;
	}
	.vestimenta svg {
		margin: 0 auto!Important;
		width: 50%!Important;
		height: auto!Important;
	}
}
/*.redondeado-superior, .redondeado-superior img {
	background: transparent ! Important;
    border-radius: 177px 177px 0 0;
}*/
/*img.transicion {
	width: 100%;
	height: auto;
	transition: opacity 1s ease-in-out;
}*/
::-webkit-scrollbar { height: 16px; overflow: visible; width: 10px; background-color: #424242; }

::-webkit-scrollbar-thumb { background-color: rgb(142, 142, 142); background-clip: padding-box; border-width: 1px 1px 1px 1px; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); border-radius: 6px; }

::-webkit-scrollbar-button { height: 0; width: 0; }

::-webkit-scrollbar-track {background-clip: padding-box;border: solid transparent;border-width: 0 0 0 4px; }

::-webkit-scrollbar-corner { background: transparent; }

::-moz-scrollbar { height: 16px; overflow: visible; width: 7px; }

::-moz-scrollbar-thumb { background-color: rgba(17, 109, 199, 0.85); background-clip: padding-box; border-width: 1px 1px 1px 1px; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); }

::-moz-scrollbar-button { height: 0; width: 0; }

::-moz-scrollbar-track {background-clip: padding-box;border: solid transparent;border-width: 0 0 0 4px; }

::-moz-scrollbar-corner { background: transparent; }

::-o-scrollbar { height: 16px; overflow: visible; width: 7px; }

::-o-scrollbar-thumb { background-color: rgba(17, 109, 199, 0.85); background-clip: padding-box; border-width: 1px 1px 1px 1px; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); }

::-o-scrollbar-button { height: 0; width: 0; }

::-o-scrollbar-track {background-clip: padding-box;border: solid transparent;border-width: 0 0 0 4px; }

::-o-scrollbar-corner { background: transparent; }

::scrollbar { height: 16px; overflow: visible; width: 7px; }

::scrollbar-thumb { background-color: rgba(17, 109, 199, 0.85); background-clip: padding-box; border-width: 1px 1px 1px 1px; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); }

::scrollbar-button { height: 0; width: 0; }

::scrollbar-track {background-clip: padding-box;border: solid transparent;border-width: 0 0 0 4px; }

::scrollbar-corner { background: transparent; }