/*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; } } }