/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 05 2025 | 04:46:01 */
.guia-main {
    text-align: center
}
#Imago_en_partes, #fondo,
#txt{
	width: 100%;
	max-width: 500px;
	position: absolute;
	margin: auto;
	inset: 0;
}
#fondo {
	mix-blend-mode: multiply;
}
.pin {
	transition: none!important;
}
.logotipo-main {
    text-align: center;
}
#logotipo {
	width: 100%;
	max-width: 300px;
	/*position: absolute;
	left: 50%;
	top: 150px;
	transform: translateX(-50%);*/
}
#txt {
        width: 100%;
        max-width: 900px;
    }
#txt g {
	opacity: 0;
	filter: blur(4px);
}

#Superior {
    animation: superior 0.3s ease-in-out forwards infinite alternate
}
#guia-lapiz {
    stroke: 3px pink;
}
#guiaMask {
    stroke: 12px green;
}
#Lapiz-ant {
    display: none;
}
@keyframes superior {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-5px);
    }
}
@media screen and (width < 1024px) {

    #Lapiz {
    transform: scale(1.1);
}
.guia-main {
    left: 50%!important
    transform: translateX(-50%);
}
.guia-main svg {
    min-width: 400px;
    max-width:100%!important;
    /* background: red; */
}
}
@media screen and (width < 720px) {
    svg#Imago_en_partes {
        width: 100%;
        max-width: 270px!important
    }
#logotipo {
	width: 100%;
	max-width: 220px;
}
    
}