/*
 * Versión móvil de Canal 10.
 *
 * El sitio original es de ancho fijo (1000 px). Todo lo de este archivo vive dentro de la consulta
 * de medios de abajo: en una pantalla de escritorio no cambia NADA respecto del original.
 */

.c10-menu-boton { display: none; }

@media (max-width: 1000px) {

	html, body { overflow-x: hidden; }
	body { background-size: cover !important; }
	img, iframe, video { max-width: 100%; }

	.c10-portales { display: none !important; }

	.CentradorPlantilla,
	.PieTransparente {
		width: 100% !important;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
	}

	/* --- cabecera y menú --- */
	.headerHome { width: 100% !important; background-position: center top !important; background-size: 1000px auto !important; }
	.headerHome a { display: block; margin: 0 auto !important; float: none !important; }

	.MenuSuperior {
		width: 100% !important; height: auto !important; box-sizing: border-box;
		display: flex !important; flex-wrap: wrap; align-items: center;
		padding: 6px 10px !important; margin: 0 !important; float: none !important; position: relative;
	}
	.c10-menu-boton {
		display: block; width: 44px; height: 40px; padding: 9px 8px; margin: 0;
		background: transparent; border: 0; cursor: pointer; order: 1;
	}
	.c10-menu-boton span { display: block; height: 3px; margin: 4px 0; background: #fff; border-radius: 2px; }
	.MenuSuperior > a {
		display: none !important; order: 3; width: 100% !important; float: none !important; box-sizing: border-box;
		height: auto !important; line-height: 44px !important; margin: 0 !important; padding: 0 6px !important;
		text-align: left !important; border-top: 1px solid rgba(255,255,255,.25); background-image: none !important;
	}
	.MenuSuperior.c10-abierto > a { display: block !important; }
	.MenuSuperior .redesNuevo { order: 2; margin: 0 0 0 auto !important; float: none !important; width: auto !important; display: flex; flex-direction: row-reverse; gap: 6px; }
	.MenuSuperior .redesNuevo a { float: none !important; margin: 0 !important; }

	/* --- portada --- */
	.ContenedorFullCuerpo, .BloqueVideosEncuesta, .ContCuadrosBottomHome, .contenedorEntero {
		width: 100% !important; height: auto !important; float: none !important; display: block !important;
		margin: 0 !important; padding: 0 !important; box-sizing: border-box; overflow: hidden;
	}
	.contenedorNovedades, .ContenedorHomeEnPant, .ColIzqHome, .ColDerHome {
		width: 100% !important; height: auto !important; float: none !important; display: block !important;
		margin: 0 0 10px 0 !important; padding: 0 !important; position: relative;
	}
	/* El carrusel grande mide 627 × 360 fijos. jCarouselLite toma el ancho de cada panel al arrancar,
	   así que alcanza con que el panel mida el ancho de la pantalla y conserve la proporción. */
	.stepcarouselMultimediaContenedor, .stepcarouselMultimedia { margin: 0 !important; width: 100vw !important; height: 57.42vw !important; float: none !important; }
	.ListadoMultimedia .panelMultimedia { width: 100vw !important; height: 57.42vw !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
	.ListadoMultimedia .panelMultimedia a { width: 100vw !important; height: 57.42vw !important; display: block !important; }
	.ListadoMultimedia .panelMultimedia img { width: 100% !important; height: 100% !important; display: block; }
	.contenedorNovedades #navegador { position: absolute; left: 0; top: 0; width: 100%; height: 57.42vw; margin: 0 !important; pointer-events: none; }
	.contenedorNovedades #navegador a { pointer-events: auto; position: absolute !important; top: 50% !important; margin: -22px 0 0 0 !important; float: none !important; }
	.contenedorNovedades #navegador .flechaIzq { left: 4px !important; right: auto !important; }
	.contenedorNovedades #navegador .flechaDer { right: 4px !important; left: auto !important; }

	.EnPantalla, #EnPantalla { width: 100% !important; height: auto !important; float: none !important; margin: 0 !important; box-sizing: border-box; }
	.EnPantalla .ContenedorProgramasEnPantalla, .EnPantalla .Titulo, .EnPantalla .Ahora, .EnPantalla .Despues,
	.EnPantalla table, .EnPantalla .botonEnVivoNew { width: 100% !important; box-sizing: border-box; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }
	.EnPantalla .Ahora .Programa, .EnPantalla .Despues .Programa { width: auto !important; }

	/* el reproductor conserva su proporción 628:360 */
	.VideoHomeContenedor, .PlacaMiraAhora {
		width: 100% !important; height: 0 !important; padding-bottom: 57.32% !important;
		margin-left: 0 !important; float: none !important; background-size: cover !important; box-sizing: content-box;
	}
	.PlacaMiraAhora { margin-top: -57.32% !important; position: relative; }
	.VideoHomeContenedor { position: relative; }
	.VideoHomeContenedor iframe { position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; }
	.ColIzqHome > div[style*="width: 670px"] { display: none !important; }

	.stepcarouselMultimediaContenedorConvB, .stepcarouselMultimediaContenedorConv { margin: 10px auto !important; float: none !important; }

	.ContCuadrosBottomHome .Facebook, .ContCuadrosBottomHome .Twitter, .ContCuadrosBottomHome .Convocatorias {
		width: 100% !important; float: none !important; margin: 0 0 14px 0 !important; box-sizing: border-box; text-align: center; height: auto !important;
	}

	.ContCuadrosBottomHome .TituCuadro { width: 100% !important; box-sizing: border-box; float: none !important; display: block !important; margin-left: 0 !important; }
	.ContCuadrosBottomHome iframe { max-width: 100%; }
	.ContenedorRotativoConvocatoria { width: 100% !important; float: none !important; margin: 0 !important; }
	.stepcarouselMultimediaContenedorConv, .stepcarouselMultimediaContenedorConvB { width: 280px !important; }
	.EnPantalla .ContenedorProgramasEnPantalla, .ContenedorHomeEnPant .EnPantalla { height: auto !important; padding-bottom: 0 !important; }
	.BotoneraSecundaria { line-height: 1.6 !important; padding: 6px 8px !important; }

	/* --- pie --- */
	.Pie, .PieMenuHome, .BotoneraSecundaria, .GrupoCronica { width: 100% !important; height: auto !important; float: none !important; box-sizing: border-box; text-align: center; margin-left: 0 !important; margin-right: 0 !important; }
	.PieMenuHome a { display: inline-block; float: none !important; margin: 4px 8px !important; }
	.PieTransparente { height: auto !important; padding: 12px 10px !important; text-align: center; }
	.PieTransparente span { display: block !important; float: none !important; width: auto !important; margin: 0 0 8px 0 !important; text-align: center !important; }

	/* --- programas y noticieros --- */
	.TituloSeccionProgramas, .TituloSeccionNotic, .TituloDiasYHorarios, .TituloSeccionCont, .TituloSeccionGenerica {
		width: 100% !important; box-sizing: border-box; float: none !important; margin-left: 0 !important; margin-right: 0 !important;
	}
	.ListadoHomeProgramas { width: 100% !important; box-sizing: border-box; float: none !important; margin: 0 0 16px 0 !important; padding: 8px 4px !important; height: auto !important; display: flex !important; flex-wrap: wrap; justify-content: center; }
	.ListadoHomeProgramas .ItemPrograma { float: none !important; margin: 5px !important; }
	.tituDiasProgramas { width: 100% !important; float: none !important; margin-left: 0 !important; }

	.NaranjaGrandeCont, .AzulGrandeCont, .VioletaGrandeCont { width: 100% !important; height: auto !important; float: none !important; margin: 0 !important; box-sizing: border-box; }
	.NaranjaGrandeCont .ImagenMain, .AzulGrandeCont .ImagenMain, .VioletaGrandeCont .ImagenMain { width: 100% !important; height: auto !important; float: none !important; display: block; }
	.NaranjaGrandeCont .NombrePrograma, .AzulGrandeCont .NombreNoticiero { width: auto !important; float: none !important; display: block !important; height: auto !important; padding: 10px !important; margin: 0 !important; }
	.HorariosProg, .HorariosNoti, .DescripcionNoti { width: 100% !important; box-sizing: border-box; float: none !important; margin: 10px 0 !important; padding: 0 14px !important; height: auto !important; }
	.EspacionVacio, .BannerAbajoNotic { height: 20px !important; width: 100% !important; float: none !important; }

	.ImgMainNotic { width: 100% !important; height: auto !important; float: none !important; margin: 0 !important; }
	.CentradorNotic, .ListadoHomeNoticieros { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; position: static !important; }
	.ListadoHomeNoticieros { display: flex !important; flex-wrap: wrap; justify-content: center; padding: 10px 0 !important; }
	.ListadoHomeNoticieros .ContNotic { float: none !important; margin: 6px !important; }

	/* --- días y horarios: la grilla se desplaza de costado, con las horas fijas --- */
	#ProgramacionContenedor { width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; display: flex !important; float: none !important; margin: 0 !important; }
	#ProgramacionContenedor .ejeHoras { position: sticky; left: 0; z-index: 3; flex: 0 0 auto; float: none !important; background: #fff; }
	#ProgramacionContenedor .contenedorDia { flex: 0 0 auto; float: none !important; }
	#ProgramacionContenedor .ItemProgramaFlotando { display: none !important; }

	/* --- contacto y formularios --- */
	.FondoFotoDesenfoque, .ConenedorFormulario, .ContenedorNewsletterFormu, .ContenedorCurriculumFormu, .ContListadosContacto {
		width: 100% !important; height: auto !important; float: none !important; box-sizing: border-box; margin: 0 0 14px 0 !important; padding: 10px 14px !important; position: static !important;
	}
	.FondoFotoDesenfoque { padding: 0 !important; background-size: cover !important; }
	#formulario, #formulario li { width: 100% !important; float: none !important; box-sizing: border-box; height: auto !important; margin-left: 0 !important; padding-left: 0 !important; }
	#formulario input[type="text"], #formulario textarea { width: 100% !important; box-sizing: border-box; float: none !important; }
	#formulario .tituloDato { width: auto !important; float: none !important; text-align: left !important; }
	.ContenedorCurriculumFormu .TituLight { font-size: 15px !important; word-break: break-all; height: auto !important; line-height: 1.3 !important; }
	.ContListadosContacto ul { width: 100% !important; float: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; }
	.VioletaGrandeCont .LeyendaCan10, .VioletaGrandeCont .DirecCont { position: static !important; display: block !important; width: auto !important; float: none !important; margin: 0 !important; padding: 8px 12px !important; height: auto !important; line-height: 1.3 !important; }

	/* --- páginas de texto --- */
	.EncaGrisGenerico, .DecripcionGenerico { width: 100% !important; height: auto !important; float: none !important; box-sizing: border-box; margin: 0 !important; }
	.EncaGrisGenerico img { width: 100% !important; height: auto !important; }
	.DecripcionGenerico { padding: 12px 14px !important; }
	.DecripcionGenerico > div { width: 100% !important; float: none !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; }
}