/*   OVEJABEJA CSS   */

/* ------------------------------------------ */
/* ----------------- Grid ------------------- */
/* ------------------------------------------ */

.container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.container-no-relativo {
	position: static !important;
}

.oculto {display: none;}

.centrado {
    display: table;
    margin: 0 auto !important;
}

.centrado-vertical {
	display: flex;
	justify-content: center;
	align-items: center;
}

.t-centrado {text-align: center;}

.t-derecha {text-align: right;}

.b-centrado {
	display: table;
	margin-top: 0 auto;
}

.clearfix {clear: both;}

.cont-img-fw {
	position: relative;
	overflow: hidden;
	min-height: 350px;
}

.cont-img-fw img {
	position: absolute;
	display: block;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    /*width: 100vw;*/
    height: 100vh;
    object-fit: cover;
    max-height: 100%;
}

.contenedor-img {
	position: relative;
    overflow: hidden;
}

.contenedor-img img {
	position: absolute;
    display: block;
    transform: translate(50%, -50%);
    top: 50%;
    right: 50%;
    width: 100vw;
    height: 100vw;
    object-fit: cover;
    max-height: 100%;
}

.mayusculas {
    text-transform: uppercase;
}








.flex-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col-1-2, .col-1-3, .col-1-4 {
	width: 100%;
	min-height: 1px;
	clear: both;
}

.flex-col-1-2, .flex-col-1-3, .flex-col-2-3 {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.hentry.for-bloque-fw, .entry-content.for-bloque-fw {
	margin: 0;
}

@media screen and (min-width: 576px) {
    
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    
}

@media screen and (min-width: 768px) { 
    
    .container {
        padding-left: 50px;
        padding-right: 50px;
    }
	
	.col-1-2, .col-1-3, .col-1-4, .col-2-3 {
		width: 48%;
		width: calc( 50% - 15px );
		float: left;
		margin-right: 15px;
		margin-left: 15px;		
	}

	.col-1-2:nth-child(odd), .col-1-3:nth-child(odd), .col-1-4:nth-child(odd), .col-2-3:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}

	.col-1-2:nth-child(even), .col-1-3:nth-child(even), .col-1-4:nth-child(even), .col-2-3:nth-child(even) {
		margin-right: 0;
		clear: right;
	}
	
	.flex-container {
		align-items: stretch;
	}
	
	.flex-col-1-2, .flex-col-1-3 {
		width: 50%;		
		-ms-flex-preferred-size: 50%;		
		flex-basis: 50%;
	}
	
	.flex-col-2-3:nth-child(odd) {
		-ms-flex-order: -1;
		order: -1;
	}
	
	.flex-col-2-3:nth-child(even) {
		-ms-flex-order: 1;
		order: 1;
	}
    
}

@media screen and (min-width: 992px) {
    
    .container,
	.narrow-container {
        padding-left: 70px;
        padding-right: 70px;
    }
	
	.col-1-3:nth-child(odd), .col-1-4:nth-child(odd),
	.col-1-3:nth-child(even), .col-1-4:nth-child(even) {
		margin-left: 15px;
		margin-right: 15px;
		clear: none;
	}
	
	.col-1-3 {	
		width: 31.333%;	
		width: calc( 33.333% - 20px );
	}
	
	.col-1-3:nth-child(3n+1) {
		margin-left: 0;
		clear: left;
	}
	
	.col-1-3:last-child,
	.col-1-3:nth-child(3n)  {
		margin-right: 0;
		clear: right;
	}

	.col-1-4 {
		width: 23%;	
		width: calc( 25% - 23px );
	}
	
	.col-1-4:nth-child(4n+1) {
		margin-left: 0;
		clear: left;
	}
	
	.col-1-4:last-child,
	.col-1-4:nth-child(4n)  {
		margin-right: 0;
		clear: right;
	}

    .col-2-3 {
        width: 66.666%;
        width: calc( 66.666% - 40px );
        float: left;
    }
	
	.flex-col-1-3 {
		width: 33.333%;	
		-ms-flex-preferred-size: 33.333%;	
		flex-basis: 33.333%;
	}
	
	.flex-col-2-3 {
		width: 66.666%;
		-ms-flex-preferred-size: 66.666%;
		flex-basis: 66.666%;
	}
	
	.flex-col-2-3:nth-child(odd) {
		-ms-flex-order: -1;
		order: -1;
	}
	
	.flex-col-2-3:nth-child(even) {
		-ms-flex-order: 1;
		order: 1;
	}
	
	.flex-col-2-3:nth-child(odd) {
		-ms-flex-order: 0;
		order: 0;
	}
	
	.flex-col-2-3:nth-child(even) {
		-ms-flex-order: 0;
		order: 0;
	}
    
}

@media screen and ( min-width: 1366px ) {
    
    .container {
        max-width: 1650px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
	
	.narrow-container {		
		max-width: 740px;
		width: 100%;
		margin-left: auto;
        margin-right: auto;		
	}
    
}