/*COLOR*/
$color1: #46b5e8;
$color2: #fafbfc;
$color3: #c2c2c2;
$color4: #eeeff0;
$color5: #d8d8d8;
$color6: #f1f1f1;
$color7: #4d4d4d;
$color8: #ffffff;

.curso {
	.seccion-cabecera-1 {
		background: #46b5e8 url('../img/home/fondo-portada-1.png');
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding-top: 15rem;
    border-top-right-radius: 1.3rem;
    border-top-left-radius: 1.3rem;
    .cajon-linea-1 {
    	padding-right: 0rem;
    	.linea-1 {
				border-top: 0.5rem solid #fff;
			}
    }
	}

	.seccion-menu-1 {
		.cajon-boton-1 {
			user-select: none;
			cursor: pointer;
			border-bottom: 4px solid $color8;
			&:hover {				
				border-bottom: 4px solid $color1;
				transition: all 0.3s;
				.contenido-1 {
					color: $color1;
				}
			}
		}
		.seleccionado {
			border-bottom: 4px solid $color1;
			.contenido-1 {
				color: $color1;
			}
		}
		.vl {
			border-left: 6px solid $color3;
    	height: 3.5rem;
		}
	}

	.seccion-1 {
		.vl {
			border-left: 6px solid $color3;
    	height: 3.5rem;
		}
		.cajon-titulo-leccion-1 {
			border-bottom: 4px solid $color1;
			.contenido-1 {
				color: $color1;
			}
		}
		.contenido-leccion {
			border-radius: 2.5rem;
			.fila-leccion-1 {
				border-radius: 2.5rem;
			}
		}
		.cajon-texto-imagen-1 {
			border-radius: 2.5rem;
			.fila-texto-imagen-1 {
				border-bottom: 1px solid $color5;
				border-top-right-radius: 2.5rem;
				border-top-left-radius: 2.5rem;
			}
			.fila-texto-imagen-2 {				
				border-bottom-right-radius: 2.5rem;
				border-bottom-left-radius: 2.5rem;
			}
			.fila-texto-imagen-3 {				
				border-radius: 2.5rem;
			}
		}
		.cajon-link-1 {
			.link-1 {
				.texto-link-1 {
					color: $color7;
					&:hover {
						color: $color1;
					}
				}
			}
		}
		.table-1 {
			width: 100%;
			border: 1px solid $color7;
			tr {
				border: 1px solid $color7;
				th, td{
					border: 1px solid $color7;
					font-family: 'Montserrat', sans-serif;
					color: $color7;
				}
				th {
					padding: 1rem;
				}
				td {
					padding: 1rem 0.5rem 4rem 1rem;
				}
			}
		}
		.table-2 {
			width: 100%;
			border: 1px solid $color7;
			tr {
				border: 1px solid $color7;
				th, td{
					border: 1px solid $color7;
					font-family: 'Montserrat', sans-serif;
					color: $color7;
					padding: 0.5rem;
				}
				th {
				}
				td {
				}
			}
		}
	}
}

@media screen and (min-width: 801px) {
	.curso {
		.seccion-menu-1 {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: stretch;
		}

		.seccion-1 {
		}
	}
}

@media screen and (min-width: 426px) and (max-width: 800px) {
	.curso {
		.seccion-menu-1 {
			// display: flex;
			// flex-direction: column;
			// justify-content: center;
			// align-items: center;
		}

		.seccion-1 {
		}
	}
}

@media screen and (min-width: 425px) and (max-width: 800px) {
	.curso {
		.seccion-cabecera-1 {
			background: #46b5e8 url('../img/home/fondo-portada-1.png');
	    background-size: contain;
	    background-position: -17rem center;
	    background-repeat: no-repeat;
	    padding-top: 15rem;
	    border-top-right-radius: 1.3rem;
    	border-top-left-radius: 1.3rem;
	    .cajon-linea-1 {
	    	padding-right: 0rem;
	    	.linea-1 {
					border-top: 0.5rem solid #fff;
					color: $color7;
				}
	    }
		}
		.seccion-menu-1 {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: stretch;
		}
	}
}

@media screen and (min-width: 320px) and (max-width: 425px) {
	.curso {
		.seccion-cabecera-1 {
			background: #46b5e8 url('../img/home/fondo-portada-2.png');
	    background-size: cover;
	    background-position: center -20rem;
	    background-repeat: no-repeat;
	    padding-top: 30rem;
	    border-top-right-radius: 1.3rem;
    	border-top-left-radius: 1.3rem;
	    .cajon-linea-1 {
	    	padding-right: 15px;
	    	.linea-1 {
					border-top: 0.5rem solid #fff;
				}
	    }
		}
		.seccion-menu-1 {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
	}
}