.dpc-card{
 position:relative;
 overflow:hidden;
 border-radius:0px;
 cursor:pointer;
 min-height:350px;
}
.dpc-image{
 width:100%;
 height:350px;
 object-fit:cover;
 display:block;
}
.dpc-title {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0; /* Ocupa el 100% de la tarjeta */
 padding: 20px;
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 
 /* 1) Centrado perfecto en el medio de la imagen */
 display: flex;
 align-items: center;     /* Centrado vertical */
 justify-content: center;  /* Centrado horizontal */
 text-align: center;       /* Por si el título tiene varias líneas */
 
 /* 2) Tipografía Poppins */
 font-family: 'Poppins', sans-serif;
 
 /* 3) Sombra para que resalte sobre imágenes muy claras */
 text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6), 0px 0px 4px rgba(0, 0, 0, 0.4);
 
 /* 4) Eliminado el degradado negro de la base (Fondo transparente) */
 background: transparent; 
}
.dpc-title{
    margin:0;
    font-size:2rem;
    line-height:1.2;
}
.dpc-overlay{
    position:absolute;

    top:15px;
    left:15px;
    right:15px;
    bottom:15px;

    background:#fff;

    opacity:0;
    visibility:hidden;

    border-radius:10px;

    transition:.35s ease;
}

.dpc-card.active .dpc-overlay{
    opacity:1;
    visibility:visible;
}
.dpc-content{
 height:100%;
 overflow-y:auto;
 padding:60px 25px 25px;
 box-sizing:border-box;
}
.dpc-close{
 position:absolute;
 top:10px;
 right:10px;
 border:none;
 background:none;
 font-size:32px;
 cursor:pointer;
}