/* Estilos para las tarjetas del feed y tributos */

/* Tarjetas con bordes redondeados */
.card-rounded {
    border-radius: 6px !important;
    overflow: hidden;
}

/* Tarjetas del feed */
.feed-card,
.tribute-card,
.tribute-preview,
.memory-card,
div[class*="rounded-lg"],
div[class*="shadow"],
div[class*="p-4"].bg-white,
div[class*="p-6"].bg-white {
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

/* Efecto hover suave para las tarjetas */
.feed-card:hover,
.tribute-card:hover,
.tribute-preview:hover,
.memory-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03) !important;
}

/* Imágenes dentro de tarjetas */
.feed-card img,
.tribute-card img,
.tribute-preview img {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    object-fit: cover;
    width: 100%;
}

/* Botones dentro de las tarjetas */
.feed-card button,
.tribute-card button,
.tribute-preview button,
.memory-card button {
    border-radius: 8px;
}

/* Botón de favorito en tarjetas más pequeño */
.favorite-button-sm {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

.favorite-button-sm:hover,
.favorite-button-sm:focus,
.favorite-button-sm:active {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    transform: scale(1.1);
}

.favorite-button-sm i {
    font-size: 20px;
    color: #DE2B49;
    transition: transform 0.2s;
}

.favorite-button-sm:hover i {
    transform: scale(1.1);
}