.pvServicios {
background-size: 64.32vw;
padding: 7.39vw 0 18.89vw 7.29vw;
}
.pvServicios>div {
width: 29.21vw;
}
.pvServicios h1 {
width: auto;
}
.pvServicios p {
width: auto;
font-size: 1.875vw;
}
.serviciosPv {
padding: 4.11vw 7.29vw 5.75vw 7.29vw !important;
background-size: 63.43vw 100% !important;
}
.serviciosPv .ebookContent {
max-width: 36.97vw;
}
.serviciosPv .ebookContent p {
font-size: 1.66vw;
margin-top: 5.20vw;
line-height: 1.5;
max-width: 29.18vw;
} .serviciosForm ._form{
margin-top: 1vw;
}
.serviciosForm ._form input{
font-family: raleway;
font-size: 1.25vw;
color: #b9b9b9;
width: 100%;
height: 2.70vw;
margin: 0 0 1.04vw;
padding: 0 1.04vw;
border: none;
appearance: none;
-webkit-appearance: none;
}
.serviciosForm ._form ._form-thank-you {
text-align: center;
color: #fff;
font-size: 2.5vw;
margin: 1vw 0;
}
.serviciosForm ._form .fs18 {
font-size: 0.833vw;
} .assessment {
padding: 4.16vw 12vw 5.989vw;
}
.assessment h2 {
margin-bottom: 2.60vw;
}
.assessment p {
line-height: 1.5;
}
.servicios_porque {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F9F9F9;
box-shadow: 0 0.989vw 1.979vw rgba(0, 0, 0, 0.09);
position: relative;
margin-bottom: 5.46vw;
margin-top: 5vw;
}
.servicios_porque img {
width: 40vw;
min-width: 40vw;
}
.servicios_porque > div {
padding: 4.47vw 10.26vw 2.76vw 4.26vw;
}
.servicios_porque h2 {
margin-bottom: 1.25vw;
}
.servicios_porque p {
line-height: 1.5;
}
.serviciosArrowDown {
position: absolute;
bottom: -2.36vw;
left: 0;
right: 0;
margin: auto;
width: 4.26vw !important;
min-width: 4.26vw !important;
}
.loQueHacemos {
position: relative;
padding: 3.25vw 0;
}
.loQueHacemos>h2 {
margin-bottom: 2.60vw;
}
.lqhSlider .glide__slides {
flex-direction: column;
}
.lqhSlider .glide__arrows,
.lqhSlider .glide__bullets {
display: none;
}
.fondoLQH {
background-image: url(https://hrlatam.com/wp-content/uploads/2020/12/fondolqh.png);
background-repeat: no-repeat;
background-size: 85.30vw 100%;
max-width: 85.30vw;
position: relative;
margin: 0 auto 4.01vw;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1vw 7.18vw 1vw 4.16vw;
}
.fondoLQH>img {
width: 21.82vw;
}
.fondoLQH>div {
max-width: 50.51vw;
}
.fondoLQH>div>p {
line-height: 1.5;
}
.fondoLQH>div>ul {
padding-left: 2.44vw;
margin-top: 1vw;
}
.fondoLQH>div>ul>li {
list-style-type: disc;
margin-bottom: 1vw;
}
.fondoLQH>div>ul>li::marker {
color: #FF8F00;
}
.acordeones {
position: relative;
background-color: #f9f9f9;
padding: 5.41vw 0;
text-align: center;
}
.acordeones>h2 {
margin-bottom: 3.60vw;
}
.procesosContenedor {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 7.13vw;
}
.acordeon {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
background-color: #fff;
border: 1px solid #707070;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
box-shadow: 0 0 0.52vw rgba(0, 0, 0, 0.16);
max-width: 39.89vw;
width: 39.89vw;
margin-bottom: 1.56vw;
padding: 0.29vw 0.78vw 0.29vw 0.364vw;
}
.acordeon .fs36 {
font-size: 1.875vw;
text-align: left;
width: 31.56vw;
}
.numberDestacado {
background-color: #183451;
display: flex;
align-items: center;
justify-content: center;
width: 5.88vw;
height: 5.88vw;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
}
.acordeon ul {
padding-left: 2vw;
cursor: auto;
}
.acordeon ul li {
list-style-type: disc;
margin-bottom: 1vw;
}
.acordeon ul li::marker {
color: #679ED4;
}
.acordeonArrow {
position: absolute;
top: 3.2vw;
right: 2.16vw;
width: 1.35vw;
}
.entregablesContainer {
position: relative;
padding: 4.47vw 5.15vw 3.08vw;
}
.entregablesContainer>h2 {
margin-bottom: 2.34vw;
}
.entregablesContainer .cardsConsultoria {
margin: 2.96vw 0 2.13vw;
}
.sliderEntregables {
pointer-events: none;
}
.sliderEntregables .cardC {
width: 21.09vw;
min-height: 25.9vw;
padding: 1.90vw 2.26vw;
margin: .5vw auto;
border-top-right-radius: 1.66vw;
border-bottom-left-radius: 1.66vw;
}
.sliderEntregables .cardC>p {
width: auto;
min-height: 5.2vw;
}
.sliderEntregables .glide__bullets {
display: none;
}
@media(max-width: 768px) {
.pvServicios {
padding: 0;
}
.pvServicios>div {
width: 100%;
padding: 17.86vw 7.46vw 0 9.33vw;
}
.pvServicios p {
font-size: 5.86vw;
}
.btnServiciosMobile {
margin: 14.4vw 0;
}
.serviciosPv {
padding: 9.33vw 0 0 !important;
background-size: 0 !important;
}
.serviciosPv .ebookContent {
width: 100%;
max-width: 100%;
padding: 0 8.4vw;
}
.serviciosPv .ebookContent p {
max-width: 100%;
font-size: 5.86vw;
}
.serviciosPv .ebookForm {
background-image: url(https://hrlatam.com/wp-content/uploads/2021/03/formServicesMo.png);
background-size: 100%;
padding: 9.33vw 2.66vw;
}
.serviciosPv .ebookForm form p:nth-child(3) {
margin-bottom: 5vw;
}
.serviciosForm ._form input{
font-size: 4.26vw;
width: 100%;
height: 13.33vw;
margin: 2.5vw 0;
padding: 0 4.53vw;
}
.serviciosForm ._form #email{
font-size: 4.26vw;
height: 13.33vw;
padding: 0 4.53vw;
}
.serviciosForm ._form ._form-thank-you {
font-size: 6.4vw;
margin: 5vw 0;
}
.serviciosForm ._form .fs18 {
font-size: 4.26vw;
}
.assessment {
padding: 0 9.2vw 14.4vw;
}
.assessment p {
text-align: left;
}
.servicios_porque {
flex-direction: column-reverse;
margin-bottom: 0;
box-shadow: 0 -2.13vw 3.46vw rgba(0, 0, 0, 0.16);
margin-top: 0;
}
.servicios_porque > div {
padding: 0;
width: 100%;
}
.fondoPorque {
background-image: url(https://hrlatam.com/wp-content/uploads/2020/12/imgdescriptivamobile.png);
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
padding: 10vw 20vw;
}
.servicios_porque h2 {
margin-bottom: 0;
text-align: center;
}
.servicios_porque .byeDesktop {
display: none;
}
.serviciosArrowDown {
width: 21.84vw !important;
z-index: 2;
bottom: -12.06vw;
}
.servicios_porque p {
max-width: 90vw;
margin: 5vw auto;
}
.loQueHacemos {
padding: 23vw 0;
}
.loQueHacemos>h2 {
margin-bottom: 5.20vw;
}
.lqhSlider .glide__slides {
flex-direction: unset;
}
.lqhSlider .glide__bullets {
display: inline-flex;
bottom: -8vw;
}
.lqhSlider .glide__bullet {
width: 4.21vw;
height: 4.21vw;
margin: 0 3.01vw;
background-color: #C7E3FF;
}
.lqhSlider .glide__bullet--active {
background-color: #679ED4;
}
.lqhSlider .glide__arrows {
display: block;
}
.lqhSlider .glide__arrow {
border: 0;
border-radius: 0;
box-shadow: unset;
padding: 0;
}
.lqhSlider .glide__arrow--right {
right: 0;
}
.lqhSlider .glide__arrow--left {
left: 0;
}
.lqhSlider .glide__arrow--left img {
transform: rotate(180deg);
}
.fondoLQH {
background-image: unset;
background-size: unset;
background-color: #F6F6F6;
border-top-left-radius: 8vw;
border-bottom-right-radius: 8vw;
box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
flex-direction: column;
justify-content: space-around;
max-width: 85.87vw;
padding: 5.96vw 6.53vw;
min-height: 143.2vw;
}
.fondoLQH>img {
width: 63.88vw;
}
.fondoLQH>div {
max-width: 100%;
}
.fondoLQH>div>ul {
margin-top: 5vw;
padding-left: 5vw;
}
.fondoLQH>div>ul>li {
margin-bottom: 5vw;
}
.fondoLQH>div>ul>li:nth-last-child(1) {
margin-bottom: 0;
}
.acordeones {
padding: 14.13vw 0;
}
.acordeones>h2 {
margin-bottom: 5.20vw;
}
.procesosContenedor {
flex-direction: column;
}
.acordeon {
border-top-left-radius: 4.8vw;
border-bottom-right-radius: 4.8vw;
box-shadow: 0 0 4vw rgba(0, 0, 0, 0.16);
margin-bottom: 6.93vw;
max-width: 81.06vw;
width: 81.06vw;
padding: 1.06vw 3.2vw 1.06vw 1.06vw;
}
.numberDestacado {
border-top-left-radius: 4.26vw;
border-bottom-right-radius: 4.26vw;
width: 12.53vw;
height: 15.73vw;
}
.acordeon .fs36 {
font-size: 4.26vw;
width: 61.86vw;
}
.acordeon ul {
padding-left: 8vw;
}
.acordeon ul li {
margin-bottom: 5vw;
}
.acordeon ul li:nth-last-child(1) {
margin-bottom: 0;
}
.entregablesContainer {
padding: 8.02vw 5.6vw;
}
.entregablesContainer>h2 {
margin-bottom: 5.33vw;
}
.sliderEntregables .cardC {
width: 81.06vw;
padding: 7.6vw 5.46vw;
border-top-right-radius: 8.53vw;
border-bottom-left-radius: 8.53vw;
margin: 2.5vw auto;
}
.entregablesContainer .cardsConsultoria {
margin: 2.83vw 0 15.63vw;
}
.entregablesContainer>p {
line-height: 1.5;
} .sliderEntregables .glide__bullets {
display: inline-flex;
bottom: -8vw;
}
.sliderEntregables .glide__bullet {
width: 4.21vw;
height: 4.21vw;
margin: 0 3.01vw;
background-color: #C7E3FF;
}
.sliderEntregables .glide__bullet--active {
background-color: #679ED4;
}
}