.bueros .slogan {
color: #E20079;
font-family: "Crimson Text";
font-style: italic;
font-size: 2.3125rem;
letter-spacing: 1px;
display: block;
margin-top: .4rem;
margin-bottom: 2.5rem; }
@media all and (min-width: 1200px) {
.bueros .slogan {
font-size: 2.6875rem; } }
@media all and (min-width: 1440px) {
.bueros .slogan {
font-size: 3rem; } }
.bueros .itemWrap {
display: block;
margin-bottom: 3.75rem; }
.bueros .grid {
display: grid;
grid-template-columns: repeat(1, 1fr); }
@media all and (min-width: 768px) {
.bueros .grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px; } }
@media all and (min-width: 1200px) {
.bueros .grid {
gap: 30px;
grid-template-columns: repeat(3, 1fr); } }
@media all and (max-width: 1199px) {
.bueros .homeview .last {
display: none; } }
.bueros .item {
display: flex;
flex-direction: column;
background-color: #fff;
height: 100%;
width: 100%;
position: relative; }
.bueros .item .favCta {
position: absolute;
top: 20px;
right: 20px; }
.bueros .item .favCta img.hover {
display: none; }
.bueros .item .favCta:hover img.default {
display: none; }
.bueros .item .favCta:hover img.hover {
display: inline; }
.bueros .item .favCta.favoritCtaRemove .hover {
display: inline; }
.bueros .item .favCta.favoritCtaRemove .default {
display: none; }
.bueros .item.fake {
background-color: #2B1B3B;
color: #fff; }
.bueros .item .img {
display: inline-block;
height: 278px;
width: 100%; }
.bueros .item .img img {
height: 100%;
width: 100%;
object-fit: cover; }
.bueros .item .content {
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
@media all and (min-width: 576px) {
.bueros .item .content {
padding: 20px; } }
.bueros .item .content.fake {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding-top: 6.25rem;
padding-bottom: 6.25rem; }
.bueros .item .content.fake h4 {
margin-bottom: 1.875rem; }
@media all and (min-width: 768px) {
.bueros .item .content.fake {
padding: 0 1.875rem; } }
.bueros .item .content h2 {
margin-top: .9375rem;
margin-bottom: 1.875rem; }
.bueros .item .content .price {
display: block;
font-family: 'Open Sans';
font-weight: 700;
font-size: 1.875rem;
line-height: 2.5625rem;
margin-bottom: .825rem; }
.bueros .btn-home {
text-align: center; }
@media all and (min-width: 768px) {
.bueros .btn-home {
margin-bottom: 2.5rem; } }
@media all and (min-width: 1200px) {
.bueros .btn-home {
text-align: left; } }
.bueros .pager {
display: flex;
justify-content: center; }
.bueros .pager .page-numbers {
list-style-image: none;
display: inline-block;
list-style: none; }
.bueros .pager .page-numbers li {
display: inline-block;
font-family: "Open Sans";
letter-spacing: 0.6px;
font-size: 1.25rem;
padding-left: 1rem; }
.bueros .pager .page-numbers li a {
font-family: "Open Sans";
letter-spacing: 0.6px;
font-size: 1.25rem; }
.bueros .pager .page-numbers li .current {
background-color: #fff;
border-radius: 100%;
width: 40px;
height: 40px;
position: relative;
top: 1px;
display: flex;
justify-content: center;
align-items: center; }
.bueros .pager .page-numbers li .prev img.hover, .bueros .pager .page-numbers li .next img.hover {
display: none; }
.bueros .pager .page-numbers li .prev:hover img.default, .bueros .pager .page-numbers li .next:hover img.default {
display: none; }
.bueros .pager .page-numbers li .prev:hover img.hover, .bueros .pager .page-numbers li .next:hover img.hover {
display: inline; }