.agent-card-link,.property-detail-page{.agent-list-card-body{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:15px;background:#fff;overflow:hidden;transition:all .3s ease;&:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--color-primary)}.card-image-container{position:relative;aspect-ratio:1;overflow:hidden;.card-img{width:100%;height:100%;object-fit:cover;border-radius:15px 15px 0 0;transition:transform .3s ease}.status-wrapper{position:absolute;display:flex;justify-content:space-between;align-items:center;z-index:2;.status{font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;&.online{background:#28a745;color:white}}.rank{font-weight:500;background:var(--color-primary);color:white;border-radius:4px;display:flex;align-items:center}}&:hover .card-img{transform:scale(1.05)}}.agent-list-card-row-body2,div:has(>.agent-name){display:flex!important;flex-direction:column;justify-content:center;text-align:center;flex:1 1;color:var(--color-text-secondary);.agent-name{.agent-card-name{font-weight:600;color:var(--color-text-primary);line-height:1}}.agent-view{display:flex;justify-content:center;.agent-view-icon{width:14px;height:auto;color:var(--color-text-secondary)}.agent-view-title{font-size:12px;color:var(--color-text-secondary)}}.specialist{display:flex;justify-content:center;align-items:flex-start;text-align:center;max-width:100%;>div{display:flex!important;flex-direction:column;flex:1 1;text-align:center;overflow:hidden;white-space:nowrap;line-height:1;background:transparent;text-overflow:ellipsis}svg{flex-shrink:0;path{fill:currentColor}}.hidden{display:none}.area-specialist,.title-specialist{.area-tag,.title-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;font-style:italic;font-weight:300;width:-moz-fit-content;width:fit-content}.area-text,.title-text{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.area-specialist{.area-tag{background:var(--color-info-dark);color:white}.area-text{color:var(--color-info-dark)}}.title-specialist{.title-tag{background:var(--color-success-dark);color:white}.title-text{color:var(--color-success-dark)}}}.details{display:flex;flex-direction:column;align-items:center;line-height:1;margin-top:auto;.agent-mobile{font-weight:500}}.agent-company{font-weight:400}.sale-data{display:flex;justify-content:center;flex-wrap:wrap;.sale-stat{font-weight:400;.stat-number{color:var(--color-info);font-weight:500}}}.agent-card-action{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:4px 0;>div{flex:1 1}button{display:flex;padding:8px 10px;font-size:12px;border:none;border-radius:10px;line-height:1;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;svg{transition:.25s;height:16px;width:auto}&:hover{svg{transform:translateY(-2px)}}}.property-agent-info-contact-btn{background-color:var(--color-primary);&:hover{background-color:var(--color-primary-dark)}}.property-agent-info-listings-btn{background-color:var(--color-info);&:hover{background-color:var(--color-info-dark)}}}}}.agent-card-image-loading{position:absolute;transform:translate(-50%,-50%);z-index:1}}.agent-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease,box-shadow .3s ease;&:hover{text-decoration:none;color:inherit;transform:translateY(-2px)}}.btn-app{.wassapGreen{background-color:var(--color-success);border:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;&:hover{box-shadow:0 4px 12px rgba(37,211,102,.3);transform:translateY(-2px)}&:focus,&:hover{background-color:var(--color-success-dark)}&:focus{color:#fff;box-shadow:0 0 0 .2rem rgba(37,211,102,.3)}}.contactphone{background-color:#f38400!important;border:1px solid #f38400!important;color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;&:hover{color:#fff!important;box-shadow:0 4px 12px rgba(243,132,0,.3);transform:translateY(-2px)}&:focus,&:hover{background-color:#e65100!important;border-color:#e65100!important}&:focus{color:#fff;box-shadow:0 0 0 .2rem rgba(243,132,0,.3)}}.contactlinks{color:#fff!important;text-decoration:none}button{border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-align:center}svg{display:block}small{font-weight:600;line-height:1.2}}@media (orientation:portrait){@media (max-width:575px){div:has(>.agent-card-link){width:50%}.agent-card-link,.property-detail-page{.agent-list-card-body{height:100%;margin-bottom:0;.card-image-container{width:100%;.card-img{width:100%;height:100%}.status-wrapper{top:8px;left:0;right:0;padding:0 8px;.status{margin:0}.rank,.status{font-size:9px;padding:1px 4px}.rank{gap:2px;margin:0 0 0 auto}}}.agent-list-card-row-body2,div:has(>.agent-name){padding:5px;gap:2px;.agent-name{margin:0 0 2px;.agent-card-name{font-size:16px}}.specialist{margin-bottom:4px}svg{width:10px;height:10px}.area-specialist,.title-specialist{.area-tag,.title-tag{gap:2px;font-size:10px;padding:0 8px;margin:0 auto;width:-moz-fit-content;width:fit-content}.area-text,.title-text{font-size:10px;margin:0}}}.details{margin-top:auto;.agent-mobile{margin-top:6px;font-size:12px}}.agent-company{font-size:12px;margin-bottom:6px}.sale-data{gap:8px;.sale-stat{font-size:12px;margin:0}}}}.agent-card-link{height:100%;.agent-list-card-body{height:100%}}.property-detail-page{.agent-list-card-body{.agent-list-card-row-body2,div:has(>.agent-name){padding:5px 10px;gap:2px;.agent-card-action{padding:10px 20px;gap:6px}}.details{margin-top:auto;.agent-mobile{margin-top:6px;font-size:12px}}}}.agent-card-image-loading{top:50%;left:50%}.agent-view-icon{margin:0 2px}.agent-view-title{font-size:14px}.btn-app{.contactphone,.wassapGreen{min-height:80px;gap:8px}button{width:100%;padding:10px 15px;margin:5px 0}svg{font-size:44px;margin:0}small{font-size:14px;margin:0}}}@media (min-width:576px){.agent-card-link,.property-detail-page{.agent-list-card-body{margin-bottom:0;.card-image-container{width:100%;.card-img{width:100%;height:100%}.status-wrapper{top:8px;left:0;right:0;padding:0 8px;.status{margin:0}.rank,.status{font-size:9px;padding:1px 4px}.rank{gap:2px;margin:0 0 0 auto}}}.agent-list-card-row-body2,div:has(>.agent-name){padding:5px 8px;gap:0;.agent-name{margin:0;.agent-card-name{font-size:18px}}.specialist{margin-bottom:4px}svg{width:10px;height:10px}.area-specialist,.title-specialist{.area-tag,.title-tag{gap:2px;font-size:10px;padding:0 8px;margin:0 auto;width:-moz-fit-content;width:fit-content}.area-text,.title-text{font-size:10px;margin:0}}}.details{margin-top:auto;.agent-mobile{margin-top:6px;font-size:12px}}.agent-company{font-size:12px;margin-bottom:6px}.sale-data{gap:8px;.sale-stat{font-size:12px;margin:0}}}}.agent-card-link{height:100%;.agent-list-card-body{height:100%}}.property-detail-page{.agent-list-card-body{height:-moz-fit-content;height:fit-content;.card-image-container{width:100%}div:has(>.agent-name){padding:10px;.agent-company{margin-bottom:auto}.agent-card-action{padding:10px 5px;gap:5px}}}@media (max-width:991px){.agent-list-card-body{flex-direction:row;.card-image-container{width:33%}div:has(>.agent-name){padding:20px;.agent-card-action{padding:0 20px;gap:10px;flex-direction:row}}}}}.agent-card-image-loading{top:50%;left:50%}.agent-view-icon{margin:0 2px}.agent-view-title{font-size:14px}.btn-app{.contactphone,.wassapGreen{min-height:80px;gap:8px}button{width:100%;padding:20px 15px}svg{font-size:32px;margin:0}small{font-size:14px;margin:0}}}}@media (orientation:landscape){@media (max-width:1023px){.agent-card-link,.property-detail-page{.agent-list-card-body{height:100%;margin-bottom:0;.card-image-container{width:100%;.card-img{width:100%;height:100%}.status-wrapper{top:8px;left:0;right:0;padding:0 8px;.status{margin:0}.rank,.status{font-size:9px;padding:1px 4px}.rank{gap:2px;margin:0 0 0 auto}}}.agent-list-card-row-body2,div:has(>.agent-name){padding:5px;gap:2px;.agent-name{margin:0 0 2px;.agent-card-name{font-size:16px}}.specialist{margin-bottom:4px}svg{width:10px;height:10px}.area-specialist,.title-specialist{.area-tag,.title-tag{gap:2px;font-size:10px;padding:0 8px;margin:0 auto;width:-moz-fit-content;width:fit-content}.area-text,.title-text{font-size:10px;margin:0}}}.details{margin-top:auto;.agent-mobile{margin-top:6px;font-size:12px}}.agent-company{font-size:12px;margin-bottom:6px}.sale-data{gap:8px;.sale-stat{font-size:12px;margin:0}}}}.agent-card-link{height:100%;.agent-list-card-body{height:100%}}.property-detail-page{.agent-list-card-body{height:-moz-fit-content;height:fit-content;flex-direction:row;.card-image-container{width:33%}div:has(>.agent-name){padding:10px 20px;.agent-company{margin-bottom:auto}.agent-card-action{padding:0 20px;gap:10px;flex-direction:row}}}}.agent-card-image-loading{top:50%;left:50%}.agent-view-icon{margin:0 2px}.agent-view-title{font-size:14px}.btn-app{.contactphone,.wassapGreen{min-height:80px;gap:8px}button{width:100%;padding:20px 15px}svg{font-size:32px;margin:0}small{font-size:14px;margin:0}}}@media (min-width:1024px){.agent-card-link,.property-detail-page{.agent-list-card-body{margin-bottom:0;.card-image-container{width:100%;.card-img{width:100%;height:100%}.status-wrapper{top:8px;left:0;right:0;padding:0 8px;.status{margin:0}.rank,.status{font-size:9px;padding:1px 4px}.rank{gap:2px;margin:0 0 0 auto}}}.agent-list-card-row-body2,div:has(>.agent-name){padding:5px;gap:2px;.agent-name{margin:0 0 2px;.agent-card-name{font-size:16px}}.specialist{margin-bottom:4px}svg{width:10px;height:10px}.area-specialist,.title-specialist{.area-tag,.title-tag{gap:2px;font-size:10px;padding:0 8px;margin:0 auto;width:-moz-fit-content;width:fit-content}.area-text,.title-text{font-size:10px;margin:0}}}.details{margin-top:auto;.agent-mobile{margin-top:6px;font-size:12px}}.agent-company{font-size:12px;margin-bottom:6px}.sale-data{gap:8px;.sale-stat{font-size:12px;margin:0}}}}.agent-card-link{height:100%;.agent-list-card-body{height:100%}}.property-detail-page{.agent-list-card-body{height:-moz-fit-content;height:fit-content}}.agent-card-image-loading{top:50%;left:50%}.agent-view-icon{margin:0 2px}.agent-view-title{font-size:14px}.btn-app{.contactphone,.wassapGreen{min-height:80px;gap:8px}button{width:100%;padding:20px 15px}svg{font-size:32px;margin:0}small{font-size:14px;margin:0}}}}