/* 
 * TEE Así se Resuelve - CSS base
 * Este archivo solo mantiene estructura mínima.
 * El diseño visual se controla desde la página donde se use el shortcode.
 */

/* GRID DE VIDEOS */

.tee-asr-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    width: 100%;
}

.tee-asr-card {
    min-width: 0;
    overflow: hidden;
}

.tee-asr-card-thumb-link {
    display: block;
    width: 100%;
}

.tee-asr-card-thumb {
    width: 100%;
    height: auto;
    display: block;
}

.tee-asr-card-body {
    width: 100%;
}

.tee-asr-card-title {
    margin: 0;
}

.tee-asr-card-title a {
    text-decoration: none;
}

.tee-asr-card-date {
    margin: 0;
}

.tee-asr-card-excerpt {
    width: 100%;
}

/* VIDEO DESTACADO */

.tee-asr-featured {
    width: 100%;
}

.tee-asr-featured-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.tee-asr-featured-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.tee-asr-featured-body {
    width: 100%;
}

.tee-asr-featured-title {
    margin: 0;
}

.tee-asr-featured-title a {
    text-decoration: none;
}

.tee-asr-featured-date {
    margin: 0;
}

/* VIDEO INDIVIDUAL */

.tee-asr-single {
    width: 100%;
}

.tee-asr-single iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    display: block;
}

.tee-asr-single h3,
.tee-asr-single p {
    margin: 0;
}