<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/o8MDiPmTtUA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
NO ES NECESARIO CAMBIAR A 100 EL 560 ME PARECE
solo el poner el .video
@media screen and (max-width:480px){
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video{
width: auto;
}} para que sea responsivo????? quisiera unos comentarios ya que probe cambiado a 100 y se desconfiguraba para IPHONEX
