*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}




/* CONTENEDOR */

.wrapper{
  position:relative;
}

/* CARD */

.card{
  position:sticky;
  top:0;
  scroll-snap-align:start;
  width:100%;
  height:100vh;

  overflow:hidden;
}

/* IMAGEN */

.card img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
}

/* OVERLAY */

.overlay_p{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

/* TAGS */

.tags{
  display:flex;
  gap:14px;
  margin-top:35px;
  flex-wrap:wrap;
}

.tags span{
  padding:12px 20px;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(4px);
}


/* PROFUNDIDAD VISUAL */

.card:nth-child(1){ z-index:1; }
.card:nth-child(2){ z-index:2; }
.card:nth-child(3){ z-index:3; }
.card:nth-child(4){ z-index:4; }
.card:nth-child(5){ z-index:5; }
.card:nth-child(6){ z-index:6; }
.card:nth-child(7){ z-index:7; }
.card:nth-child(8){ z-index:8; }
.card:nth-child(9){ z-index:9; }

/* OPTIONAL SCALE EFFECT */

.card-inner{
  position:relative;
  width:100%;
  height:100%;

  transform-origin:center center;

  transition:transform .6s ease;
}


/* MOBILE */

/*@media(max-width:768px){


  h2{
    font-size:42px;
  }

  p{
    font-size:16px;
  }

}*/