.mainSection {
background-color: #183451;
background-repeat: no-repeat;
background-position: top right;
background-size: 100%;
padding: 5.10vw 0 4.375vw 7.395vw;
position: relative;
}
.mainSectionMobile {
display: none;
}
.mainSection__container {
width: 100%;
max-width: 54.11vw;
}
.mainTitle {
font-size: 3.125vw;
font-weight: 500;
}
.mainTitle h1 {
font-weight: 500;
}
.mainSection__description {
font-size: 1.25vw;
margin: 2.81vw 0;
line-height: 1.5;
}
.mainSection__incriptions {
font-size: 1.354vw;
line-height: 1.5;
}
.mainSection__buttons {
text-align: center;
margin: 3.125vw 0 0;
}
.btn {
display: inline-block;
font-size: 1.145vw;
width: 15.10vw;
padding: 0.729vw;
margin: 0 0.859vw;
transition: all ease-in-out .3s;
}
.btn:hover {
opacity: .8;
}
.btn--yellow {
background-color: #FF8F00;
border: 2px solid #FF8F00;
color: #fff;
}
.btn--transparent {
background-color: transparent;
border: 2px solid #FF8F00;
color: #FF8F00;
}
.sectionCards {
padding: 4.583vw 0;
}
.sectionCards__container {
display: flex;
justify-content: center;
}
.cardCurso {
text-align: center;
width: 19.68vw;
padding: 1.614vw;
border-top-right-radius: 1.66vw;
border-bottom-left-radius: 1.66vw;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.cardCurso:nth-child(odd) {
margin: 0 2.08vw;
}
.cardCurso__icon {
width: 2.96875vw;
}
.cardCurso_info h2,
.cardCurso_info h3,
.cardCurso_info h4 {
color: #183451;
font-family: ralewayBold;
font-size: 1.875vw;
margin: 1.92vw 0 1.35vw;
}
.cardCurso_info p {
color: #707070;
font-family: raleway;
font-size: 1.56vw;
}
.cardCurso_info p:nth-last-child(1) {
margin-top: 1.04vw;
}
.sectionObjective {
background-color: #183451;
padding: 4.68vw 7.395vw;
}
.sectionObjective__titleAndText {
font-size: 2.5vw;
}
.sectionObjective__titleAndText p {
font-family: raleway;
font-size: 1.56vw;
margin-top: 2.60vw;
}
.titleTemario {
font-size: 2.5vw;
margin-top: 4.68vw;
}
.accordion {
background-color: #fff;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
margin: 1.56vw 0;
padding: 1.56vw 2.55vw;
position: relative;
cursor: pointer;
}
.accordion__title {
font-size: 2.08vw;
}
.descriptionBoxDisabled {
display: none;
}
.accordion__description {
font-size: 1.56vw;
margin-top: 2.34vw;
}
.accordion__arrow {
position: absolute;
top: 2.46vw;
right: 2.55vw;
width: 1.354vw;
}
.titleMethodology {
font-size: 2.5vw;
margin: 4.68vw 0;
}
.methodologys {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 2.60vw;
}
.methodology {
display: flex;
align-items: center;
width: 27.56vw;
margin: 1.665vw 0;
}
.methodology__image {
width: 3.9vw;
margin-right: 1.56vw;
}
.methodology__text {
font-size: 1.56vw;
}
.sectionTeacher {
padding: 5.20vw 0;
}
.sectionTeacher__title {
font-size: 2.5vw;
margin-bottom: 2.6vw;
}
.sectionTeacher__container {
display: flex;
justify-content: space-evenly;
}
.sectionTeacher__photoBox {
position: relative;
}
.sectionTeacher__photo {
width: 24.947vw;
}
.sectionTeacher__linkedin {
position: absolute;
top: 1.25vw;
right: 1.75vw;
width: 3.28vw;
}
.sectionTeacher__name {
font-size: 2.5vw;
color: #FF8F00;
}
.sectionTeacher__name p {
color: #183451;
font-size: 1.875vw;
font-family: raleway;
}
.sectionTeacher__description {
font-size: 1.25vw;
line-height: 1.5;
color: #707070;
width: 56.875vw;
}
.sectionTeacher__description p:nth-child(1) {
margin-bottom: 1.04vw;
}
.sectionBrochure {
background-color: #F9F9F9;
background-size: 43vw;
background-position: top left;
background-repeat: no-repeat;
padding: 2.60vw 6.98vw;
box-shadow: 0 0.99vw 1.979vw rgba(0, 0, 0, 9%);
}
.sectionBrochure__container {
width: 43.90vw;
margin-left: auto;
}
.sectionBrochure__title {
font-size: 2.5vw;
color: #FF8F00;
line-height: 1.5;
margin-bottom: 2.08vw;
}
.sectionBrochure__title p {
font-size: 1.458vw;
font-family: raleway;
color: #183451;
margin-top: 2.08vw;
}
.btnDownload {
display: block;
font-size: 1.145vw;
width: 15.10vw;
padding: 0.729vw;
margin: 0 auto;
transition: all ease-in-out .3s;
text-align: center;
}
.btnDownload:hover {
opacity: .8;
}
._form_27 ._form_element:nth-child(2) {
margin: 1.04vw 0;
}
._form_27 input {
font-family: raleway;
font-size: 1.25vw;
color: #b9b9b9;
width: 100%;
height: 2.7vw;
padding: 0 1.04vw;
border: 1px solid #C5C5C5;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
}
._form_27 input::placeholder {
color: #B9B9B9;
}
._form_27 ._submit {
width: 15.10vw;
}
.sectionWhyThisCourse {
padding: 4.16vw 0;
}
.sliderMobileTeachings {
display: none;
}
.teachings {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 68.4375vw;
margin: auto;
}
.teaching {
text-align: center;
width: 31.40vw;
margin: 1.665vw 0;
}
.teaching__image {
width: 5.7vw;
}
.teaching__text {
font-size: 1.56vw;
margin: 1.82vw 0;
}
.teaching__text h2,
.teaching__text h3,
.teaching__text h4,
.teaching__text h5 {
margin: 1.82vw 0;
}
.teaching__text p {
color: #707070;
font-family: raleway;
font-size: 1.25vw
}
.inscriptionSection {
padding: 2.60vw 0 0;
}
.inscriptionSection__title {
font-size: 2.5vw;
}
.inscriptionSection__time {
font-size: 2.60vw;
margin: 3.48vw 0;
}
.inscriptionSection__time strong {
font-size: 4.16vw;
font-family: ralewayBold;
}
.cursoInscription {
background-color: #F9F9F9;
background-repeat: no-repeat;
background-size: 60.15vw;
background-position: left;
padding: 5.20vw 7.39vw 3.64vw;
display: flex;
justify-content: space-between;
}
.cursoInscription__col1 {
width: 37.76vw;
}
.ci__center {
display: flex;
align-items: center;
}
.cursoInscription__title {
font-size: 2.6vw;
margin-bottom: 3.22vw;
}
.cursoInscription__moreInfo {
display: flex;
align-items: center;
justify-content: space-evenly;
margin-bottom: 2.6vw;
}
.cursoInscription__info {
display: flex;
align-items: center;
}
.cursoInscription__infoIcon {
width: 2.22vw;
margin-right: 0.833vw;
}
.cursoInscription__infoText {
font-size: 1.25vw;
}
.cursoInscription__col2 {
width: 29.92vw;
}
.ci_titleInfo {
font-size: 1.25vw;
}
.cursoInscription__investment {
font-size: 1.25vw;
}
.cursoInscription__investment p:nth-child(2) {
font-size: 4.16vw;
font-family: ralewayBold;
margin: 1.45vw 0;
}
.cursoInscription__btn {
display: block;
font-size: 1.145vw;
width: 15.1vw;
padding: 0.729vw;
margin: 2.968vw auto 0;
transition: all ease-in-out .3s;
}
.cursoInscriptionMobile {
display: none;
}
.sectionFormInscription {
display: none;
background-color: #F9F9F9;
padding: 4.16vw 18vw;
}
.sfi__title {
font-size: 2.5vw;
margin-bottom: 2.6vw;
}
.sfi__info {
font-size: 1.25vw;
}
.sfi__info strong {
font-family: ralewayBold;
}
._form_29,
._form_31 {
width: 100%;
margin: 2.6vw auto 0;
}
._form_29 ._form_element,
._form_31 ._form_element {
margin-bottom: 1.04vw;
}
._form_29 input,
._form_31 input {
font-family: raleway;
font-size: 1.25vw;
color: #b9b9b9;
width: 100%;
height: 2.7vw;
padding: 0 1.04vw;
border: 1px solid #C5C5C5;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
}
._form_29 input::placeholder,
._form_31 input::placeholder {
color: #B9B9B9;
}
._form_29 ._submit,
._form_31 ._submit {
width: 15.10vw;
margin: 2.6vw auto 0;
}
.sectionCertified {
background-color: #fff;
padding: 2.60vw 10.41vw;
}
.sectionCertified__title {
font-size: 2.5vw;
margin-bottom: 2.6vw;
}
.sectionCertified__container {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.sectionCertified__certified {
width: 10.93vw;
}
.sectionCertified__descriptionBox {
width: 50.72vw;
}
.sectionCertified__description {
font-size: 1.458vw;
color: #707070;
}
.sectionCertified__logo {
width: 19.16vw;
margin: 2.6vw auto 0;
display: block;
}
.sectionOurStudents {
background-color: #183451;
padding: 2.60vw 6.98vw 5.2vw;
}
.sliderOurStudents .glide__arrow {
width: 4.16vw;
border: unset;
padding: 0;
box-shadow: unset;
}
.sliderOurStudents .glide__arrow--left {
left: -2.08vw;
}
.sliderOurStudents .glide__arrow--right {
right: -2.08vw;
}
.sliderOurStudents .glide__bullets {
display: none;
}
.sectionOurStudents__title {
font-size: 2.5vw;
margin-bottom: 2.60vw;
}
.sliderOurStudents__slide {
display: flex;
align-items: center;
justify-content: space-evenly;
position: relative;
}
.sliderOurStudents_photoBox {
position: relative;
width: 26.5vw;
}
.sliderOurStudents__photo {
width: 100%;
}
.sliderOurStudenrs__container { width: 40.52vw;
}
.sliderOurStudents__info {
font-size: 1.45vw;
color: #fff;
}
.sliderOurStudents__info h3,
.sliderOurStudents__info h4,
.sliderOurStudents__info h5 {
font-weight: 500;
}
.sliderOurStudents__info p {
margin: 1.04vw 0;
}
.sliderOurStudents__info p:nth-child(2) {
color: #FF8F00;
}
.sliderOurStudents__linkedin {
position: absolute;
top: 0.66vw;
right: 1.06vw;
width: 3.28vw;
}
.sliderOurStudenrs__container .sliderOurStudents__linkedin {
display: none;
}
.sectionInterested__title {
font-size: 2.5vw;
margin-bottom: 3.8vw;
}
.sectionInterested {
background-color: #F9F9F9;
background-size: 43vw;
background-position: top left;
background-repeat: no-repeat;
padding: 5.1vw 8.07vw 5.1vw 4.218vw;
}
.sectionInterested__container {
width: 43.59vw;
margin-left: auto;
}
.sectionInterested__btns {
text-align: center;
}
.sectionInterested__btn {
display: inline-block;
font-size: 1.145vw;
width: 15.1vw;
padding: 0.729vw;
margin: 0 0.859vw;
transition: all ease-in-out .3s;
}
.sectionInterested__btn:hover {
opacity: .8;
}
.btnShowMoreDescription {
display: none;
}
.scrollToThis {
position: relative;
top: -4.90vw;
}
.whatsappCursoPage {
width: 3.645vw;
border-radius: 50%;
position: fixed;
bottom: 1.04vw;
right: 1.04vw;
transition: all ease-in-out .3s;
}
.whatsappCursoPage:hover {
opacity: .9;
}
.curso_thanks { background-image: url(https://hrlatam.com/wp-content/uploads/2022/12/cabecera_tp_281222.png);
background-size: 100%;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.ct_box {
max-width: 48.23vw;
width: 100%;
margin: auto;
font-size: 2.5vw;
font-weight: 500;
text-align: center;
}
.ct_box h1,
.ct_box h2,
.ct_box h3 {
font-weight: 500;
}
@media(max-width: 768px) {
.mainSection {
display: none;
}
.mainSectionMobile {
display: block;
}
.msm__logoWithBg {
width: 100%;
}
.msn__container {
padding: 13vw 9.33vw;
}
.mainTitle {
font-size: 9.06vw;
line-height: 1.3;
}
.btn {
width: 100%;
padding: 2.66vw 0;
margin: 0;
font-size: 4.8vw;
text-align: center;
}
.mainSection__description {
font-size: 4.26vw;
}
.sectionCards {
display: none;
}
.cardCurso {
width: 100%;
border-top-right-radius: 8.53vw;
border-bottom-left-radius: 8.53vw;
box-shadow: 0 0 4vw rgb(0 0 0 / 16%);
padding: 8.4vw 7.2vw;
margin-top: 6.66vw;
}
.cardCurso__icon {
width: 12.8vw;
}
.cardCurso_info h2,
.cardCurso_info h3,
.cardCurso_info h4,
.cardCurso_info h5,
.cardCurso_info p {
font-size: 4.8vw;
margin: 3.46vw 0;
}
.sectionObjective {
padding: 6.66vw 4.53vw;
}
.sectionObjective__titleAndText {
font-size: 6.4vw;
}
.sectionObjective__titleAndText p {
font-size: 4.8vw;
line-height: 1.3;
margin-top: 10vw;
}
.titleTemario {
font-size: 6.4vw;
margin-top: 10vw;
}
.accordion {
margin: 5.33vw 0;
border-top-right-radius: 8.53vw;
border-bottom-left-radius: 8.53vw;
padding: 5.6vw 5.06vw;
}
.accordion__title {
font-size: 5.33vw;
padding-right: 22.13vw;
}
.accordion__arrow {
width: 4.64vw;
top: 12vw;
right: 5.68vw;
}
.accordion__description {
font-size: 4.26vw;
margin-top: 6.66vw;
line-height: 1.3;
}
.titleMethodology {
font-size: 6.4vw;
margin: 12vw 0 10vw;
}
.methodology {
width: 100%;
margin: 4vw 0;
}
.methodology__image {
width: 9.82vw;
margin-right: 4vw;
}
.methodology__text {
font-size: 4.26vw;
}
.sectionTeacher {
padding: 10.66vw 6.66vw;
}
.sectionTeacher__title {
font-size: 6.4vw;
margin-bottom: 9.6vw;
}
.sectionTeacher__container {
flex-direction: column;
align-items: center;
}
.sectionTeacher__photo {
width: 100%;
}
.sectionTeacher__linkedin {
width: 10.66vw;
top: 5vw;
right: 7vw;
}
.sectionTeacher__name {
font-size: 8.53vw;
padding-left: 4vw;
}
.sectionTeacher__name p {
font-size: 4.26vw;
}
.sectionTeacher__description {
font-size: 4.26vw;
width: 100%;
margin-top: 9.86vw;
padding: 0 4vw;
}
.sectionTeacher__description p:nth-last-child(1) {
display: none;
}
.btnShowMoreDescription {
display: block;
background-color: transparent;
border: 0;
font-size: 5.33vw;
margin-left: auto;
padding: 0;
}
.showMoreDescription--active p:nth-last-child(1) {
display: block;
}
.btnShowMore--off {
display: none;
}
.sectionBrochure {
background-image: unset !important;
padding: 8vw 6.13vw;
}
.sectionBrochure__container {
width: 100%;
}
.sectionBrochure__title {
font-size: 6.4vw;
text-align: center;
line-height: 1.2;
margin-bottom: 5.6vw;
}
.sectionBrochure__title p {
font-size: 4.8vw;
margin-top: 6.66vw;
}
.btnDownload {
font-size: 4.8vw;
width: 100%;
padding: 2.66vw;
}
._form_27 ._form_element:nth-child(2) {
margin: 5.86vw 0;
}
._form_27 input {
font-size: 4.26vw;
height: 13vw;
padding: 4.53vw;
}
._form_27 #email {
padding: 4.53vw;
}
._form_27 ._submit {
width: 100%;
}
.sectionWhyThisCourse {
padding: 16.53vw 0;
}
.teachings--desktop {
display: none;
}
.sliderMobileTeachings {
display: block;
}
.teaching__slide {
padding: 4vw 9vw;
}
.teaching {
width: 100%;
padding: 4.90vw 7.2vw 8vw;
border: 1px solid #183451;
border-top-right-radius: 8vw;
border-bottom-left-radius: 8vw;
box-shadow: 0 0 4vw rgba(0, 0, 0, 0.16);
position: relative;
}
.idkyet {
position: absolute;
top: -7vw;
left: -7vw;
width: 17.33vw;
}
.teaching__text h2,
.teaching__text h3,
.teaching__text h4,
.teaching__text h5 {
margin: 0 0 6.66vw;
}
.teaching__text {
font-size: 4.8vw;
}
.teaching__text p {
font-size: 4.26vw;
}
.sliderMobileTeachings .glide__bullets {
bottom: -9vw;
}
.sliderMobileTeachings .glide__bullet {
background-color: #C7E3FF;
width: 4.21vw;
height: 4.21vw;
margin: 0 2.93vw;
}
.sliderMobileTeachings .glide__bullet:hover,
.sliderMobileTeachings .glide__bullet:focus,
.sliderMobileTeachings .glide__bullet--active {
border: 2px solid #679ED4;
background-color: #679ED4;
}
.inscriptionSection {
padding: 13.33vw 0;
}
.inscriptionSection__title {
font-size: 6.4vw;
}
.inscriptionSection__time {
font-size: 5.33vw;
margin: 8vw 0;
}
.inscriptionSection__time strong {
font-size: 6.66vw;
}
.cursoInscription {
display: none;
}
.cursoInscriptionMobile {
display: block;
padding: 0 6.05vw;
}
.cim__container {
border-top-right-radius: 8vw;
border-bottom-left-radius: 8vw;
box-shadow: 0 4px 4vw rgba(0, 0, 0, 0.16);
}
.cim__title {
background-color: #183451;
font-size: 6.4vw;
border-top-right-radius: 8vw;
border-bottom: 4px solid #FF8F00;
padding: 4.26vw;
}
.cim__investingBox {
padding: 8vw;
}
.cim__investingInfo {
font-size: 4.26vw;
}
.cim__investingInfo strong {
font-size: 10.66vw;
font-family: ralewayBold;
color: #FF8F00;
}
.cim__investingInfo p:nth-child(2) {
color: #183451;
font-family: ralewayMedium;
margin-top: 8vw;
}
.cim__investingInfo p:nth-child(3) {
color: #707070;
}
.cursoInscription__btn {
width: 60.8vw;
font-size: 4.8vw;
margin: 6.66vw auto 0;
padding: 2.66vw;
}
.sectionFormInscription {
display: block;
background-color: #F9F9F9;
padding: 8vw 6.13vw;
}
.sfi__title {
font-size: 6.4vw;
margin-bottom: 8vw;
}
.sfi__info {
font-size: 4.8vw;
}
._form_29,
._form_31 {
width: 100%;
margin: 8vw auto 0;
}
._form_29 ._form_element,
._form_31 ._form_element {
margin-bottom: 5.33vw;
}
._form_29 input,
._form_31 input {
font-size: 4.26vw;
height: 13vw;
padding: 4.53vw;
}
._form_29 ._submit,
._form_31 ._submit {
width: 100%;
margin: 8vw auto 0;
}
.sectionCertified {
padding: 8vw 9.6vw;
}
.sectionCertified__title {
font-size: 6.4vw;
margin-bottom: 8vw;
}
.sectionCertified__container {
flex-direction: column;
}
.sectionCertified__certified {
width: 38.4vw;
margin-bottom: 8vw;
}
.sectionCertified__descriptionBox {
width: 100%;
}
.sectionCertified__description {
text-align: center;
font-size: 4.8vw;
}
.sectionOurStudents {
padding: 8vw 6.93vw 34.66vw;
}
.sectionOurStudents__title {
font-size: 6.4vw;
margin-bottom: 8vw;
}
.sliderOurStudents__slide {
background-color: #fff;
padding: 10.66vw 6.53vw;
border-top-right-radius: 8vw;
border-bottom-left-radius: 8vw;
height: 85.86vw;
}
.sliderOurStudents_photoBox {
display: none;
}
.sliderOurStudenrs__container {
padding: 0;
width: 100%;
}
.sliderOurStudenrs__container .sliderOurStudents__linkedin {
display: block;
}
.sliderOurStudents__info {
font-size: 4.8vw;
}
.sliderOurStudents__info h5 {
color: #183451;
}
.sliderOurStudents__info p {
margin: 1.33vw 0 6.66vw;
color: #707070;
}
.sliderOurStudents__linkedin {
width: 10.66vw;
top: 3.44vw;
right: 4vw;
}
.sliderOurStudents .glide__arrow {
width: 10.66vw;
}
.sliderOurStudents .glide__arrow--left {
left: -6vw;
}
.sliderOurStudents .glide__arrow--right {
right: -6vw;
}
.sliderOurStudents .glide__bullets {
display: inline-flex;
bottom: -9vw;
}
.sliderOurStudents .glide__bullet {
background-color: #C7E3FF;
width: 4.21vw;
height: 4.21vw;
margin: 0 2.93vw;
}
.sliderOurStudents .glide__bullet:hover,
.sliderOurStudents .glide__bullet:focus {
border: 2px solid #679ED4;
background-color: #679ED4;
}
.sectionInterested {
background-image: unset !important;
padding: 10vw 6.53vw;
}
.sectionInterested__container {
width: 100%;
}
.sectionInterested__title {
font-size: 6.4vw;
margin-bottom: 8vw;
}
.sectionInterested__btn {
font-size: 4.8vw;
display: block;
width: 100%;
margin: 5.33vw 0;
padding: 2.66vw;
}
.sectionInterested__btn.btn--transparent {
margin-bottom: 0;
}
.whatsappCursoPage {
width: 13.33vw;
bottom: 4vw;
right: 4vw;
}
.curso_thanks {
background-image: url(https://hrlatam.com/wp-content/uploads/2022/03/fondo_thanks_page_mobile.png);
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.ct_box {
max-width: 80vw;
font-size: 8vw;
}
}