/*
 * SUPERENTRERRIANOS: Componente slider horizontal
 * 
 * Migrado deINFORME: modules/module-superentrerrianos.css
 * Ubicación: components/ (componente específico)
 */

.informe-superentrerrianos {
    max-width: 1320px;
    margin: 40px auto 60px;
    padding: 0 20px;
}

.informe-superentrerrianos__header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.informe-superentrerrianos__logo {
    height: 54px;
    width: auto;
    display: block;
}

.informe-superentrerrianos__title {
    font-family: var(--font-serif, "MJRT", serif);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.informe-superentrerrianos__title--black {
    color: #000;
}

.informe-superentrerrianos__title--orange {
    color: var(--color-primary, #FF5920);
}

.informe-superentrerrianos__slider {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

.informe-superentrerrianos__item {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    min-width: 340px;
    max-width: 420px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0;
}

.informe-superentrerrianos__img-col {
    flex: 0 0 140px;
    max-width: 140px;
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    border-radius: 0;
}

.informe-superentrerrianos__img-col img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
    aspect-ratio: 3 / 2;
}

.informe-superentrerrianos__info-col {
    flex: 1 1 auto;
    padding: 10px 12px 9px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.informe-front-test .informe-superentrerrianos__title {
    font-family: MajritTx, serif !important;
    font-size: var(--fs-title-sm) !important;     /* 1rem - 16px */
    font-weight: var(--fw-title-base) !important; /* 600 */
    line-height: var(--lh-title-sm) !important;   /* 1.19 */
    letter-spacing: var(--ls-title-sm) !important;/* -.005625rem */
    color: #000 !important;
    margin: 0 0 4px 0 !important;
}

.informe-front-test .informe-superentrerrianos__title a {
    color: #000 !important;
    text-decoration: none !important;
}

.informe-front-test .informe-superentrerrianos__title a:hover {
    color: #EE3339 !important;
    text-decoration: underline !important;
}

/* "En esta nota" - Home y Single */
.informe-front-test .informe-superentrerrianos__meta,
.informe-single-post .informe-superentrerrianos__meta {
    font-family: MarcinAntB, sans-serif !important;
    font-size: var(--fs-meta) !important;       /* .6875rem - 11px */
    font-weight: var(--fw-meta) !important;     /* 500 */
    line-height: var(--lh-excerpt) !important;  /* 1.27 */
    letter-spacing: var(--ls-meta) !important;  /* .0125rem */
    color: var(--color-meta) !important;        /* #666 */
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: var(--space-5) !important;   /* 20px - espaciado en single hero */
}

.informe-superentrerrianos__tag {
    font-weight: 700 !important;
    color: var(--color-primary) !important; /* Naranja - consistente con el resto del sitio */
    margin-left: 2px !important;
    text-decoration: none !important;
    transition: color var(--transition-fast);
}

.informe-superentrerrianos__tag:hover {
    color: var(--color-primary-hover) !important;
    text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .informe-superentrerrianos {
        max-width: 100%;
        padding: 0 16px;
        margin: 32px auto 54px;
    }
    
    .informe-superentrerrianos__item {
        min-width: 260px;
        max-width: 340px;
    }
    
    .informe-superentrerrianos__img-col {
        flex-basis: 90px;
        max-width: 90px;
    }
    
    .informe-superentrerrianos__info-col {
        padding: 10px 10px 8px 10px;
    }
}

@media (max-width: 768px) {
    .informe-superentrerrianos {
        padding: 0;
        margin: 28px auto 46px;
    }
    
    .informe-superentrerrianos__logo {
        height: 42px;
    }
    
    .informe-superentrerrianos__title {
        font-size: 1.25rem;
    }
    
    .informe-superentrerrianos__slider {
        gap: 10px;
    }
    
    .informe-superentrerrianos__item {
        min-width: 100%;
        max-width: 100%;
    }
    
    .informe-superentrerrianos__img-col {
        flex: 0 0 30%;
        max-width: 30%;
        aspect-ratio: 3 / 2;
    }
    
    .informe-superentrerrianos__info-col {
        flex: 1 1 70%;
        padding: 7px 9px 6px 9px;
    }
}

/* ==========================================================
   ESTILOS PARA SINGLE (Superentrerrianos)
========================================================== */

/* "En esta nota" - Tags con anclas */

.informe-superentrerrianos__meta {
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin-bottom: var(--space-5);
}

.informe-superentrerrianos__meta a.informe-superentrerrianos__tag {
    color: var(--color-brand-primary);
    text-decoration: none;
    font-weight: var(--font-weight-bold);
}

.informe-superentrerrianos__meta a.informe-superentrerrianos__tag:hover {
    text-decoration: underline;
}

/* BUG 7: Bloque de noticias relacionadas después de "En esta nota" */

.informe-superentrerrianos-related {
    margin-top: var(--space-5);
    margin-bottom: var(--space-6);
    padding: var(--space-5);
    background: var(--color-gray-100);
    border-radius: var(--border-radius-md);
}

.informe-superentrerrianos-related__title {
    font-family: var(--font-serif);
    font-size: 1.25rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-brand-primary);
}

.informe-superentrerrianos-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
}

.informe-superentrerrianos-related__item {
    position: relative;
}

.informe-superentrerrianos-related__item a {
    display: block;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.informe-superentrerrianos-related__item a:hover {
    transform: translateY(-2px);
}

.informe-superentrerrianos-related__thumb {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    margin-bottom: var(--space-3);
}

.informe-superentrerrianos-related__item-title {
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.informe-superentrerrianos-related__item a:hover .informe-superentrerrianos-related__item-title {
    color: var(--color-brand-primary);
}

@media (max-width: 768px) {
    .informe-superentrerrianos-related {
        padding: var(--space-4);
    }
    
    .informe-superentrerrianos-related__grid {
        grid-template-columns: 1fr;
        gap: var(--space-5);
    }
}