.articulosDelSlider {
background-color: #183451;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 0 7.29vw;
}
.adsInfo {
max-width: 42.08vw;
}
.adsInfo h1 {
margin-bottom: 2.60vw;
}
.linesBlog {
position: absolute;
right: 31vw;
width: 20.36vw;
}
.adsImageDesktop {
width: 48.85vw;
}
.adsImageMobile {
display: none;
}
.sliderBlog .glide__bullets {
bottom: -1.61vw;
}
.sliderBlog .glide__bullet {
background-color: #C7E3FF;
width: 0.822vw;
height: 0.822vw;
margin: 0 .588vw;
border: 0;
box-shadow: 0;
}
.sliderBlog .glide__bullet--active {
background-color: #679ED4;
}
.buscadorBlogMobile {
display: none;
}
.barraCategorias {
padding: 6.09vw 7.39vw 4.68vw;
}
.barraCategorias .widget_categories h2 {
display: none;
}
.barraCategorias .widget_categories ul {
display: flex;
align-items: center;
justify-content: space-between;
}
.barraCategorias ul .cat-item {
background-color: #FF8F00;
padding: 1vw;
text-align: center;
white-space: break-spaces;
display: flex;
align-items: center;
justify-content: center;
}
.barraCategorias ul .cat-item:hover {
opacity: .75;
}
.barraCategorias ul .cat-item a {
color: #fff;
font-family: ralewayBold;
font-size: 1.14vw;
text-transform: uppercase;
}
.barraCategorias .glide__arrow {
border: 0;
padding: 0;
text-shadow: none;
box-shadow: none;
width: 1.875vw;
}
.barraCategorias .glide__arrow--left {
left: -0.63vw;
}
.barraCategorias .glide__arrow--right {
right: -0.63vw;
}
.barraCategorias .glide__arrow img {
width: 1.875vw;
}
.containerBlog {
padding: 0 7.39vw 4.16vw;
display: flex;
justify-content: space-between;
}
.containerPosts>h2 {
margin-bottom: 1.5vw;
}
.containerPosts .blogPost:nth-child(3),
.containerPosts .blogPost:nth-child(4),
.containerPosts .blogPost:nth-child(5),
.containerPosts .blogPost:nth-child(6) {
display: none;
}
.arrowBuscador {
display: none;
}
.arrowCloseBuscador {
display: none;
}
.blogPost {
max-width: 54.55vw;
border: 1px solid #CCCCCC;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
margin-bottom: 2.958vw;
box-shadow: 0 0.26vw 1.04vw rgba(0, 0, 0, .10);
}
.blogPost>a>img {
border-top-left-radius: 1.66vw;
}
.autorDesktop {
display: flex;
align-items: center;
justify-content: space-between;
}
.autorDesktop>span:nth-child(1) {
display: flex;
align-items: center;
}
.autorDesktop>span:nth-child(1) img {
width: 3.12vw;
border-radius: 50%;
margin-right: 0.62vw;
}
.calendarTime {
display: flex;
align-items: center;
}
.calendar {
width: 1.56vw;
margin-right: 0.45vw;
}
.categoryIcon {
width: 1.56vw;
margin-right: 0.45vw;
}
.timeMobile {
display: none;
}
.blogPostContent {
padding: 1.82vw 2.5vw;
}
.blogPostContent>p:nth-child(1) {
margin-bottom: 1.5vw;
}
.blogPostContent>span>p {
line-height: 1.5;
}
.blogPostContent h2 {
margin-bottom: 1.35vw;
}
.categoryName {
display: none;
}
.autorMobile {
display: none;
}
.blogPostContent>span {
display: block;
margin: 1.875vw 0;
}
.btnAndCategory {
display: flex;
align-items: center;
justify-content: space-between;
}
.btnAndCategory .fs20 {
font-size: 1.04vw;
display: flex;
align-items: center;
}
.btnPost {
background-color: #FF8F00;
display: flex;
align-items: center;
justify-content: center;
width: 14.84vw;
height: 2.70vw;
}
.btnPost:hover {
opacity: .5;
transition: all ease .5s;
} .containerPostTwo {
max-width: 54.55vw;
width: 54.55vw;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.containerPostTwo .blogPost {
max-width: 26.5vw;
}
.containerPostTwo .blogPostContent>p:nth-child(1) {
min-height: 3.1vw;
}
.containerPostTwo h2 {
min-height: 14.6vw;
}
.containerPostTwo .blogPostContent>span {
display: none;
}
.containerPostTwo .btnPost {
width: 9.84vw;
}
.containerPostTwo .blogPost:nth-child(3),
.containerPostTwo .blogPost:nth-child(4) {
display: block;
} .containerPostNav {
text-align: right;
padding-right: 3.958vw;
display: none;
}
.containerPostNav h2 {
display: none;
}
.containerPostNav .page-numbers {
font-size: 1.14vw;
font-family: ralewayBold;
color: #183451;
border: 1px solid #183451;
padding: 0.91vw 1.30vw;
border-radius: 0.468vw;
margin: 0 0.52vw;
}
.containerPostNav .current {
background-color: #183451;
color: #ffffff;
}
.containerPostNav .prev,
.containerPostNav .next {
display: none;
}
.blogForm .contactoBox img {
width: 41.819vw;
}
.blogForm .contactoBox>div {
padding-top: 3vw;
}
._form_1 {
margin-top: 1vw;
}
._form {
width: 100%;
padding: 0;
background-color: unset;
font-family: raleway;
}
._form #email {
font-family: raleway;
font-size: 1.25vw;
color: #b9b9b9;
width: 100%;
height: 2.70vw;
padding: 0 1.04vw;
border: 1px solid #b9b9b9;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
}
._form ._submit {
background-color: #FF8F00;
font-family: ralewayBold;
font-size: 1.14vw;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 2.70vw;
margin: 1.12vw auto 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
border: 0;
}
.blogForm ._form ._submit {
width: 15.10vw;
}
.blogForm .fs18 {
font-size: 0.9375vw;
}
._error-inner {
color: #dc3232;
}
.destacadosMobile {
display: none;
} .containerPostsLayout3x3 {
padding: 0 6.79vw 6.875vw;
}
.postsLayout3x3 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.blogPost3x3 {
max-width: 27.29vw;
min-height: 43.5vw;
border: 1px solid #CCCCCC;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
margin: 0 .6vw 2.958vw;
box-shadow: 0 0.26vw 1.04vw rgba(0, 0, 0, .10);
}
.blogPost3x3>a>img {
border-top-left-radius: 1.66vw;
}
.blogPost3x3Content {
padding: 1.40vw 0.93vw 1.92vw 2.08vw;
}
.blogPost3x3Content>a>h2 {
min-height: 14.6vw;
}
.autor3x3 {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.82vw;
}
.autor3x3>p:nth-child(2) {
display: flex;
align-items: center;
}
.btnPost3x3 {
display: flex;
align-items: center;
justify-content: center;
margin: 2.08vw 0;
}
.dateAndTime3x3post {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.04vw;
}
.blogPost3x3Content p:nth-last-child(1) {
text-align: right;
font-size: 1.04vw;
}
.containerPostNav3x3 {
width: 100%;
text-align: center;
}
.containerPostNav3x3 h2 {
display: none;
}
.containerPostNav3x3 .page-numbers {
font-size: 1.14vw;
font-family: ralewayBold;
color: #183451;
border: 1px solid #183451;
padding: 0.91vw 1.30vw;
border-radius: 0.468vw;
margin: 0 0.52vw;
}
.containerPostNav3x3 .current {
background-color: #183451;
color: #ffffff;
}
.containerPostNav3x3 .prev,
.containerPostNav3x3 .next {
display: none;
}  .sidebarBlog {
max-width: 27.70vw;
width: 100%;
}
.boxSearch {
box-shadow: 0 0.26vw 1.04vw rgba(0, 0, 0, 0.10);
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
margin-bottom: 6.19vw;
}
.boxSearch>h2 {
display: none;
}
.boxSearch .searchform {
background-color: #183451;
padding: 2.369vw 2.44vw;
border-bottom-right-radius: 1.66vw;
border-top-left-radius: 1.66vw;
}
.boxSearch .searchform input {
width: 100%;
height: 2.70vw;
color: #B9B9B9;
border: 1px solid #C5C5C5;
font-family: raleway;
font-size: 1.25vw;
padding: 0 1.04vw;
}
.boxSearch .searchform input::placeholder {
color: #B9B9B9;
}
.boxSearch .searchform>div {
background-color: #183451;
position: relative;
}
.boxSearch .searchform>div::after {
content: '';
background-image: url(https://hrlatam.com/wp-content/uploads/2020/12/magnifying-glass.png);
background-size: 100%;
position: absolute;
top: .7vw;
right: 1vw;
width: 1.39vw;
height: 1.39vw;
}
.boxSearch .screen-reader-text {
display: none;
}
.boxSearch #searchsubmit {
display: none;
}
.boxSubscribete {
padding: 3.02vw 2.99vw;
}
.boxSubscribete .fs32 {
font-size: 1.66vw;
}
.boxSubscribete form p:nth-child(2) {
padding: 1.35vw 0;
}
.boxSubscribete .email-177,
.boxSubscribete .wpcf7-email {
width: 100%;
}
.boxSubscribete .wpcf7-email {
padding: 0 0 0 1.04vw;
border: 1px solid #C5C5C5;
color: #B9B9B9;
font-size: 1.25vw;
font-family: raleway;
height: 2.70vw;
}
.boxSubscribete .wpcf7-submit {
background-color: #FF8F00;
width: 100%;
color: #ffffff;
font-size: 1.14vw;
font-family: ralewayBold;
border: 0;
height: 2.70vw;
cursor: pointer;
}
.boxSubscribete .wpcf7-submit:hover {
opacity: .7;
transition: all ease .5s;
}
.sidebarBlog .widget_categories {
margin-bottom: 3.5vw;
display: none;
}
.sidebarBlog .boxDestacados h2 {
margin-bottom: 2.60vw;
}
.sidebarBlog .boxDestacados .fs32 {
color: #183451;
font-size: 1.66vw;
}
.sidebarBlog .boxDestacados .bdDestacado {
margin-bottom: 2.5vw;
}
.sidebarBlog .boxDestacados .bdDestacado .calendar {
margin-right: 0.46vw;
}
.sidebarBlog .boxDestacados .bdDestacado h3 {
margin-bottom: 1.04vw;
}
.sidebarBlog .boxDestacados .bdDestacado p {
display: flex;
align-items: center;
position: relative;
}
.sidebarBlog .boxDestacados .bdDestacado p:nth-last-child(1) {
margin-top: 1vw;
}
.sidebarBlog .boxDestacados .bdDestacado p span {
position: absolute;
right: 0;
}
.sidebarBlog .widget_categories h2 {
color: #183451;
font-size: 2.5vw;
font-family: ralewayBold;
margin-bottom: 2.60vw;
}
.sidebarBlog .widget_categories ul li {
margin-bottom: 1.04vw
}
.sidebarBlog .widget_categories ul li a {
color: #183451;
font-size: 1.66vw;
font-family: ralewayBold;
}
.sidebarBlog .widget_categories ul li a:hover {
opacity: .8;
transition: all ease .5s;
} .contenidoBox {
position: relative;
padding: 3.989vw 7.395vw;
display: flex;
align-items: end;
justify-content: space-between;
width: 100%;
}
.contenido {
background-color: #ffffff;
max-width: 63.645vw;
width: 100%;
border: 1px solid #CCCCCC;
border-top-left-radius: 1.66vw;
border-bottom-right-radius: 1.66vw;
position: relative;
top: -8vw;
}
.contenido .fs20 {
font-size: 1.04vw;
margin-bottom: 0.572vw;
}
.contenidoPost {
padding: 3.24vw 7.187vw;
}
.contenidoEntrada p,
.contenidoEntrada li {
font-family: raleway;
list-style: initial;
line-height: 1.5;
font-size: 1.25vw;
}
.contenidoEntrada ol li {
list-style: decimal;
}
.contenidoEntrada ul {
padding-inline-start: 40px;
}
.contenidoEntrada li {
margin: 1.04vw 0;
}
.contenidoEntrada p {
margin: 2.08vw 0;
}
.contenidoEntrada figure {
margin: 2.08vw;
text-align: center;
}
.contenidoEntrada blockquote,
.contenidoEntrada blockquote p {
color: #183451;
font-family: ralewayBold;
font-style: italic;
}
.contenidoEntrada h1,
.contenidoEntrada h2,
.contenidoEntrada h3,
.contenidoEntrada h4,
.contenidoEntrada h5,
.contenidoEntrada h6 {
font-family: ralewayBold;
color: #183451;
font-size: 1.66vw;
}
.contenidoEntrada a {
color: #FF8F00;
}
.autorFechaTema {
display: flex;
align-items: center; margin: 1.875vw 0 2.916vw;
}
.autorFechaTema .calendar {
margin: 0 0.45vw 0 2.03vw;
}
.autorFechaTema .fs20 {
margin-bottom: 0;
margin-left: 2vw;
display: flex;
align-items: center;
}
.contenidoBox .boxSearch {
display: none;
}
.contenidoBox .sidebarBlog {
max-width: 18.958vw;
display: flex;
flex-direction: column;
}
.ctaPost {
background-color: #183451;
display: flex;
align-items: center;
justify-content: space-between;
}
.ctaPost div {
padding: 2.31vw 7.18vw 2.31vw 3.958vw;
}
.ctaPost div p {
margin: 1.25vw 0;
line-height: 1.5;
}
.ctaPost img {
width: 21.04vw;
}
.contenidoPost .fs32 {
font-size: 1.66vw;
}
.mediaShare {
margin-top: 1.458vw;
}
.mediaShare img {
width: 3.12vw;
margin-right: 0.93vw;
}
.mediaShare img:hover {
opacity: .8;
transition: all ease .5s;
}
@media(max-width: 768px) {
.articulosDelSlider {
flex-direction: column-reverse;
padding: 0;
}
.adsInfo {
padding: 9.86vw 8.4vw 13.06vw;
max-width: 100%;
}
.adsInfo h1 {
margin-bottom: 9.6vw;
}
.adsInfo .btnPrincipal {
width: 100%;
height: 10.66vw;
}
.linesBlog {
display: none;
}
.adsImageDesktop {
display: none;
}
.adsImageMobile {
display: block;
width: 100%;
}
.sliderBlog .glide__bullets {
bottom: -6.66vw
}
.sliderBlog .glide__bullet {
width: 3.6vw;
height: 3.6vw;
margin: 0 2.57vw;
} .buscadorBlogMobile {
display: block;
padding: 21.33vw 0 0;
text-align: center;
position: relative;
overflow-x: hidden;
}
.buscadorBlogMobile .boxSearch {
margin-bottom: 0;
}
.buscadorBlogMobile .boxSearch .searchform {
margin: 8vw auto 0;
max-width: 71.73vw;
}
.buscadorBlogMobile .boxSearch .searchform input {
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
padding: 0 2vw;
} .barraCategorias {
display: none;
}
.containerBlog {
padding: 17.41vw 4.786vw;
flex-direction: column;
position: relative;
overflow-x: hidden;
}
.arrowBuscador {
display: block;
position: fixed; top: 25vw;
right: 0;
z-index: 1;
}
.arrowCloseBuscador {
display: block;
position: absolute;
left: -9.4vw;
top: 0;
bottom: 0;
margin: auto;
width: 9.33vw;
}
.sidebarBlog {
background-color: #183451;
position: fixed;
top: 0;
right: -100vw;
max-width: 86.4vw;
height: 100vh;
z-index: 9;
padding: 17.33vw 7.33vw 22.66vw;
transition: all ease .5s;
}
.sidebarBlog .boxSearch {
display: none;
}
.boxSearch {
box-shadow: unset;
border: 0;
}
.boxSearch>h2 {
display: block;
}
.boxSearch .searchform {
background-color: unset;
padding: 0;
border: 0;
margin: 8vw 0 14.66vw;
}
.boxSearch .searchform input {
height: 13.33vw;
font-size: 4.26vw;
}
.boxSearch .searchform>div::after {
width: 7.12vw;
height: 7.12vw;
top: 3vw;
right: 3vw;
}
.boxSubscribete {
display: none;
}
.sidebarBlog .boxDestacados {
display: none;
}
.sidebarBlog .widget_categories {
display: block;
overflow-y: scroll;
height: 100%;
}
.sidebarBlog .widget_categories h2 {
color: #ffffff;
font-size: 6.4vw;
margin-bottom: 8vw;
}
.sidebarBlog .widget_categories ul li {
margin-bottom: 10.4vw;
}
.sidebarBlog .widget_categories ul li a {
color: #ffffff;
font-size: 4.26vw;
}
.containerPosts .blogPost:nth-child(3),
.containerPosts .blogPost:nth-child(4),
.containerPosts .blogPost:nth-child(5),
.containerPosts .blogPost:nth-child(6) {
display: block;
}
.blogPost {
max-width: 100%;
border-top-left-radius: 3.2vw;
border-bottom-right-radius: 3.2vw;
margin-bottom: 4.61vw;
box-shadow: 0 0 4vw rgba(0, 0, 0, 0.16);
}
.blogPost>a>img {
border-top-left-radius: 3.2vw;
}
.blogPostContent {
padding: 3.30vw 4.66vw 9.86vw;
}
.blogPostContent>p:nth-child(1) {
margin-bottom: 5vw;
}
.blogPostContent h2 {
margin-bottom: 3.73vw;
}
.categoryName {
display: flex;
align-items: center;
margin-bottom: 4vw;
}
.autorMobile {
display: flex;
align-items: center;
margin-bottom: 4vw;
}
.autorMobile img {
margin-right: 2.93vw;
width: 6.13vw;
height: 6.13vw;
}
.autorDesktop {
display: none;
}
.calendar {
width: 5.12vw;
height: 5.12vw;
margin-right: 2.93vw;
}
.categoryIcon {
width: 5.12vw;
height: 5.12vw;
margin-right: 2.93vw;
}
.blogPostContent .timeMobile {
display: flex;
align-items: center;
justify-content: space-between;
}
.calendarTime {
display: flex;
align-items: center;
}
.blogPostContent>span {
margin: 6.66vw 0;
line-height: 1.5;
}
.btnAndCategory {
flex-direction: column;
align-items: flex-end;
}
.btnAndCategory p { font-size: 5.33vw !important;
margin-top: 5vw;
}
.btnPost {
width: 100%;
height: 10.66vw;
}
.containerPostNav {
display: block;
padding: 0;
text-align: center;
margin: 12.93vw 0 22.93vw;
}
.containerPostNav .page-numbers {
padding: 2.66vw 4.66vw;
font-size: 5.86vw;
border-radius: 2.4vw;
margin: 0 1.56vw;
}
.destacadosMobile {
display: block;
}
.destacadosMobile h2 {
margin-bottom: 7.2vw;
}
.destacadosMobile .bdDestacado {
margin-bottom: 7.2vw;
}
.destacadosMobile .categoryName {
margin: 2.4vw 0 3.89vw;
display: flex;
align-items: center;
}
.destacadosMobile p:nth-child(3) {
display: flex;
align-items: center;
justify-content: space-between;
}
.destacadosMobile .calendar {
width: 6.13vw;
height: 6.13vw;
}
.destacadosMobile span {
display: flex;
align-items: center;
}
.activarBuscador {
right: 0;
}
.blogForm .contactoBox {
padding: 10vw 9.46vw 24.53vw;
}
.blogForm>a>img {
display: block;
width: 13.33vw;
height: 13.33vw;
right: 10.13vw;
bottom: 5.6vw;
}
.blogForm .contactoBox>div:nth-child(2) {
padding: 0;
}
.blogForm .contactoBox>div {
padding-top: unset;
}
.blogForm .contactoBox>div>h2 {
margin-bottom: 5vw;
}
._form #email {
height: 13vw;
font-size: 4.26vw;
}
._form ._submit {
width: 100%;
height: 11vw;
font-size: 4.26vw;
margin: 5vw auto 0;
}
.blogForm .fs18 {
font-size: 4.8vw;
} .contenidoBox {
padding: 3.989vw 4.66vw;
width: 100%;
flex-direction: column;
}
.contenido {
max-width: 100%;
width: 100%;
border: 1px solid #CCCCCC;
border-top-left-radius: 3.2vw;
border-bottom-right-radius: 3.2vw;
position: relative;
top: -12vw;
}
.contenido .fs20 {
display: none;
}
.contenidoPost {
padding: 8vw 7.187vw;
}
.autorFechaTema {
align-items: end;
flex-direction: column;
margin: 3.73vw 0 8.53vw;
}
.autorFechaTema .calendar {
margin: 0 2.93vw 0 0;
}
.autorFechaTema .timeMobile {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.containerPostsLayout3x3 {
display: none;
}
.contenidoBox .boxSearch {
display: none;
}
.contenidoBox .sidebarBlog {
max-width: 86.4vw;
display: flex;
flex-direction: column;
height: 100vh;
}
.contenidoEntrada p,
.contenidoEntrada li,
.contenidoEntrada ol {
font-size: 4.26vw;
}
.contenidoEntrada h1,
.contenidoEntrada h2,
.contenidoEntrada h3,
.contenidoEntrada h4,
.contenidoEntrada h5,
.contenidoEntrada h6 {
font-size: 6.4vw;
}
.contenidoEntrada li {
margin: 5vw 0;
}
.contenidoEntrada p {
margin: 6.933vw 0;
}
.ctaPost {
flex-direction: column-reverse;
}
.ctaPost div {
padding: 10.13vw 4.66vw 6.4vw;
}
.ctaPost div p {
margin: 2.6vw 0;
}
.ctaPost img {
width: 100%;
}
.contenidoPost .fs32 {
font-size: 6.4vw;
}
.mediaShare {
margin-top: 4.53vw;
}
.mediaShare img {
width: 16vw;
margin-right: 4.53vw;
}
.mediaShare img:hover {
opacity: .8;
transition: all ease .5s;
}
}