/* 
Archivo: css/estilos-conversaciones.css
Descripción: Estilos personalizados para página "Conversaciones".
Autor: Nexbu
Fecha: 07 Agostro 2025
*/
/*** Página Conversaciones ***/
/* Box protagonsitas especiales */
.protagonistas-especiales p.elementor-image-box-description {
    line-height: 1.7em!important;
}
/* Novedades */
.grilla-2 .e-loop-item:nth-child(2) {
    display: none;
}
.elementor-loop-container .type-post {
    margin-top: 0!important;
}
/* Loop */
.e-loop-item .circulo img, img.avatar {
    display: block;
}
.extracto, .loop-extracto p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4em!important;
    overflow: hidden;
    padding-bottom: 2px;
}
.loop-extracto p {
    -webkit-line-clamp: 3;
}
a.img-destacada img {
    background-size: cover;
    border-radius: 20px;
    height: 300px;
    object-fit: cover;
    width: 100%!important;
}
/* Autor */
.loop-autor {
    padding-top: 5px;
}
.loop-autor, .contenedor-info {
    align-items: center;
    display: flex;
    gap: 8px;
}
img.avatar {
    border-radius: 50%;
    height: 48px;
}
.small img.avatar {
    height: 40px;
    width: 40px;
}
.loop-autor h3, .contenedor-info p {
    font-size: 14px;
    margin: 0;
}
.contenedor-info p {
    color: #696969;
}
.small .loop-autor h3, .small .contenedor-info p {
    font-size: 11px;
}
.small .punto {
    width: 2.5px;
}
/* Entrada individual */
iframe {
    border-radius: 20px;
}
.titulo h1 {
    line-height: 1.2em!important;
}
.contenido p {
    line-height: 1.4em!important;
}
.titulo-mas-novedades h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 2px;
}

/*** Responsive ***/
/* Portatil */
@media only screen and (max-width: 1400px) {
    /* Loop */
    a.img-destacada img {
        height: 250px;
    }
    /* Autor */
    .loop-autor h3, .contenedor-info p {
        font-size: 12px;
    }
    .small .loop-autor h3, .small .contenedor-info p {
        font-size: 10px;
    }
}

/* Tablet */
@media only screen and (max-width: 1024px) {
    /* Loop */
    a.img-destacada img {
        border-radius: 15px;
        height: 200px;
    }
    /* Autor */
    .loop-autor h3, .contenedor-info p {
        font-size: 11px;
    }
    .small .loop-autor h3, .small .contenedor-info p {
        font-size: 8px;
    }
}

/* Mobile */
@media (min-width: 600px) and (max-width: 991px) {
    /* Grilla post */
    .grilla-post .elementor-grid {
       grid-template-columns: repeat(2, 2fr)!important;
    }
}

@media only screen and (max-width: 767px) {
    /* Novedades */
    .grilla-2 .e-loop-item:nth-child(2) {
        display: block;
    }
    /* Autor */
    .small .loop-autor, .contenedor-info {
        gap: 4px;
    }
    .loop-autor h3, .contenedor-info p {
        font-size: 10px;
    }
    .punto {
        width: 2px;
    }
    .small .loop-autor h3, .small .contenedor-info p {
        font-size: 7px;
    }
    .small .punto {
        width: 1.5px;
    }
    .small img.avatar {
        height: 30px;
        width: 30px;
    }
    /* Filtro */
    search.e-filter {
        align-items: center!important;
        flex-direction: row!important;
        flex-wrap: wrap !important;
        justify-content: center!important;
        overflow-x: visible!important;
    }
    /* Entrada individual */
    iframe {
        border-radius: 10px;
    }
    .titulo h1 {
        line-height: 1.2em!important;
    }
}

@media (max-width: 599px) {
    /* Grilla post */
    .grilla-post .elementor-grid {
       grid-template-columns: 1fr!important;
    }
}
/*** Fin: Responsive ***/
/*** Fin: Página Conversaciones ***/