.w100{
    width: 100%;
}
.reveal-card{
    width:100%;
    cursor:pointer;
}
.reveal-image{
    position:relative;
    overflow:hidden;
}

/* Background inicial */

.cover{

position: relative;
z-index: 1;

    width:100%;
    aspect-ratio:128/72;
    transition:.5s ease-in-out;
}
.backgroundMenu{
    background-color: #bd635c;
}
.backgroundLugar{
    background-color: #f48c06;
}
.backgroundDonde{
    background-color: #47836f;
}
.backgroundFecha{
    background-color: #af93a4;
}
.backgroundImportantes{
    background-color: #faa307;
}
/* Imagen SECC */

.img-secc{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;

z-index: 2;

    transition:.5s ease-in-out;
}

/* Máscara */

.mask{
    position:absolute;
    inset:0;
    /* background:rgba(0,0,0,.35); */

z-index: 3;

    transition:.5s ease-in-out;
}

/* Texto sobre la portada */

.reveal-image::after{
    width: 100%;
    content:attr(data-label);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:var(--label-color,#fff);
    font-size:3rem;
    font-weight:bold;

  font-family: "Stack Sans Headline", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: 2px;
  word-spacing: 10px;


    text-align:center;
    white-space:pre-wrap;

    /* z-index:5; */
    z-index:4;
    
    transition:.5s ease-in-out;
}

/* Contenido oculto */


.reveal-content{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .7s ease-in-out;
}

.reveal-content > *{
    overflow:hidden;
}

/* Contenido */

.img-caption{

    background-color: rgb(32, 32, 32, 0.7);


    position:absolute;

    left:50%;
    bottom:30px;

    transform:translate(-50%,20px);

    width:100%;
    padding:0 20px;

    text-align:center;

    color:#fff;
    font-size:1.8rem;
    font-weight:bold;

    opacity:0;


    z-index:5;

    transition:
        opacity .4s ease .35s,
        transform .4s ease .35s;
}

.seccDescript{
    opacity:0;
    transition:
        opacity .45s ease-in-out .15s,
        padding .45s ease-in-out;
}

/* ---------- ACTIVO ---------- */

.reveal-card.active .cover{
    opacity:0;
}
.reveal-card.active .img-secc{
    opacity:1;
}
.reveal-card.active .mask{
    opacity:0;
}
.reveal-card.active .reveal-image::after{
    opacity:0;
}
.reveal-card.active .reveal-content{
    grid-template-rows:1fr;
}

.reveal-card.active .seccDescript{
    opacity:1;
}
.reveal-card.active .img-caption{
    opacity:1;
    transform:translate(-50%,0);
}

/* Textos */

.descTitle{
    text-align:center;
    font-size:2rem;
    line-height: 1.2;
    letter-spacing: 1px;
    word-spacing: 10px;
    margin-bottom: 30px;
    padding-top: 40px;


}
.descContent{
    text-align:justify;
    line-height: 1.5;
    font-size: large;
    padding: 0 15px;
}