Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
/* ==== ITF YouTube Short (Cinema, no-crop) ==== */
.itf-ytshort {
--itf-max-width: 740px; /* matches story column */
--itf-radius: 16px;
--itf-bg-blur: 24px;
--itf-bg-brightness: 0.6;
margin: 1.75rem auto;
max-width: var(--itf-max-width);
}
.itf-ytshort__frame {
position: relative;
width: 100%;
aspect-ratio: 16/9; /* fixed mask */
background: #0f1216;
border-radius: var(--itf-radius);
overflow: hidden;
}
/* Background fill */
.itf-ytshort__bg {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 20%; /* nudge if needed */
filter: blur(var(--itf-bg-blur)) brightness(var(--itf-bg-brightness));
transform: scale(1.1);
}
/* Center the phone and give a little breathing room from the rounded edges */
.itf-ytshort__phone {
position: absolute; inset: 0;
display: grid; place-items: center;
padding: 1rem; /* total vertical padding = 2rem */
}
/* ✅ Size-by-height so the phone NEVER exceeds the 16:9 mask */
.itf-ytshort__phone-inner {
height: calc(100% - 2rem); /* fit to the available frame height */
max-height: 92%; /* small safety margin */
aspect-ratio: 9/16; /* derive width from height */
width: auto; /* let aspect-ratio set width */
border-radius: calc(var(--itf-radius) + 2px);
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
background: #000;
}
/* Scoped iframe so global rules can't break it */
.itf-ytshort__iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
/* Optional caption */
.itf-ytshort__caption {
margin-top: .5rem;
font-size: .9375rem;
color: var(--itf-muted-foreground, #6b7280);
}
/* Fallback if aspect-ratio unsupported */
@supports not (aspect-ratio: 16/9) {
.itf-ytshort__frame { height: 0; padding-top: 56.25%; }
.itf-ytshort__bg, .itf-ytshort__phone { position: absolute; inset: 0; }
}
Daqui a pouco mais de duas semanas, trabalhadores, empregadores e representantes governamentais de todo o mundo se reunirão na Organização Internacional do Trabalho (OIT) em Genebra para concluir as
Em todos os países do mundo existem pessoas com deficiência trabalhando no setor ferroviário. Todos os dias, elas vão ao trabalho e contribuem para o funcionamento de serviços públicos e comerciais
