.template {
    width: 100%;
    height: 90vh;
    padding: 0;
    background:#EFF5F7 ;
}


.template video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.template {
    margin-top: 20px;
}

/* 📱 MÓVIL */
@media (max-width: 767px) {
    .template {
        width: 100%;
        height: 30vh;
        overflow: hidden;
    }
}


/* 📱 TABLET */
@media (min-width: 768px) and (max-width: 1023px) {
    .template {
        width: 100%;
        height: 50vh;
        overflow: hidden;
    }
}

/* 📱 MÓVIL LANDSCAPE */
@media (max-width: 767px) and (orientation: landscape) {
    .template {
        height: auto;
    }
}

/* 📲 TABLET LANDSCAPE */
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .template {
        height: auto;
    }
}