.oferta{
        display:flex;
        width:100%;
        padding:0px 20px 57px 20px;
        justify-content:center;
        /*background-color:purple;*/
        color:white;
      }
      
      .ofertaContainer{
        display:flex;
        width:100%;
        max-width:1142px;
        gap:28px;
        justify-content:space-between;
        /*background-color:darkblue;*/
      }
      
      .oferta .chica{
        display:flex;
        width:421.18px;
        height:722.13px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .oferta .chica img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .oferta .textos{
        display:flex;
        width:100%;
        gap:40px;
        flex-direction:column;
        /*background-color:brown;*/
        justify-content:center;
      }
      
      
      .oferta .topTitle{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height:52px;
  font-size:55px;
      }
      
      .oferta .cajasTodas{
        display:flex;
        flex-direction:column;
        gap:17px;
        /*background-color:grey;*/
      }
      
      .oferta .ofertaCaja{
        display:flex;
        flex-direction:column;
        width:100%;
        padding:23px 20px;
        background-color:rgba(0,0,0,0.1);
        border:1px solid rgba(255,255,255,0.15);
        border-radius:20px;
        gap:17px;
      }
      
      .oferta .ofertaCaja .top{
        display:flex;
        gap:20px;
        width:100%;
        justify-content:space-between;
        /*background-color:darkgrey;*/
        align-items:center;
      }
      
      .oferta .ofertaCaja .top .title{
        padding-left:22px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:20px;
        line-height:20px;
        letter-spacing:0.02em;
      }
      
      .oferta .ofertaCaja .top button.flecha{
        all:unset;
        display:flex;
        width:18px;
        height:10px;
        /*background-color:black;*/
        flex-shrink:0;
        cursor:pointer;
      }
      
       .oferta .ofertaCaja .top button.flecha img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .oferta .ofertaCaja .bottom{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:15px;
        /*background-color:green;*/
        padding:0;
      }
      
      .oferta .ofertaCaja .bottom .caja{
        display:flex;
        flex-direction:column;
        padding:22px 21px;
        width:100%;
        background-color:rgba(0,0,0,0.15);
        border-radius:17px;
        gap:15px;
      }
      
      .oferta .ofertaCaja .bottom .caja .fila{
        display:flex;
        gap:17px;
        width:100%;
      }
      
      .oferta .ofertaCaja .bottom .caja .fila .puntito{
        display:flex;
        width:21px;
        height:21px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .oferta .ofertaCaja .bottom .caja .fila .puntito .img{
        object-fit: size;
        object-position: center;
        width: 100%;
        /*background-color:black;*/
      }
      
      .oferta .ofertaCaja .bottom .caja .fila .text{
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:14px;
        line-height:19px;
        letter-spacing:0.02em;
        color:rgba(255,255,255,0.9);
      }
      
      .green{
        color:var(--color-acento);
      }
      
      
.oferta .ofertaCaja {
  transition: all 0.5s ease;
}

.oferta .ofertaCaja.cerrada {
  gap: 0;
}

.oferta .ofertaCaja .bottom {
  transition: all 0.5s ease;
  overflow: hidden;
}

.oferta .ofertaCaja .bottom.oculta {
  opacity: 0;
  height: 0;
}

.oferta .ofertaCaja .top button.flecha {
  transition: transform 0.25s ease;
}

.oferta .ofertaCaja .top button.flecha.rotate {
  transform: rotate(180deg);
}