/* Estilos instrucciones */

/** 0. Fuentes */
/** 1. Base */
/** 2. Layout: l */
/** 3. Componentes: c- */
/** 4. Paginas: p- */
/** 5. Otros: body-fixed */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** 2. Layout: l- */

.l-page__box--temporal {
	margin: 0 auto;
	overflow: hidden;
	padding: 5rem 0;
	width: 94%;
}
.l-page__box--temporal p {
    text-align: center;
    font-size: 2rem;
}

.l-page__box {padding-top: 0;}

.l-page__shadow {margin-bottom: 3rem;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** 3. Componentes: c- */

.c-instrucciones {
	overflow: hidden;
	padding: 1rem;
	position: relative;
	width: 100%;
}

.c-instrucciones__box {
    background-color: #FFF;
    box-shadow: 0 4px 6px #ccc;
    margin: 0 0 2rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.c-instrucciones__box:last-child {margin-bottom: 0;}

.c-instrucciones__titular, .c-instrucciones__descripcion {
	padding: 3rem 4rem;
    position: relative;
}
.c-instrucciones__titular span {
    font-size: 5rem;
    left: 3rem;
	padding: 0;
	position: absolute;
    text-align: center;
    top: 3rem;
    width: 4rem;
}

.c-instrucciones__titular img {
	display: block;
	margin: 3rem auto 2rem;
	max-width: 8rem;
	width: 100%;
}

.c-instrucciones__titular h3 {
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
}
.c-instrucciones__box:nth-child(1) .c-instrucciones__titular {background-color: var(--color-primary);}
.c-instrucciones__box:nth-child(1) span,
.c-instrucciones__box:nth-child(1) h3 {
	color: #ffffff;
}

.c-instrucciones__box:nth-child(2) .c-instrucciones__titular {background-color: var(--color-secondary);}
.c-instrucciones__box:nth-child(2) span,
.c-instrucciones__box:nth-child(2) h3 {
	color: #FFF;
}

.c-instrucciones__box:nth-child(3) .c-instrucciones__titular {background-color: var(--color-tertiary);}
.c-instrucciones__box:nth-child(3) span,
.c-instrucciones__box:nth-child(3) h3 {
	color: #fff;
}

.c-instrucciones__descripcion p {
	color: #000;
	font-size: 1.6rem;
	margin: 0;	
}

.c-instrucciones {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	  	flex-flow: row wrap;
	-webkit-box-pack: start;
	  	-ms-flex-pack: start;
	      	justify-content: flex-start;
}

.c-instrucciones__box {
	float: left;
	margin: 0 0 2% 0;
	padding: 0;
	width: 100%;
}

.c-instrucciones__box:last-child {margin-right: 0;}
.c-instrucciones__titular h3 {font-size: 1.6rem;}
.c-instrucciones__titular h3 {font-size: 2.4rem;}

@media (min-width: 768px) {
	.c-instrucciones__box {
		margin: 0 2% 0 0;
		width: 49%;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** 4. Paginas: p- */