@media (max-width: 1024px) {
	.label-filter {
		text-align: left !important;
		/* margin-top: -115px ; */
		/* ESTE CAUSA QUE EL SELECT NO SE PUEDAN SELECCIONAR OPCIONES */
	}

	.imagen_container {
		margin-top: 10px !important;
		pointer-events: none;
	}


	/* 	.td-table{ */
	/* 		width : 100% !important; */
	/* 	} */

	input {
		position: relative;
		z-index: 10;
	}
	
	.medidas-coberturas2{
		margin-top: -40px !important;
		margin-bottom: -14px !important;
	}

	.medidas-coberturas2 table,
	.medidas-coberturas2 thead,
	.medidas-coberturas2 tbody,
	.medidas-coberturas2 th,
	.medidas-coberturas2 td,
	.medidas-coberturas2 tr {
		display: block;
		width: 100%;
	}

	/* Ocultamos el header */
	.medidas-coberturas2 thead {
		display: none;
	}

	/* Cada celda ocupa toda la fila */
	.medidas-coberturas2 td {
		width: 100% !important;
		border: none !important;
		padding: 8px 0;
	}

	/* Usamos el texto del <th> como "label" */
	.medidas-coberturas2 td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 4px;
		font-size: 14px;
	}

	/* Ajustamos la imagen */
	.medidas-coberturas2 .imagen_container {
		margin: 10px auto;
		text-align: center;
	}

	/* ancho de los inputs de las medidas*/
	.medidas-ancho {
		width: 100% !important;
	}

	.button-container {
		margin-top: 30px;
	}

	.seccion-medidas-container1 {
		margin-top: -120px !important;
		margin-left: -12px !important;
	}

	.medidas-label {
		margin-bottom: 56px !important;
		margin-left: 6px !important;
	}


	.service-type-placeholder,
	.pe-pak2go-service-type-placeholder {
		font-size: 10px;
		margin-left: 60px;
	}

	.service-type-placeholder i.material-icons,
	.pe-pak2go-service-type-placeholder i.material-icons {
		font-size: 15px;
	}

	.precio-placeholder,
	.dhl_precio-placeholder,
	.pe-pak2go-precio-placeholder {
		font-size: 10px;
		font-weight: bold;
	}

	.estafeta_reexp_container_si {
		font-size: 10px !important;
	}

	/* Esto fuerza a que todos los hijos también hereden ese tamaño */
	.estafeta_reexp_container_si * {
		font-size: inherit !important;
	}


	.estafeta_reexp_container_no * {
		font-size: inherit !important;
	}

	.frecuencia-estafeta {
		font-size: 10px !important;
	}

	.frecuencia-estafeta * {
		font-size: inherit !important;
	}

	.card-message_coberturas2 {
		font-size: 10px !important;
		padding: 2px 4px !important;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.zonas-mobile {
		font-size: 10px !important;
	}

	.zonas-mobile * {
		font-size: inherit !important;
	}

	#container_dhl_frecuencia {
		font-size: 10px !important;
	}

	#container_dhl_frecuencia * {
		font-size: inherit !important;
	}

	.zonaextendida2-placeholder {
		font-size: 10px !important;
	}

	.zonaextendida2-placeholder * {
		font-size: inherit !important;
	}

	.zonaextendida-placeholder {
		font-size: 10px !important;
	}

	.zonaextendida-placeholder * {
		font-size: inherit !important;
	}

	.pe-pak2go-zonaextendida-placeholder {
		font-size: 10px !important;
	}

	.pe-pak2go-zonaextendida-placeholder * {
		font-size: inherit !important;
	}

	.data-pe {
		font-size: 10px !important;
	}

	.data-pe * {
		font-size: inherit !important;
	}

	.new_cotizacion_detalle .row>.col-6 {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}

	/* Opcional: agregar un pequeño margen inferior entre bloques */
	.new_cotizacion_detalle .row>.col-6+.col-6 {
		margin-top: 15px;
	}

	/* Ajustar el ancho de la tarjeta para que no desborde */
	.new_cotizacion_detalle .card.estafeta {
		width: 100% !important;
	}


	.card.estafeta {
		min-width: 550px !important;
	}
	
	/* Etiquetas rojas con ancho fijo para evitar desborde */
	.card-message2 {
		width: 200px !important;
		white-space: normal;
	}
	
	/* seccion de rangos oculta */
	.card.estafeta.estafeta-alt,
	.card.fedex.fedex-alt
	{
		display:none !important;
	}
	
	/* Seccion de la tarjeta que aparece con contenido encimado */
	.new_cotizacion_trigger {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start;
		row-gap: 10px;
	}
	
	.new_cotizacion_trigger>div {
		width: 100% !important;
/* 		margin-top: -25px !important; */
	}
	
	.service-type-row p {
		margin-top: 0 !important;
	}
	
	.estafeta_reexp_container_si,
	.estafeta_reexp_container_no,
	.frecuencia-estafeta {
		margin-top: 5px !important;
	}
	
	.new_cotizacion_icono_toggle {
		align-self: flex-end !important;
		margin-top: 10px !important;
	}
	.service-type-placeholder::before {
		content: "Servicio: ";
		font-weight: normal;
		margin-right: 4px;
		font-weight: bold;
	}
	p.service-type-placeholder{
		display: flex;
		align-items: center;
		margin-left: 20px;
	}
	.precio-placeholder::before {
		content: "Precio: ";
		font-weight: normal;
		margin-right: 4px;
		font-weight: bold;
	}

	h4{
		white-space: nowrap;
	}
	
	.container-estafeta-precios{
		margin-top: -25px !important;
		padding-left: 35px;
	}
	
	.container-estafeta-reexp{
		margin-top: -48px !important;
		padding-left: 34px;
	}
	
	.new_cotizacion_container * {
		font-size: 13px !important;
	}
	
	.frecuencia-estafeta {
		display: inline-flex;        /* hace que los hijos estén en la misma línea */
		align-items: center;         /* centra verticalmente texto e ícono si hay */
		gap: 4px;                    /* espacio entre "Frecuencia:" y el valor */
		flex-wrap: nowrap;           /* evita que se rompa en varias líneas */
	}

	.frecuencia-estafeta b,
	.frecuencia-estafeta .frecuencia-placeholder {
		font-size: 13px !important;  /* unifica tamaño de fuente en móvil */
	}
	
	.container-estafeta-frecuencia{
		margin-top: -12px !important;
		padding-left: 34px;
	}
	
	.container-estafeta-icono{
		margin-top: -15px !important;
		padding-left: 32px !important;
	}
	
	.new_cotizacion_icono_toggle {
		position: relative; /* necesario para ::after */
	}

	.new_cotizacion_icono_toggle::after {
		content: " ";          /* texto que aparecerá junto al icono */
		display: inline-block;
		text-decoration: underline;    /* subrayado como enlace */
		color: #3161C4;                /* color de enlace */
		cursor: pointer;               /* cursor de mano */
		font-size: 13px;               /* tamaño coherente con resto de móvil */
		margin-left: 4px;              /* separa el texto del icono */
		vertical-align: middle;        /* alinea con el ícono */
	}
	
	.container-estafeta-logo{
		margin-left: -20px !important;
		margin-bottom: -15px !important;
	}
	
	.container-fedex-logo{
		margin-left: -20px !important;
		margin-bottom: -15px !important;
	}
	
	.service-type-b{
		white-space: nowrap;
	}
	
	.container-fedex-service-type{
		margin-top: 12px !important;
	}
	
	.container-fedex-precios{
		margin-top: -23px !important;
		padding-left: 35px !important;
	}
	
	.container-ze-b{
		white-space: nowrap;
	}
	
	.container-fedex-zona-extendida{
		margin-top: -20px !important;
		padding-left: 35px !important;
	}
	
	.container-fedex-zonas{
		margin-top: -10px !important;
		padding-left: 35px !important;
	}
	
	.container-fedex-zonas {
		display: inline-flex;        /* coloca los hijos en línea */
		align-items: center;         /* alinea verticalmente */
		gap: 4px;                    /* espacio entre "Zona:" y el valor */
		flex-wrap: nowrap;           /* evita salto de línea */
	}

	.container-fedex-zonas b,
	.container-fedex-zonas .zona-placeholder {
		font-size: 13px !important;  /* unifica el tamaño en móvil */
	}
	
	.container-fedex-icono{
		margin-top: -15px !important;
		padding-left: 32px !important;
	}
	
	.container-dhl-logo{
		margin-left: -20px !important;
		margin-bottom: -12px !important;
	}
	
	.precio_container_dhl {
		white-space: nowrap; /* evita que se rompa en dos líneas */
	}

	.precio_container_dhl::before {
		content: "Precio: ";       /* texto que se mostrará antes */
		font-weight: normal;       /* menos pesado que el valor */
		font-size: 13px;           /* consistente con el resto */
		margin-right: 4px;         /* separación con el precio */
		font-weight: bold;
	}
	
	.container-dhl-precios{
		margin-top: -25px !important;
		padding-left: 35px !important;
	}
	.container-dhl-ze{
		white-space: nowrap;
	}
	.container-dhl-ze{
		margin-top: -24px !important;
		padding-left: 19px !important;
		margin-bottom: -2px !important;
	}
	#container_dhl_frecuencia {
		display: inline-flex;        /* coloca el texto y valor en una sola línea */
		align-items: center;         /* alinea verticalmente */
		gap: 4px;                    /* espacio entre "Frecuencia:" y el valor */
		flex-wrap: nowrap;           /* evita salto de línea */
	}

	#container_dhl_frecuencia b,
	#container_dhl_frecuencia .frecuencia-placeholder {
		font-size: 13px !important;  /* unifica el tamaño de fuente en móvil */
		white-space: nowrap;
	}
	
	.container-dhl-frecuencia{
		margin-top: -15px !important;
		padding-left: 37px !important;
	}
	
	.container-dhl-icono{
		margin-top: -15px !important;
		padding-left: 32px !important;
	}
	
	.container-paqexp-logo{
		margin-left: -20px !important;
		margin-bottom: -12px !important;
	}
	
	.pe-pak2go-service-type-placeholder {
		white-space: nowrap; /* evita que salte de línea */
	}

	.pe-pak2go-service-type-placeholder::before {
		content: "Servicio: ";  /* agrega el texto antes */
		font-weight: normal;    /* menos pesado que el valor */
		font-size: 13px;        /* coherente con el resto */
		margin-right: 4px;      /* separación respecto al ícono */
		font-weight: bold;
	}
	
	.container-paqexp-servicetype{
		margin-left: -38px !important;
	}
	
	.pe-pak2go-precio-placeholder {
		white-space: nowrap; /* evita que se rompa en otra línea */
	}

	.pe-pak2go-precio-placeholder::before {
		content: "Precio: ";   /* texto que aparece antes */
		font-weight: normal;   /* menos pesado que el número */
		font-size: 13px;       /* coherente con el resto */
		margin-right: 4px;     /* espacio entre el texto y el precio */
		font-weight: bold;
	}
	
	.container-paqexp-precio{
		margin-top: -22px !important;
		padding-left: 36px !important;
	}
	
	.container-paqexp-ze .pepak2go_reexp_container {
		display: inline-flex;   /* los pone en línea */
		align-items: center;    /* centra verticalmente */
		white-space: nowrap;    /* evita saltos de línea */
		gap: 4px;               /* espacio entre "Zona Extendida:" y el valor */
		margin-top: -0px !important;
	}
	
	.container-paqexp-ze{
		margin-top: -19px !important;
		padding-left: 37px !important;
	}
	
	.container-paqexp-zona .zona-regular {
		display: inline-flex;   /* mantiene en línea */
		align-items: center;    /* alinea verticalmente */
		white-space: nowrap;    /* evita saltos de línea */
		gap: 4px;               /* espacio entre "Zona:" y el valor */
		margin-top: 5px;
	}
	
	.container-paqexp-zona{
		margin-top: -11px !important;
		padding-left: 37px !important;
	}
	
	.container-paqexp-icono{
		margin-top: -15px !important;
		padding-left: 32px !important;
	}
	
	.container-estafeta-reexp .card-message_coberturas2 {
		display: inline-block !important;
		width: 400px !important;
		white-space: nowrap !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		writing-mode: horizontal-tb !important;
		line-height: 1.2 !important;
		max-width: 300px !important;
		overflow: visible;
		text-align: left;
	}
	
		
	.pepak2go_reexp_container {
		display: block !important;
		text-align: left !important;
	}
	
	.pepak2go_reexp_container b,
	.pepak2go_reexp_container span:first-of-type {
		display: inline;
	}
	
	.pepak2go_reexp_container > .card-message_coberturas2 {
		display: block;
		margin-top: 2px;
		text-align: left;
		width: 400px !important;
		white-space: nowrap !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
		writing-mode: horizontal-tb !important;
		line-height: 1.2 !important;
		max-width: 300px !important;
		overflow: visible;
		text-align: left;
	}
	
	.container-table-servicio-fedex{
		white-space: nowrap !important;
	}
	
	.origen-data,
	.destino-data
	{
		margin-top: -115px !important;
	}
	
	.input-cp-origen{
		margin-bottom: -12px;
	}
	
	.row-destino{
		margin-top: -90px !important;
	}
	
	.seccion-medidas-container1, .medidas-coberturas2 {
		margin-left: -12px !important;
	}
	
	.row:has(.cp-sin-servicio) {
		flex-direction: column !important;
	}
	.container-fedex-sin-servicio:has(.cp-sin-servicio) {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.cp-sin-servicio{
		margin-left: 20px;
	}
	.container-dhl-msg {
		display: block !important;
		margin-top: 2px;
		margin-left: 15px;
		overflow: visible;
		width: 300px !important;
		max-width: none !important;
		text-align: left;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		margin-bottom: 4px !important;
	}
	
	.container-fedex-msg {
		display: block !important;
		margin-top: 2px;
		margin-left: -2px;
		overflow: visible;
		width: 300px !important;
		max-width: none !important;
		text-align: left;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		margin-bottom: 3px !important;
	}
	
	/* Caso de "No" */
	.dhl_reexp_container_no .container-dhl-ze {
		margin-top: 6px !important;
		padding-left: 3px !important;
		display: inline-block;
	}
	.dhl_reexp_container_si .container-dhl-ze {
		margin-top: 6px !important;
	}
	
	.container-estafeta-kilos,
	.container-fedex-kilos
	{
		margin-top: -13px !important;
		padding-left: 35px !important;
	}
	
	.container-dhl-kilos{
		margin-top: -14px !important;
		padding-left: 36px !important;
		margin-bottom: -7px !important;
	}
	.container-pe-kilos{
		margin-top: -13px !important;
		padding-left: 36px !important;
		margin-bottom: 4px !important;
	}
	
	.container-estafeta-sin-servicio{
		margin-top: 5px !important;
	}
}

body.overlay-active {
  overflow: hidden !important;
  touch-action: none !important;
}