/* ======================================================
   POST CARD - Tarjetas reutilizables de posts
   Owner canónico: assets/css/components/shared/post-card.css
   Migrado deINFORME: components/shared/post-card.css
   Restaurado deINFORME: module-post-card.css (legacy eliminado)
====================================================== */

.informe-post-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.informe-post-card__image {
    margin-bottom: .8125rem; /* 13px - según estándar El País */
    overflow: hidden;
    position: relative;
}

.informe-post-card__image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    border-radius: 0;
}

.informe-post-card:hover .informe-post-card__image img {
    transform: scale(1.02);
}

/* ======================================================
   VIDEO OVERLAY (thumb/cards)
====================================================== */

/* Wrapper de imagen */
.informe-thumb,
.informe-post-card__thumb,
.informe-post-card__image,
.informe-card-thumb,
.destacado-thumb,
.single-hero__media,
.informe-policial-editorial__main-image,
.informe-policial-editorial__item-image,
.informe-thumb a,
.informe-post-card__thumb a,
.informe-post-card__image a,
.informe-policial-editorial__main-image a,
.informe-policial-editorial__item-image a {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Play indicator */
.informe-thumb-play {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    z-index: 5;
    pointer-events: none;

    /* look pro */
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(2px);
    transition: transform .2s ease, background .2s ease;
}

.informe-thumb-play svg {
    width: 16px !important;
    height: 16px !important;
    display: block;
}

.informe-thumb-play svg circle {
    fill: transparent !important;
}

.informe-thumb-play svg polygon {
    fill: #fff !important;
}

/* Defensa: si algún template inyecta el play fuera del thumb, ocultarlo */
.informe-policial-editorial__main > .informe-thumb-play,
.informe-policial-editorial__item > .informe-thumb-play {
    display: none;
}

/* Hover */
.informe-post-card:hover .informe-thumb-play,
.informe-thumb:hover .informe-thumb-play {
    background: rgba(0, 0, 0, .70);
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .informe-thumb-play {
        width: 30px;
        height: 30px;
        left: 10px;
        bottom: 10px;
    }

    .informe-thumb-play svg {
        width: 14px !important;
        height: 14px !important;
    }
}

.informe-post-card__content {
    display: flex;
    flex-direction: column;
}

.informe-post-card__meta {
    margin-bottom: 0; /* Sin margen - el spacing lo maneja el título */
}

.informe-post-card__category {
    font-family: MarcinAntB, sans-serif; /* Según referencia El País */
    font-size: var(--fs-meta);        /* .6875rem - 11px */
    line-height: var(--lh-excerpt);   /* 1.27 */
    text-transform: uppercase;
    color: var(--sde-color-primary); /* Restaurado desde module-post-card.css legacy */
    font-weight: var(--fw-meta);      /* 500 */
    letter-spacing: var(--ls-meta);   /* .0125rem */
}

.informe-post-card__title {
    font-family: MajritTx, serif; /* Según referencia El País */
    font-weight: var(--fw-title-base); /* 600 - Estándar El País */
    margin: 0 0 8px 0;
    line-height: var(--lh-title-base); /* 1.15 - Estándar El País */
    letter-spacing: var(--ls-title-base); /* -.018125rem - Estándar El País */
}

.informe-post-card__title a {
    color: var(--sde-color-black); /* Restaurado desde module-post-card.css legacy */
    text-decoration: none;
    transition: color 0.2s ease;
}

.informe-post-card__title a:hover {
    color: var(--sde-color-primary-alt); /* Restaurado desde module-post-card.css legacy */
}

.informe-post-card__excerpt {
    font-family: MajritTxRoman, serif; /* Según referencia El País */
    font-size: var(--fs-excerpt);     /* .9375rem - 15px */
    line-height: var(--lh-excerpt);   /* 1.27 */
    color: var(--color-excerpt);      /* #4a4a4a */
    margin-bottom: 8px;
}

.informe-post-card__date {
    font-family: MarcinAntB, sans-serif; /* Según referencia El País */
    font-size: var(--fs-meta);        /* .6875rem - 11px */
    line-height: var(--lh-excerpt);   /* 1.27 */
    color: var(--color-meta);         /* #666 */
    text-transform: uppercase;
    letter-spacing: var(--ls-meta);   /* .0125rem */
}

.informe-post-card__date time {
    color: inherit;
}

/* ======================================================
   VARIANTES
====================================================== */

/* DEFAULT - Foto + título + excerpt */
.informe-post-card--default .informe-post-card__image {
    aspect-ratio: 3/2;
}

.informe-post-card--default .informe-post-card__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.informe-post-card--default .informe-post-card__title {
    font-size: var(--fs-title-base);  /* 1.25rem - 20px */
}

/* COMPACT - Foto + título (sin excerpt) */
.informe-post-card--compact .informe-post-card__image {
    aspect-ratio: 3/2;
    margin-bottom: 8px;
}

.informe-post-card--compact .informe-post-card__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.informe-post-card--compact .informe-post-card__title {
    font-size: var(--fs-title-md);     /* 1.125rem - 18px */
    line-height: var(--lh-title-list); /* 1.17 */
    letter-spacing: var(--ls-title-md);/* -.016875rem */
    margin-bottom: 4px;
}

.informe-post-card--compact .informe-post-card__date {
    font-size: 10px;
}

/* LIST - Sin foto, título + excerpt */
.informe-post-card--list {
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e6;
}

.informe-post-card--list:last-child {
    border-bottom: none;
}

.informe-post-card--list .informe-post-card__title {
    font-size: var(--fs-title-md);     /* 1.125rem - 18px */
    line-height: var(--lh-title-list); /* 1.17 */
    letter-spacing: var(--ls-title-md);/* -.016875rem */
    margin-bottom: 6px;
}

.informe-post-card--list .informe-post-card__excerpt {
    font-size: var(--fs-excerpt);     /* .9375rem - 15px */
    line-height: var(--lh-excerpt);   /* 1.27 */
    margin-bottom: 6px;
}

/* SQUARE - Foto cuadrada 1:1 */
.informe-post-card--square .informe-post-card__image {
    aspect-ratio: 1/1;
    margin-bottom: 10px;
}

.informe-post-card--square .informe-post-card__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.informe-post-card--square .informe-post-card__title {
    font-size: var(--fs-title-sm);     /* 1rem - 16px */
    line-height: var(--lh-title-sm);   /* 1.19 */
    letter-spacing: var(--ls-title-sm);/* -.005625rem */
    margin-bottom: 4px;
}

.informe-post-card--square .informe-post-card__date {
    font-size: 10px;
}

/* FEATURED - Título grande, imagen grande */
.informe-post-card--featured .informe-post-card__image {
    aspect-ratio: 3/2;
    margin-bottom: 16px;
}

.informe-post-card--featured .informe-post-card__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.informe-post-card--featured .informe-post-card__title {
    font-size: var(--fs-title-xl);     /* 1.875rem - 30px */
    line-height: var(--lh-hero);       /* 1.07 */
    letter-spacing: var(--ls-hero);    /* -.0675rem */
    font-weight: var(--fw-title-featured); /* 700 */
    margin-bottom: 12px;
}

.informe-post-card--featured .informe-post-card__excerpt {
    font-size: var(--fs-excerpt);     /* .9375rem - 15px */
    line-height: var(--lh-excerpt);   /* 1.27 */
    margin-bottom: 12px;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width: 768px) {
    .informe-post-card--featured .informe-post-card__title {
        font-size: var(--fs-title-md);     /* 1.125rem - 18px Mobile */
        line-height: var(--lh-title-list); /* 1.17 */
    }
    
    .informe-post-card--featured .informe-post-card__excerpt {
        font-size: var(--fs-title-xs);    /* .875rem - 14px Mobile */
        line-height: var(--lh-compact);   /* 1.21 */
    }
    
    .informe-post-card--default .informe-post-card__title {
        font-size: var(--fs-title-sm);     /* 1rem - 16px Mobile */
        line-height: var(--lh-title-sm);   /* 1.19 */
    }
}