@media screen and (max-width: 1180px){
	.centrar_eleccion .titulo h2{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.pantalla_03 .centrar_escoger .columna {
    width: 210px;
}

}
@media screen and (max-width: 1120px){
	.texto_loading{
		width: calc(100% - 80px);
    margin: auto;
	}
	.texto_loading p{
		font-size: 9vw;
	}
	.o_page .texto .titulo {
	    margin-left: -50px;
	}

}

@media screen and (max-width: 1040px){
	.centrar_productos .titulo h2{
	    font-size: 28px;
	}	
	.linea_f{
		width: 10%;
	}
	.centrar_footer .linea_f {
    width: 30%;
    margin: 0 10px;
}
	.texto_loading p {
	    font-size: 10vw;
	}
	.texto_loading p:last-child span:first-child {
    margin-right: 40px;
}
}


@media screen and (min-width: 1024px){
	.fondo_video{
		background-image: none!important;
	}

	.opcion_01 .btn_elegir:hover{
    transition: 300ms;
    background: linear-gradient(-45deg, #FCA102, #FA5E00, #F90F01, #F800E0);
    background-size: 200% 200%;
    -webkit-animation: gradientUno 15s ease infinite;
    animation: gradientUno 15s ease infinite;
}
.opcion_01 .btn_elegir:hover p{
    color: #fff;
    -webkit-text-fill-color: #fff;
}


.opcion_02 .btn_elegir:hover{
    transition: 300ms;
    background: linear-gradient(-45deg, #00DB04, #00D36F, #00C8F9);
    background-size: 200% 200%;
    -webkit-animation: gradientDos 15s ease infinite;
    animation: gradientDos 15s ease infinite;
}
.opcion_02 .btn_elegir:hover p{
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.respuesta.op_01:hover{
    background: linear-gradient(-45deg, #FCA102, #FA5E00, #F90F01, #F800E0);
}
.respuesta.op_01:hover p{
    -webkit-text-fill-color: #fff;
}

.respuesta.op_02:hover{
    background: linear-gradient(-45deg, #00DB04, #00D36F, #00C8F9);
}
.respuesta.op_02:hover p{
    -webkit-text-fill-color: #fff;
}
.mc_a:hover img{
    visibility:visible;
}
.mc_a:hover::after{
    animation: glitch .3s cubic-bezier(.25, .46, .45, .94)  infinite;
}
.mc_a:hover::before{
    animation: glitch_dos .3s cubic-bezier(.25, .46, .45, .94)  infinite;
}

.m_o:hover::after{
    animation: glitch .3s cubic-bezier(.25, .46, .45, .94) infinite;
}
.m_o:hover::before{
    animation: glitch_dos .3s cubic-bezier(.94, .45, .46, .25) infinite;
}



}
@media screen and (max-width: 1024px){
.fondo_video{
    overflow: hidden;
}
.fondo_video > div{
	position: absolute;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	top: -50px;
	left: -50px;
	filter: blur(11px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
}
@media screen and (max-width: 1020px){
	.centrar_eleccion_int{

	}
	.instrucciones{
		    max-width: calc(50% - 40px);
    padding-right: 20px;
    width: min-content;
	}
}

@media screen and (max-width: 900px){
	.centrar_productos .titulo h2{
		font-size: 24px;
	}
	.instrucciones{
		width: calc(100% - (65.5vh - 50px));
		    padding-left: 40px;
	}

}

@media screen and (max-width: 820px){
	.pantalla_04 .content_img,
	.pantalla_05 .content_img{
		height: auto;
	}
	.content_img_int.content_img_video,
.content_img_int.content_imagen{
		    width: 100%;
    height: 0;
    padding-bottom: 178%;
    float: inherit;
	}
	.centrar_eleccion_int .columna{
		width: calc(100% - 120px);
	}
	.centrar_eleccion_int{
		flex-wrap: wrap;
	}
	.pantalla_int.pantalla_04{
		overflow: auto;
	}
	.centrar_eleccion_int{
		display: block;
	}
	.centrar_eleccion_int .columna{
	    margin: 0px auto 0px;
    	width: 390px;
	}
	.sico_logo{
		width: 60px;
		height: 60px;
		margin: 0px;
		position: fixed;
		top: 20px;
		left: 20px;
	}
	.instrucciones{
		width: 420px;
		margin: auto;
		height: auto;
		padding: 0px;
		padding-bottom: 100px;
		align-items: center;
	}
	.centrar_eleccion .titulo h2{
		display: none;
	}
	.titulo_responsive{
		display: block;
	    margin: 80px 20px 50px;
	}
	.titulo_responsive h2{
		color: #FBD000;
		font-weight: normal;
		font-family: 'MonumentExtended-Regular';
		font-size: 28px;
		text-transform: uppercase;
		margin: 0px;
		text-align: center;
	}



}

@media screen and (max-width: 780px){
	.o_page .texto{
	    width: calc(100% - 100px);
	}
	.o_page{
	    padding: 60px 20px 20px;
	}
	.o_page .cerrar{
		top: 50px;
	}
}

@media screen and (max-width: 780px){
	footer{
		display: none;
	}
	.activeHeader .linea_vertical{
		height: 0px;
	}
	.header_responsive{
		display: block;
		margin-top: 50px;
	}
	.header_responsive span{
		display: block;
    padding: 20px 0px;
    font-size: 20px;
	}
	.header_d_int .redes{
		    display: flex;
	}
	.header_d_int .redes a{
		margin: 0px 10px 10px;
	}
	.hdi_menu a, .hdi_menu span, .hdi_menu button{
		padding: 10px 0px;
	}
	.hdi_menu {
    margin-top: 30px;
}
}



@media screen and (max-width: 670px){
	.pantalla_03 .centrar_escoger{
		    width: calc(100% - 50px);
    left: 25px;
	}
	.icono_giratorio{
		width: 70px;
	}
	.icono_giratorio img{
		max-width: 190px;
	}
	.circulo{
		    width: 200px;
    height: 200px;
	}
	.textos_centrados .pt_01 p{
		font-size: 36px;
	}
	.mc_a > span{
		font-size: 32px;
	}
	.mc_a::before, .mc_a::after{
		font-size: 32px;
	}
	.parrafo{
		    font-size: 30px;
    font-weight: 300;
    margin-bottom: 40px;
	}
	.texto_loading {
	    width: calc(100% - 20px);
	}
	.texto_loading p {
	    font-size: 34px;
	}
	.mc_a{
	    margin: 0 auto 70px;
	    width: calc(100% - 20px);
	}
}

@media screen and (max-width: 560px){
	.centrar_productos .centrar_int{
		width: 100%;
		flex-wrap: wrap;
	}
	.centrar_productos .centrar_int .columna{
		    display: block;
    width: calc(50% - 20px);
    margin: 0px 10px;
	}
	.centrar_productos .columna .flechita{
		    margin: -10px auto 10px;
	}
	.centrar_productos .titulo{
		    margin: 0px 20px;
	}
	.contenedor_producto{
		margin: auto;
    width: 100%;
    height: 0px;
    padding-bottom: 200%;
    overflow: hidden;
	}
	.pantalla_int {
	    overflow: auto;
	}
	.centrar_productos {
	}
	.contenedor_producto{
		margin: auto;
	}
}
@media screen and (max-width: 560px){
	.titulo_responsive{
		display: none;
	}
	.content_img_int::before{
		display: none;
	}
	.centrar_eleccion_int .columna{
		    width: 100%;
    height: 100%;
    margin: 0px;
	}
	.instrucciones{
		max-width: initial;
		position: fixed;
		bottom: 80px;
		width: 100vw;
		left: 0;
		padding-bottom: 0;
	}
	.instrucciones_centrar,
	.instrucciones_top{
		margin: auto;
	}
	.m_o{
		text-align: center;
		margin: 0px auto 20px;
	}
	.sico_logo{

		width: 60px;
		height: 60px;
		margin: 0px;
		    position: fixed;
    top: 20px;
    left: 20px;
	}
	.content_img_int.content_img_video,
.content_img_int.content_imagen{
		float: inherit;
		height: 100%;
		padding: 0;
		position: absolute;
		top: 0;
		background-color: #000;
	}
	.header_desplegado{
		width: 100vw;
	}
	.centrar_productos .columna .flechita{
		display: none;
	}
	.centrar_productos .centrar_int .columna p{
		display: none;
	}
	

}

@media screen and (max-width: 540px){
	.pt_int img{
	    max-width: 300px;
	}
	.textos_centrados .pt_02 img{
		max-width: 300px;
	}
	.icono_giratorio{
		    width: 0px;
    position: absolute;
    top: 140px;
	}
	.icono_giratorio img{
		max-width: 100px;
	}
	.pantalla_03 .centrar_escoger {
	    width: calc(100% - 20px);
	}
	.pantalla_03 .centrar_escoger .columna{
		    width: calc(50% - 20px);
    margin: 0px 10px;
	}
	.pantalla_03 .centrar{
		overflow: auto;
	}
	.pantalla_03 .centrar_escoger{
		flex-wrap: wrap;
	}
	.pantalla_03 .centrar_escoger{
		    align-items: flex-start;
	}
	.pantalla_03 .centrar{
		    display: flex;
    align-items: center;
    justify-content: center;
	}
	.pantalla_03 .centrar_escoger{
		    width: calc(100% - 20px);
    height: fit-content;
    position: relative;
    left: 0px;
	}
	.icono_giratorio{
		top: 80px;
	}
	.centrar_productos .titulo h2{
		font-size: 18px;
	}
	.centrar_productos .centrar_int .columna img{
		max-width: 85%;
	}
}


@media screen and (max-width: 480px){
	.o_page .texto .titulo{
		margin: 0px;
	}
	.o_page .texto{
		width: 100%;
	}
	.pregunta p{
		font-size: 20px;
	}
	.respuesta{
		margin-bottom: 20px;
	}
	.siconsecuencia img {
    max-width: 160px;
}
}

@media screen and (max-width: 400px){
	.mc_a > span {
	    font-size: 26px;
	}
	.mc_a::before, .mc_a::after{
		font-size: 26px;
	}
	.mc_a{
		    margin: 0 auto 30px;
	}
	.texto_loading p {
	    font-size: 26px;
	}

}
@media screen and (max-width: 340px){
	.pt_int img{
	    max-width: 200px;
	}
	.textos_centrados .pt_02 img{
		max-width: 200px;
	}
}
@media screen and (max-width: 560px) and (max-height: 700px){
	.hdi_menu a, .hdi_menu span, .hdi_menu button{
		    margin: 0px auto 20px;
	}
	.activeHeader .linea_vertical{
		display: none;
	}
	.header_desplegado{
    	
    	background-color: rgba(0, 0, 0, 0.9);
	}
	.activeHeader .header_desplegado{
height: calc(100vh - 105px);

		padding-top: 105px;

    	overflow: auto;
	}
	.header_d_int{
		height: auto;
	}

}

@media screen and (max-width: 800px) and (max-height: 420px){
	.parrafo{
		font-size: 20px;
		    margin-bottom: 20px;
	}
	.mc_a{
		    margin: 0 auto 20px;
	}
	.mc_a > span{
		font-size: 22px;
	}
	.mc_a::before{
		font-size: 22px;
	}
	.mc_a::after{
		font-size: 22px;
	}
	.hdi_menu a, .hdi_menu span, .hdi_menu button{
		    font-size: 16px;
		        margin: 0px auto 0px;
	}
	.linea_vertical{
		    margin: 0px auto 10px;
	}
	.header_responsive{
		margin-top: 0px;
	}
	.header_responsive span{
		padding: 10px 0px;
	}
	.texto_loading p {
	    font-size: 8vw;
	}
.pantalla_03 .centrar_escoger .columna{
	width: 140px;
}
.btn_elegir{
	margin-top: 20px;
}
.icono_giratorio{
	width: 60px;
	top: 60px;
}
.icono_giratorio img{
	max-width: 110px;
}
.pantalla_03 .centrar_escoger{
	align-items: flex-start;
	height: auto;
	position: relative;
}
.pantalla_03 .centrar{
	display: flex;
	align-items: center;justify-content: center;
}
.titulo_responsive{
	display: none;
}
.content_img_int.content_img_video, .content_img_int.content_imagen{
	float: inherit;
    width: 100%;
    padding: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
}
.content_img_int::before{
	display: none;
}
.instrucciones{
	align-items: center;
    position: absolute;
    bottom: 70px;
    padding: 0;
    width: 100%;
    text-align: center;
    max-width: initial;
}
.instrucciones_centrar{
	margin: auto;
}
.o_page .texto{
	    width: calc(100% - 100px);
	}
	.o_page{
	    padding: 60px 20px 20px;
	}
	.o_page .cerrar{
		top: 50px;
	}
	footer{
		display: none;
	}
	.activeHeader .linea_vertical{
		height: 0px;
	}
	.header_responsive{
		display: block;
		margin-top: 50px;
	}
	.header_responsive span{
		display: block;
    padding: 20px 0px;
    font-size: 20px;
	}
	.header_d_int .redes{
		    display: flex;
	}
	.header_d_int .redes a{
		margin: 0px 10px 10px;
	}
	.hdi_menu a, .hdi_menu span, .hdi_menu button{
		padding: 10px 0px;
	}
	.hdi_menu {
    margin-top: 30px;
}
.header_d_int{
	overflow: auto
}


}



@media screen and (width: 100vw) and (min-height: 100vw){
	
	.centrar_video .video{
    	width: 100%;
	}
}

@media screen and (width: 100vw) and (max-height: 60vw){
	.centrar_video .video{
    	width: calc(189vh - 160px);
	}
}