.evento-detalle{

    max-width:1200px;

    margin:auto;

    padding:20px;

}

.evento-banner{

    margin-bottom:25px;

}

.evento-banner img{

    width:100%;

    max-height:500px;

    object-fit:cover;

    border-radius:12px;

}

.breadcrumb{

    margin-bottom:15px;

    color:#666;

}

.breadcrumb a{

    color:var(--color-principal);

    text-decoration:none;

}

.evento-contenido h1{

    margin-bottom:15px;

    color:var(--color-principal);

}

.evento-info{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:25px;

    color:#666;

}

.evento-descripcion,
.evento-resena{

    background:#fff;

    padding:25px;

    border-radius:12px;

    margin-bottom:25px;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.evento-descripcion h2,
.evento-resena h2{

    margin-bottom:15px;

    color:var(--color-principal);

}

.evento-galeria{

    background:#fff;

    padding:25px;

    border-radius:12px;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.evento-galeria h2{

    margin-bottom:20px;

    color:var(--color-principal);

}

.galeria-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fill,minmax(220px,1fr));

    gap:15px;

}

.galeria-grid img{

    width:100%;

    height:220px;

    object-fit:cover;

    border-radius:8px;

    transition:.3s;

}

.galeria-grid img:hover{

    transform:scale(1.05);

}

@media(max-width:768px){

    .evento-info{

        flex-direction:column;

        gap:10px;

    }

}
/* ==========================
   LIGHTBOX
========================== */

.lightbox{

    display:none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.9);

    z-index:9999;

    justify-content:center;

    align-items:center;

    padding:20px;

}

.lightbox-imagen{

    max-width:95%;

    max-height:90%;

    border-radius:10px;

    box-shadow:0 0 30px rgba(255,255,255,.2);

}

.cerrar-lightbox{

    position:absolute;

    top:20px;

    right:30px;

    color:#fff;

    font-size:45px;

    cursor:pointer;

    font-weight:bold;

}
.lightbox{

    display:none;

    position:fixed;

    z-index:9999;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.95);

    justify-content:center;
    align-items:center;

}

.lightbox-imagen{

    max-width:90%;
    max-height:90%;

    border-radius:8px;

}

.cerrar-lightbox{

    position:absolute;

    top:20px;
    right:30px;

    color:#fff;

    font-size:40px;

    cursor:pointer;

    z-index:10000;

}

.prev,
.next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    color:#fff;

    font-size:50px;

    cursor:pointer;

    user-select:none;

    padding:15px;

}

.prev{

    left:20px;

}

.next{

    right:20px;

}

.prev:hover,
.next:hover,
.cerrar-lightbox:hover{

    color:var(--color-dorado);

}