
/***Estilos fotografiaRealtor**/
  .bordeCard {
    padding: 10px;
    margin: 0;
    height: auto;
    width: auto;

  }

  .fotografiaRealtor{
      z-index: 100;
        & figcaption small {
        padding: 0;
        margin:0;
        background-color: red;
        line-height: 0.1rem;
        text-align: center;
        font-size: 0.85rem;
        line-height: 0.1rem;
        height: auto;
        }
  } 



  /* Ajustes específicos para diferentes viewports */
  /* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {

  }

  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {

  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {

  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .bordeCard {
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
      
    }

    .fotografiaRealtor{
    position: absolute;
    top: 290px;
    right: 22px;
    }

  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) and (max-width: 1399.98px) {

      .bordeCard{
      background-color: #ffffff;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      box-sizing: border-box;
   
      }


      .fotografiaRealtor{
      position: absolute;
      top: 280px;
      right: 40px;
      width: calc(100vw - 80%);
       }
   }

  /* XXL devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
    .bordeCard{
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    }

    .fotografiaRealtor{
    position: absolute;
    top: 330px;
    right: 80px;
    width: calc(100vw - 82%);    
    }
  }