aside,
footer,
.sliderManu__1,
.sliderManu__2 {
  section#rosita_widTwo {
    padding: 0 7px;

    & .rosBottom {
      display: flex;
      flex-direction: column;
      height: auto !important;
      gap: 1rem !important;

      & .rosBox:first-child {
        position: relative;
        border-radius: 10px;
        overflow: hidden;

        & .ros_boxTop {
          margin: 0 !important;
          height: 22rem;
        }

        & .ros_boxBottom {
          position: absolute;
          bottom: 0;
          background: linear-gradient(to top, black, transparent);
          padding: 4rem 10px 10px;

          & * {
            color: #fff !important;
          }
        }
      }

      & .rosBox:last-child {
        & .box:nth-child(2) {
          height: 14rem !important;
        }

        & .box:nth-child(1),
        & .box:nth-child(3) {
          height: 9rem !important;
          align-items: center;

          & img {
            width: 53% !important;
            min-width: 53% !important;
          }

          & .info {
            & p:nth-child(3) {
              display: none;
            }
          }
        }
      }
    }
  }
}

/*  */
section#rosita_widTwo {
  max-width: var(--premary_width);
  margin: 3rem auto;

  & * {
    font-family: "Inria Sans", sans-serif;
  }

  & .rosBottom {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(7, 1fr);
    height: 25rem;
    gap: 20px;

    & .rosBox:first-child {
      grid-area: 1 / 1 / 8 / 11;

      & .ros_boxTop {
        height: 60%;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 15px;
      }

      & .ros_boxBottom {
        & p:nth-child(1) {
          margin-bottom: 10px;
          font-size: 13px;
          border-bottom: 1px solid #a1a1a1;
          width: fit-content;
          font-weight: bold;
        }

        & h3:nth-child(2) {
          margin-bottom: 10px;
          font-size: 22px;
        }

        & p:nth-child(3) {
          font-size: 12px;
        }
      }
    }

    & .rosBox:last-child {
      display: flex;
      grid-area: 1 / 18 / 8 / 11;
      gap: 15px;
      flex-direction: column;

      & .box {
        height: calc(100% / 3);
        overflow: hidden;
        position: relative;
      }

      & .box:nth-child(1),
      & .box:nth-child(3) {
        display: flex;
        gap: 1rem;
        justify-content: space-between;

        & img {
          border-radius: 10px;
          width: 43%;
          min-width: 43%;
        }

        & .info {
          display: flex;
          gap: 10px;
          align-items: start;
          flex-direction: column;

          & p:nth-child(1) {
            font-size: 13px;
            border-bottom: 1px solid #a1a1a1;
            width: fit-content;
          }

          & h3:nth-child(2) {
            font-weight: bold;
            font-size: 15px;
          }

          & p:nth-child(3) {
            font-size: 12px;
          }
        }
      }

      & .box:nth-child(2) {
        border-radius: 10px;
        overflow: hidden;

        & * {
          color: #fff;
        }

        & .info {
          position: absolute;
          bottom: 0;
          padding: 3rem 1rem 1rem;
          width: 100%;
          background: linear-gradient(to top, black, transparent);

          & p:nth-child(1) {
            margin-bottom: 7px;
            font-size: 14px;
            border: 1px dashed #12a3d9;
            width: fit-content;
            padding: 2px 7px 3px;
            border-radius: 100px;
          }

          & h3:nth-child(2) {
            font-size: 17px;
          }
        }
      }
    }
  }
}

/*  */
@media (max-width: 576px) {
  section#rosita_widTwo {
    padding: 0 7px;

    & .rosBottom {
      display: flex;
      flex-direction: column;
      height: auto !important;
      gap: 3rem !important;

      & .rosBox:first-child {
        & .ros_boxTop {
          height: 22rem;
        }
      }

      & .rosBox:last-child {
        & .box:nth-child(2) {
          height: 14rem !important;
        }

        & .box:nth-child(1),
        & .box:nth-child(3) {
          height: 9rem !important;
          align-items: center;

          & img {
            width: 53% !important;
            min-width: 53% !important;
          }

          & .info {
            height: 100%;
          }
        }
      }
    }
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  section#rosita_widTwo {
    padding: 0 7px;

    & .rosBottom {
      display: flex;
      flex-direction: column;
      height: auto !important;
      gap: 3rem !important;

      & .rosBox:first-child {
        & .ros_boxTop {
          height: 22rem;
        }
      }

      & .rosBox:last-child {
        & .box:nth-child(2) {
          height: 14rem !important;
        }

        & .box:nth-child(1),
        & .box:nth-child(3) {
          height: 9rem !important;
          align-items: center;

          & img {
            width: 53% !important;
            min-width: 53% !important;
          }
        }
      }
    }
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  section#rosita_widTwo {
    padding: 0 7px;

    & .rosBottom {
      gap: 10px !important;

      & .box:nth-child(1),
      & .box:nth-child(3) {
        justify-content: flex-start !important;

        & .info {
          justify-content: center;

          & p:nth-child(3) {
            display: unset !important;
          }
        }
      }
    }
  }
}

@media (min-width: 992px) {
  section#rosita_widTwo {
    padding: 0 7px;
  }
}