@import "../assets/common.css";

body section.related h3{font-size:2.14vw;color:#7E876D;margin-bottom:0.4em;}
body section.related{display:block;width:100vw;position:relative;padding-bottom: 40px;}
body section.related .wrap{padding-top:8vw;}
body section.related ul.articles{padding:0;padding-bottom: 4vw}
body section.related ul.articles img{object-fit: cover;height: 16vw; width: 100%; max-height: none !important;}

body section.related ul.articles.max_1 img{max-height: 30vw;width: 100%}
body section.related ul.articles.max_1{display: grid;grid-template-columns: repeat(3,1fr);gap: 4vw;}
body section.related ul.articles.max_2{display: grid;grid-template-columns: repeat(3,1fr);gap: 4vw;padding-bottom: 5em;border-bottom: 1px solid #636363;}
body section.related ul.articles.max_3{display: grid;grid-template-columns: repeat(3,1fr);gap: 4vw;}
body section.related ul.articles li{position: relative;}

body section.related .owl-theme .owl-nav{color:#8d4225;position:absolute;left:-4.5%;top:29%;z-index:-1;width:109%;margin:0;height:2em;margin-top:-1em;}
body section.related .owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;color:#8d4225;}
body section.related .owl-carousel .owl-nav button.owl-prev{position:absolute;left:0;font-size:7em;margin:0;}
body section.related .owl-carousel .owl-nav button.owl-next{position:absolute;right:0;font-size:7em;margin:0;}
body section.related a.btn_view_all_properties{color:#000000;text-decoration:none;}
body section.related .intro_related h3{color:#000000;}
body section.related .intro_related p{font-size:1.24vw;line-height:130%;margin-bottom:1.5em;}
body section.related li.item h6{margin:1.2em 0 0.5em;color:#8D4225;font-size:1.60vw;}
body section.related li.item .info_wrap{padding: 6vw 0 0;}
body section.related li.item .intro{min-height: 1vw;}
body section.related li.item h6 a{text-decoration:none;color:#8D4225;}
body section.related .owl-carousel li.item img{display:block;width:100%;height:21vw;object-fit: cover;}
body section.related.hide{display:none}

body section.related .list_pagination{padding-bottom: 4vw;text-align: center;padding-top: 1.8em;border-top: 1px solid #b9b9b9;}
body section.related .list_pagination a{background-color: #d5d5d5;color: initial;text-decoration: none;text-align: center;min-width: max(30px,2.3vw);display: inline-block;padding: 0.5em 0;border: 0;min-height: max(30px,2vw);}
body section.related .list_pagination span{background-color: #d5d5d5;color: initial;text-align: center;min-width: max(30px,2.3vw);display: inline-block;padding: 0.5em 0;border: 0;min-height: max(30px,2vw)}
body section.related .list_pagination span.current{background-color: #7e876d;color: #fff;font-weight: bold;}
section.related a.btn_view_all_properties span{background: #7e876d;padding: 10px 20px;font-size: 120%;color: #fff;}

@media (min-width:1301px) {
    body section.related li.item p.extract{font-size:1.1vw;line-height:130%;}
}

@media (min-width:1025px) {
    body section.related .wrap{width: 80%;padding-right: 0;margin: 0 10% 0 10%;max-width:none;padding-bottom: 0;}
    body:not(.page_viviendas) section.related a.btn_view_all_properties{text-align: center;width: 100%;display: block;padding: 1.8em 0;border-top: 1px solid #b9b9b9;}
    body.page_viviendas section.related .wrap{padding-right: 0;margin: 0 10%;width: 80%;border: 0;}
}

@media (max-width:1024px) {
    body section.related .wrap{width:80%;}
    body section.related .owl-theme .owl-nav{left:-7%;width:114%;}
    body section.related a.btn_view_all_properties{width:100%;display:block;text-align:center;padding:1.3em;text-decoration:none;}
    body section.related .intro_related h3{font-size:200%;}
    body section.related .intro_related p{font-size:120%;}
    body section.related li.item h6{font-size:167%;}
    body section.related .owl-carousel li.item img{height:34vw}
    body section.related ul.articles{grid-template-columns: 1fr 1fr!important;}
    body section.related ul.articles img{width: 100%;height: 28vw;max-height:none!important;}
}

@media (max-width:768px) {
    body section.related .owl-theme .owl-nav{left:4%;width:92%;top:0;z-index:10;height:1px;}
    body section.related .owl-carousel .owl-nav button.owl-next, 
    body section.related .owl-carousel .owl-nav button.owl-prev{top:32vw;}
    body section.related .intro_related p{display:none;}
    body section.related .intro_related h3{text-align:center;margin-bottom:0.9em;}
    body section.related .wrap{width:100%;}
    body section.related .owl-carousel li.item img{height:66vw}
    body section.related .owl-carousel.owl-drag .owl-item:not(.active) li{opacity:0.28;zoom:0.8;-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);}
    body section.related ul.articles.max_1 li .info_wrap, body section.related ul.articles.max_2 li .info_wrap, body section.related ul.articles.max_3 li .info_wrap{padding: 9vw 7% 4vw;}
    body section.related .list_pagination{padding-bottom: 10vw;}
    body section.related ul.articles{grid-template-columns: 1fr!important;}
    body section.related ul.articles img{width:100vw;height: 60vw;}
}

/* Admin RESET */
body.sticky-menu section.related,
body.wp-admin section.related{width:100%;}
body.sticky-menu section.related .wrap,
body.wp-admin section.related .wrap{padding:0 6% 0 0;margin:0;}
body.sticky-menu section.related ul.articles,
body.wp-admin section.related ul.articles{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;list-style:none;gap:35px;}
body.sticky-menu section.related ul.articles li.item,
body.wp-admin section.related ul.articles li.item{display:none;}
body.sticky-menu section.related ul.articles li.item:nth-child(-n+3),
body.wp-admin section.related ul.articles li.item:nth-child(-n+3){display:block;}
body.sticky-menu section.related .owl-carousel li.item img,
body.wp-admin section.related .owl-carousel li.item img{height:200px;}
body.sticky-menu section.related li.item h6,
body.wp-admin section.related li.item h6{line-height:100%;}
body.sticky-menu section.related li.item h6,
body.wp-admin section.related li.item h6{font-family:auto;font-weight:100;font-size:22px;}
body.sticky-menu section.related li.item p.extract,
body.wp-admin section.related li.item p.extract{font-size:13px;}
body.sticky-menu ul.prop_details,
body.wp-admin ul.prop_details{margin:0;list-style:none;}
body.sticky-menu ul.prop_details li,
body.wp-admin ul.prop_details li{font-size:11px;}
body.sticky-menu .max-w-2xl{max-width: 56rem;}
/* END Admin RESET */