/* 🔥 LOGO FLOTANTE CENTRADO COMO EX LIBRIS REDONDO (bajado ligeramente) */
.site-logo img, 
.site-branding img, 
.header-logo img, 
.custom-logo img {
    width: 79px !important;
    height: auto !important;
    border-radius: 50% !important;
    border: 2px solid #4B0082 !important;
    padding: 10px !important;
    box-shadow: 0px 0px 15px rgba(75, 0, 130, 0.4) !important;
    mix-blend-mode: normal !important;
    background: none !important;
    position: absolute !important;
    left: 30% !important;
    top: 10px !important; /* Logo bajado un poco más */
    transform: translateX(-40%) !important;
    z-index: 80!important;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* 🔥 LOGO CENTRADO FLOTANTE ANIMADO (DESDE ARRIBA HACIA ABAJO) */
.site-logo img, 
.site-branding img, 
.header-logo img, 
.custom-logo img {
    display: block !important;
    width: 79px !important;
    height: auto !important;
    border-radius: 50% !important;
    border: 2px solid #4B0082 !important;
    padding: 10px !important;
    box-shadow: 0px 0px 15px rgba(75, 0, 130, 0.4) !important;
    mix-blend-mode: normal !important;
    background: none !important;
    position: absolute !important;
    left: 50% !important;
    top: 10px !important;
    transform: translate(-50%, -50px); /* Posición inicial (arriba) */
    opacity: 0;
    z-index: 1000 !important;
    animation: dropLogo 1s ease forwards;
}

@keyframes dropLogo {
    to {
        opacity: 1;
        transform: translate(-1%, 0); /* Posición final */
    }
}

/* 🔥 IMÁGENES UNIFORMES Y CENTRADAS EN TODOS LOS POSTS */
.entry-content img {
    display: block;              /* Convierte imagen en bloque para control total */
    width: 100%;                 /* Ancho uniforme completo del contenedor */
    height: 300px;               /* Altura fija para todas las imágenes */
    object-fit: cover;           /* Evita distorsión manteniendo proporciones */
    margin: 0 auto 20px auto;    /* Centradas horizontalmente con margen inferior */
    border-radius: 8px;          /* Opcional: bordes redondeados */
}
/* 🔥 IMÁGENES DE POSTS ANIMADAS DESDE ARRIBA */
.entry-content img {
    display: block;
    width: 100%;
    height: 300px; /* Ajusta según tus necesidades */
    object-fit: cover;
    border-radius: 8px;
    margin: 0 auto 20px auto;
    opacity: 0;
    transform: translateY(-50px);
    animation: imageDropIn 1s ease forwards;
}

@keyframes imageDropIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}