@media screen and (max-width: 1480px){
	.columna_uno{
		width: -o-calc(100%/3 * 2 - 30px);
		width: -ms-calc(100%/3 * 2 - 30px);
		width: -moz-calc(100%/3 * 2 - 30px);
		width: -webkit-calc(100%/3 * 2 - 30px);
		width: calc(100%/3 * 2 - 30px);
	}
	.columna_uno{
	    width: -o-calc(100%/3 * 2 - 190px);
	    width: -ms-calc(100%/3 * 2 - 190px);
	    width: -moz-calc(100%/3 * 2 - 190px);
	    width: -webkit-calc(100%/3 * 2 - 190px);
	    width: calc(100%/3 * 2 - 190px);
	}
	.columna_dos{
	    width: -o-calc(100%/3 - 30px);
	    width: -ms-calc(100%/3 - 30px);
	    width: -moz-calc(100%/3 - 30px);
	    width: -webkit-calc(100%/3 - 30px);
	    width: calc(100%/3 - 30px);
	}
}

@media screen and (max-width: 1170px){
	header .celda{
	    padding: 0px 30px;
    	width: -o-calc(25% - 92px);
    	width: -ms-calc(25% - 92px);
    	width: -moz-calc(25% - 92px);
    	width: -webkit-calc(25% - 92px);
    	width: calc(25% - 92px);
	}
}

@media screen and (max-width: 1120px){
	.columna_uno{
	    width: -o-calc(50% - 150px);
	    width: -ms-calc(50% - 150px);
	    width: -moz-calc(50% - 150px);
	    width: -webkit-calc(50% - 150px);
	    width: calc(50% - 150px);
	}
	.columna_dos{
		width: -o-calc(50% - 30px);
		width: -ms-calc(50% - 30px);
		width: -moz-calc(50% - 30px);
		width: -webkit-calc(50% - 30px);
		width: calc(50% - 30px);
	}
	.grid_productos{
	    grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 1050px){
	.grid_productos .celda{
	    padding-bottom: 0;
    	height: min-content;
	}
	.c_imagen{
	    height: 0;
	    padding-bottom: 70%;
	    position: relative;
	}
	.nombre{
		position: relative;
    	opacity: 1;
	}
}

@media screen and (min-width: 1025px){
	header .celda:hover{
	    background-image: url(../img/fondo.png);
	    background-repeat: repeat;
	    image-rendering: pixelated;
	    background-size: 8px;
	    background-position: center;
	}
	.grid_productos .celda:hover .nombre{
	    opacity:1;
	}
	a.cubo:hover{
	    background-image: url(../img/fondo.png);
	    background-repeat: repeat;
	    image-rendering: pixelated;
	    background-size: 8px;
	    background-position: center;
	}
	.interior:hover{
	    background-image: url(../img/fondo.png);
	    background-repeat: repeat;
	    image-rendering: pixelated;
	    background-size: 8px;
	    background-position: center;
	}
	.momento_tres_int:hover{
	    background-image: url(../img/fondo.png);
	    background-repeat: repeat;
	    image-rendering: pixelated;
	    background-size: 8px;
	    background-position: center;
	}
	.amarillo .interior:hover{
	    background-image: url(../img/fondo_02.png);
	}
	.amarillo header .celda:hover{
	    background-image: url(../img/fondo_02.png);
	}
	.amarillo a.cubo:hover{
	    background-image: url(../img/fondo_02.png);
	}
	.idioma:hover{
	    background-image: url(../img/fondo.png);
	    background-repeat: repeat;
	    image-rendering: pixelated;
	    background-size: 8px;
	    background-position: center;
	}
	.amarillo .idioma:hover{
		background-image: url(../img/fondo_02.png);
	}
}

@media screen and (max-width: 940px){
	.btn_responsive{
		display: flex;
    	display: -webkit-flex;
	}
	header .celda{
		display: none;
	}
	.cubo:first-child{
		border-right:1px solid;
	}
	.momento_tres_int, .momento_dos .interior, .momento_uno .interior{
		display: none;
	}
	.menu_r{
		overflow: hidden;
	}
	.menu_r .over_menu_responsive{
	    display: block;
	    position: fixed;
	    top: 61px;
	    left: 61px;
	    width: -o-calc(100% - 122px);
	    width: -ms-calc(100% - 122px);
	    width: -moz-calc(100% - 122px);
	    width: -webkit-calc(100% - 122px);
	    width: calc(100% - 122px);
	    height: -o-calc(100% - 121px);
	    height: -ms-calc(100% - 121px);
	    height: -moz-calc(100% - 121px);
	    height: -webkit-calc(100% - 121px);
	    height: calc(100% - 121px);
	    background-color: #fff;
	    z-index: 10;
	    overflow: auto;
	}
	.menu_r .l_r{
		background-color: #3953DD;
	}
	.amarillo.menu_r .l_r{
	    background-color: #e3ab00;
	}
	.texto_int .t_columna{
		width: 100%;
	}
	.texto_int .t_columna:last-child p:first-child{
		margin-top: 30px;
	}
	.cubo.cubo_doble{
	    width: 120px;
	}
	.btn_responsive{
		width: 59px;
	}
	.idioma{
		display: block;
	    width: 60px;
	    height: 60px;
	    border-left: 1px solid;
	}

}

@media screen and (max-width: 920px){
	.columna_uno {
	    width: -o-calc(100% - 2px);
	    width: -ms-calc(100% - 2px);
	    width: -moz-calc(100% - 2px);
	    width: -webkit-calc(100% - 2px);
	    width: calc(100% - 2px);
	    position: relative;
	    top: 0;
	    left: 0;
        margin: 0px auto 60px;
	}
	.columna_dos{
		width: 100%;
	}
	.grid_productos {
	    grid-template-columns: 1fr 1fr;
	}
	.grid_tres{
	    grid-template-columns: 1fr;
    	display: block;
    	grid-gap: 0;
	}
	.grid_tres .imagen{
	    margin-bottom: 30px;
	}
	.grid_tres .imagen:last-child{
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 700px){

}

@media screen and (max-width: 630px){
	.siguiente{
		display: none;
	}
	.anterior{
		display: none;
	}
	.contenido{
	    width: -o-calc(100% - 120px);
	    width: -ms-calc(100% - 120px);
	    width: -moz-calc(100% - 120px);
	    width: -webkit-calc(100% - 120px);
	    width: calc(100% - 120px);
	}
	.momento_dos{
		display: none;
	}
	.momento_uno{
		display: none;
	}
	.titulo_aj{
		width: 100%;
	}
	.grid_productos{
	    width: -o-calc(100% - 120px);
	    width: -ms-calc(100% - 120px);
	    width: -moz-calc(100% - 120px);
	    width: -webkit-calc(100% - 120px);
	    width: calc(100% - 120px);
	}
	.menu_r .over_menu_responsive{
	    width: 100%;
    	left: 0px;
	}
	.espacio_texto{
		width: calc(100% - 120px);
	}
	.grid_tres {
    	width: calc(100% - 120px);
	}

}

@media screen and (max-width: 510px){
	.contenido {
	    width: -o-calc(100% - 60px);
	    width: -ms-calc(100% - 60px);
	    width: -moz-calc(100% - 60px);
	    width: -webkit-calc(100% - 60px);
	    width: calc(100% - 60px);
	}

}

@media screen and (max-width: 500px){
	.grid_productos{
	    grid-template-columns: 1fr;
	    display: block;
        width: -o-calc(100% - 60px);
        width: -ms-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
	}
	.grid_productos .celda{
		display: block;
	    margin-bottom: 60px;
	}
	header{
	    width: auto;
    	height: auto;
	}
	.cubo:first-child{
		display: none;
	}
	.cubo{
	    border-left: none;
    	border-right: 1px solid;
	}
	footer{
	    width: auto;
	    height: auto;
	    left: initial;
	    right: 0;
	    position: relative;
        display: flex;
    	display: -webkit-flex;
    	justify-content: flex-end;
	}
	.espacio_footer{
		height: 60px;	
	}
	footer .cubo{
	    border-top: 1px solid;
	    border-left: 1px solid;
	    border-right: none;
	    background-color: #fff;
	}
	.footer_int{
		display: none;
	}

	.wrapper{
		padding: 0;
	}
	.titulo_aj{
	    padding-left: 61px;
    	width: -o-calc(100% - 61px);
    	width: -ms-calc(100% - 61px);
    	width: -moz-calc(100% - 61px);
    	width: -webkit-calc(100% - 61px);
    	width: calc(100% - 61px);
	}
	.menu_r .over_menu_responsive{
		width: 100%;
		left: 0px;
		padding: 60px 0px;
		top: 0;
		height: -o-calc(100% - 120px);
		height: -ms-calc(100% - 120px);
		height: -moz-calc(100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: calc(100% - 120px);
		z-index: 4;
	}
	.menu_int ul{
        margin: 0px 30px;
    	text-align: right;
	}
	.grid_productos .celda:last-child{
		margin-bottom: 0px;
	}
	.titulo_responsive{
	    width: 100%;
	    min-height: 60px;
	    display: flex;
    	display: -webkit-flex;
	    align-items: center;
	}
	.titulo_responsive p{
	    margin: 10px 0px;
	}
	.header_producto .cubo:first-child {
	    display: flex;
    	display: -webkit-flex;
	}
	.cubo.cubo_anterior{
		display: flex;
    	display: -webkit-flex;
	}
	.cubo.cubo_proximo{
		display: flex;
    	display: -webkit-flex;
	}

	.cubo.cubo_anterior svg{
		    width: 100%;
    height: 100%;
	}
	.cubo.cubo_proximo svg{
		    width: 100%;
    height: 100%;
	}

	.cubo.cubo_anterior svg .st0{
	    stroke: #3953de;
    	fill: transparent;
	}
	.cubo.cubo_proximo svg .st0{
	    stroke: #3953de;
    	fill: transparent;
	}


	.amarillo .cubo.cubo_anterior svg .st0{
	    stroke: #e3ab00;
	}
	.amarillo .cubo.cubo_proximo svg .st0{
	    stroke: #e3ab00;
	}


	.espacio_texto {
    	width: calc(100% - 60px);
    }
    .grid_tres{
	    width: calc(100% - 60px);
    }

}







