.nosotros-bottom {  display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "nosotros-bottom-container";
}
  
.nosotros-bottom-container {  display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0fr 0fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "area-picture"
      "area-header"
      "area-content";
    grid-area: nosotros-bottom-container;
}
  
.area-picture { grid-area: area-picture; }
.area-header { grid-area: area-header; }
.area-content { grid-area: area-content; }

.bg-nosotros-datos {
    background: transparent url(../../inc/img/xs/4-nosotros/bg-nosotros-datos.png) center top no-repeat;
    background-size: cover;
    min-height: 328px;
}

.bg-icon-datos {
    background: transparent;
    overflow: hidden;
    width: 96px;
    height: 102px;
}
.bg-icon-datos div {
    background: transparent url(../../inc/img/xs/4-nosotros/icon-circle.png) left top no-repeat;
    background-position: 0 0;
    width: 96px;
    height: 102px;
    background-size: 100% 100%;
    float: left;
}

.bg-icon-datos .icon-01 { transform: rotate(200deg) scale(.9); }
.bg-icon-datos .icon-02 { transform: rotate(0deg) scale(.9); }
.bg-icon-datos .icon-03 { transform: rotate(120deg) scale(.9); }

@media only screen and (min-width: 993px) {
    .nosotros-bottom {  display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
          "nosotros-bottom-container";
    }
      
    .nosotros-bottom-container {  display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 0fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
          "area-header area-header"
          "area-content area-picture";
        grid-area: nosotros-bottom-container;
    }
      
    .area-header { grid-area: area-header; }
    .area-content { grid-area: area-content; }
    .area-picture { grid-area: area-picture; }
    
    .bg-nosotros-datos {
        background: transparent url(../../inc/img/m/4-nosotros/bg-nosotros-datos.webp) center top no-repeat;
        background-size: cover;
        min-height: 393px;
    }
    .bg-icon-datos {
        width: 160px;
        height: 160px;
    }
    .bg-icon-datos div {
        background: transparent url(../../inc/img/m/4-nosotros/icon-circle.png) left top no-repeat;
        width: 160px;
        height: 160px;
    }

    .bg-icon-datos .icon-01 { transform: rotate(200deg) scale(1); }
    .bg-icon-datos .icon-02 { transform: rotate(0deg) scale(1); }
    .bg-icon-datos .icon-03 { transform: rotate(120deg) scale(1); }
}

@media only screen and (min-width: 1281px) {
    .bg-nosotros-datos {
        background: transparent url(../../inc/img/l/4-nosotros/bg-nosotros-datos.webp) center top no-repeat;
        background-size: cover;
        min-height: 348px;
    }
    .bg-icon-datos {
        width: 160px;
        height: 160px;
    }
    .bg-icon-datos div {
        background: transparent url(../../inc/img/l/4-nosotros/icon-circle.png) left top no-repeat;
        width: 160px;
        height: 160px;
    }
}

@media only screen and (min-width: 1441px) {
    .bg-nosotros-datos {
        background: transparent url(../../inc/img/xl/4-nosotros/bg-nosotros-datos.webp) center top no-repeat;
        background-size: cover;
        min-height: 433px;
    }
    .bg-icon-datos {
        width: 180px;
        height: 180px;
    }
    .bg-icon-datos div {
        background: transparent url(../../inc/img/xl/4-nosotros/icon-circle.png) left top no-repeat;
        width: 180px;
        height: 180px;
    }
}