@charset "utf-8";
/* CSS Document */
/*=========================================
BLOG CMS
=========================================*/
body.pagina-blog {
    background-color: #f7f7f5 !important;
}

/* =====================================================
   FONDO BLANCO PARA GLIGHTBOX
   ===================================================== */

.glightbox-container {
    background-color: #fff !important;
}

.glightbox-container .gslide-media {
    background-color: #fff !important;
}

.glightbox-clean .gslide-description {
    background-color: #fff;
    color: #222;
}

.contenido-articulo img{
    max-width:100%;
    height:auto;
}

.galeria-lightbox{
    display:block;
    overflow:hidden;
    border-radius:12px;
    position:relative;
}

.galeria-lightbox img{

    width:100%;
    height:260px;
    object-fit:cover;

    transition:
    transform .45s ease,
    filter .45s ease,
    box-shadow .45s ease;

}

.galeria-lightbox:hover img{

    transform:scale(1.08);

    filter:brightness(1.08);

}

.galeria-lightbox::after{

    content:"🔍";

    position:absolute;

    top:50%;

    left:50%;

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

    font-size:38px;

    color:white;

    opacity:0;

    transition:.35s;

}

.galeria-lightbox:hover::after{

    opacity:1;

}

.galeria-lightbox:hover{

    box-shadow:0 18px 35px rgba(0,0,0,.30);

}

/*==================================================
HERO DEL ARTÍCULO
==================================================*/

.hero-articulo{

    margin-bottom:50px;

}

.hero-imagen{

    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:18px;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

}

.hero-contenido{

    text-align:center;

    margin-top:35px;

}

.hero-titulo{

    font-size:2.7rem;

    font-weight:700;

    color:#222;

    margin-bottom:18px;

}

.hero-meta{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.badge-categoria{

    background:#d4af37;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:.9rem;

}

.badge-fecha{

    background:#f4f4f4;

    color:#555;

    padding:8px 18px;

    border-radius:30px;

    font-size:.9rem;

}

@media(max-width:768px){

.hero-imagen{

height:300px;

}

.hero-titulo{

font-size:2rem;

}

}

/*=========================================
ARTÍCULOS RELACIONADOS
=========================================*/

.card-relacionado{

    border:none;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    transition:all .35s ease;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    height:100%;

}

.card-relacionado:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

.card-relacionado img{

    width:100%;

    height:230px;

    object-fit:cover;

}

.card-relacionado .card-body{

    padding:25px;

}

.card-categoria{

    display:inline-block;

    background:#d4af37;

    color:#fff;

    padding:5px 15px;

    border-radius:20px;

    font-size:.75rem;

    margin-bottom:15px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.card-relacionado h5{

    font-weight:700;

    margin-bottom:15px;

    min-height:60px;

}

.card-relacionado p{

    color:#777;

    font-size:.95rem;

}

.btn-relacionado{

    display:inline-block;

    margin-top:10px;

    color:#d4af37;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.btn-relacionado:hover{

    color:#000;

    letter-spacing:.5px;

}


/*=========================================
COMPARTIR ARTÍCULO
=========================================*/

.compartir-articulo{

display:flex;

flex-wrap:wrap;

gap:15px;

margin-bottom:40px;

}

.btn-compartir{

padding:12px 22px;

border-radius:40px;

text-decoration:none;

font-weight:600;

color:#fff;

transition:.3s;

display:inline-flex;

align-items:center;

gap:8px;

border:none;

cursor:pointer;

}

.btn-compartir:hover{

transform:translateY(-3px);

color:#fff;

}

.whatsapp{

background:#25D366;

}

.facebook{

background:#1877F2;

}

.x{

background:#000;

}

.copiar{

background:#6c757d;

}