/* Estilos generales */
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	body {
		font-family: 'Montserrat', sans-serif;
		font-display: swap;
		background-color: #F0F2F0;
	}
.general-container{
	padding-top: 150px;
	position: relative;
}
	.snap-container {
		scroll-snap-type: y mandatory; /* Ajusta en dirección vertical */
		overflow-y: scroll;
		height:  calc(100vh - 200px);
	  }
	  
	  .snap-section {
		scroll-snap-align: start;
		height:  calc(100vh - 200px);/* Para que ocupe toda la pantalla */
	  }

	.wp-site-blocks {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.seccion-contactos{
		display: flex;
		align-items: center;
	}

	.container {
		width: 100%;
		position: relative;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	video {
		position: absolute;
		top: 50%;
		left: 50%;
		height: calc(100vh - 150px);
		width: 100%;
		z-index: 0;
		transform: translate(-50%, -50%);
		object-fit: cover;
		overflow-y: hidden;
	  }

	.seccion-principal {
		background:transparent;
		background-size: cover;
		background-position: center;
		min-height: calc(100vh - 150px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}
	

	.seccion-servicios-interna {
		background-image: url('./../img/slide_principal.jpg');
		background-size: cover;
		background-position: center;
		min-height:  calc(100vh - 200px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.seccion-noticias {
		background-image: url('./../img/banner_noticias.jpg');
		background-size: cover;
		background-position: center;
		min-height: calc(100vh - 150px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}


	.seccion-nosotros-banner {
		background-image: url('./../img/colage.jpg');
		background-size: cover;
		background-position: center;
		min-height: calc(100vh - 150px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.seccion-sostenibilidad {
		background-image: url('./../img/banner_sostenibilidad.jpg');
		background-size: cover;
		background-position: center;
		min-height: calc(100vh - 150px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.banner-reclamaciones {
		background-image: url('./../img/banner_reclamaciones.jpg');
		background-size: cover;
		background-position: center;
		min-height: calc(100vh - 150px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.w-principal-title{
		max-width: 550px;
	}
	.title-white {
		font-size: 45px;
		font-weight: 800;
		color: #F0F2F0;
		padding-bottom: 15px;
	}

	.credibilidad {
		font-style: italic;
		font-size: 22px;
		color: #F0F2F0;
		font-weight: 300;
		padding-bottom: 10px;
	}

	.blue-backgroud {
		margin-left: -100px;
		background-color: rgb(0, 82, 149);
		width: fit-content;
		height: fit-content;
		max-width: 645px;
		position: relative;
		padding: 40px 100px;
		border-radius: 0px 0px 60px 60px;
	}


	.blue-backgroud-section {
		margin-left: -100px;
		background-color: rgb(0, 82, 149);
		width: fit-content;
		height: fit-content;
		max-width: 800px;
		position: relative;
		padding: 20px 100px;
		border-radius: 0px 0px 60px 60px;
	}
	.blue-backgroud-section-1-palabra {
		padding: 40px 100px;
	}


	.regular-margin {
		margin: 0 auto;
		padding: 15px 60px;
	}

	.blue-border-container {
		width: 60px;
		height: 60px;
		overflow: hidden;
		position: absolute;
		background-color: transparent;
	}

	.blue-border-background {
		position: relative;
		height: 60px;
		width: 60px;
		background-color: transparent;
		border: solid 0px;
		box-shadow: -20px -20px 0 10px rgb(0, 82, 149);
		border-radius: 60px 0px 0px 0px;
	}

	.blue-border-right {
		right: -59px;
		top: 0px;

	}

	.blue-border-left {
		top: 0px;
		left: -59px;
		transform: rotate(90deg);
	}


	.button-white {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		padding: 8px 15px;
		height: 30px;
		border: 1px solid #F0F2F0;;
		/* Borde blanco sólido */
		border-radius: 20px;
		/* Bordes redondeados */
		background-color: transparent;
		/* Fondo transparente */
		color: #F0F2F0;;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
	}

	/* Agregar la flecha como un SVG de fondo */
	.button-white::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/line_white.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.button-white:hover::after {
		transform: translateX(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	.principal-tracking {
		position: absolute;
		bottom: 30px;
		right: 0px;
		background-color: rgba(240, 242, 240, 0.851);
		padding: 8px 135px 8px 50px;
		border-radius: 30px 0px 0px 30px;
		display: flex;
		z-index: 5;
		align-items: center;
		gap: 30px;
	}

	.title-tracking {
		color: #005395;
		font-size: 40px;
		font-weight: 800;
	}


	.button-blue {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		text-decoration: none;
		padding: 8px 15px;
		height: 30px;
		border: 1px solid #005395;
		/* Borde blanco sólido */
		border-radius: 20px;
		/* Bordes redondeados */
		background-color: transparent;
		/* Fondo transparente */
		color: #005395;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
	}
	


	/* Agregar la flecha como un SVG de fondo */
	.button-blue::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/line_blue.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.button-blue:hover::after {
		transform: translateX(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	.button-black {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		text-decoration: none;
		padding: 8px 15px;
		height: 30px;
		border: 1px solid #25201F;
		/* Borde blanco sólido */
		border-radius: 20px;
		/* Bordes redondeados */
		background-color: transparent;
		/* Fondo transparente */
		color: #25201F;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
	}


	/* Agregar la flecha como un SVG de fondo */
	.button-black::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/line_black.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.button-black:hover::after {
		transform: translateX(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	.h2-title-blue {
		font-size: 55px;
		color: #005395;
		font-weight: 800;
	}

	.text-blue-quienes-somos {
		color: #005395;
		font-size: 20px;
		text-align: center;
		font-weight: 500;
		max-width: 800px;
	}

	.container-quienes-somos {
		display: flex;
		flex-direction: column;
		gap: 35px;
		align-items: center;
		justify-content: center;
		padding: 0;
		z-index: 1;
		background-color: #F0F2F0;
		position: relative;
	}

	.info-blue-section {
		background-color: #3D88BA;
		width: 100%;
		padding: 30px 60px;
		border-radius: 60px;
		min-height: 200px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
	}


	.bg-grey {
		background-color: #D9D9D9;
	}

	.text-center {
		text-align: center;
	}

	.text-italic {
		font-style: italic;
	}

	.info-blue-one-title {
		background-color: #3D88BA;
		width: 100%;
		padding: 30px 60px;
		border-radius: 60px;
		min-height: 200px;
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
	}


	.info-blue-section-text-blue {
		color: #005395;
		font-size: 30px;
		line-height: 50px;
		font-weight: 700;
		line-height: 40px;
	}

	.info-blue-section-text-blue-counter {
		color: #005395;
		font-size: 45px;
		line-height: 50px;
		font-weight: 700;
	}



	.info-blue-section-text-white-big {
		color: #F0F2F0;
		font-size: 50px;
		line-height: 50px;
		font-weight: 700;
	}

	.info-blue-section-text-white {
		color: #F0F2F0;
		font-size: 25px;
		font-weight: 500;
	}

	.info-blue-section-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		width: 100%;
	}
	.d-flex-align-items{
		display: flex;
		align-items: center;
	} 
	.contador {
		opacity: 0;
		/* Ocultar hasta que aparezca en pantalla */
		transition: opacity 0.5s ease-in-out;
	}


	/* Modal de carga */
	.modal {
		display: flex;
		/* Usamos flex para centrar el modal */
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 9999;
		/* Aseguramos que el modal se muestre por encima de otros elementos */
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		/* Fondo semi-transparente */
		visibility: hidden;
		/* Oculto por defecto */
		opacity: 0;
		transform: scale(0.9);
		/* Lo hacemos pequeño inicialmente */
		transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, transform 0.3s ease-out;
	}

	/* Mostrar modal cuando se agrega la clase active */
	.modal.active {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transition-delay: 0s;
		/* No hay retraso para la visibilidad */
	}

	/* Contenido del modal */
	.modal-content {
		background: #F0F2F0;
		padding: 30px;
		/* Más padding */
		border-radius: 12px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #005395;
		width: 320px;
		box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
		/* Sombra suave */
		animation: fadeInUp 0.3s ease-out;
	}

	/* Animación de entrada */
	@keyframes fadeInUp {
		from {
			opacity: 0;
			transform: translateY(20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Loader animado */
	.loader {
		border: 4px solid rgba(0, 83, 149, 0.2);
		border-left-color: #005395;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		animation: spin 1s linear infinite;
		margin: 15px auto;
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}


	.map-container {
		overflow: hidden;
		height: 385px;
		width: 100%;
		border-radius: 40px;
	}

	.contact-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 60px;
	}

	.direction-contact-text {
		font-size: 15px;
		font-weight: 500;
		color: #005395;
		padding-bottom: 30px;
		padding-top: 60px;
	}






	/* Estilos generales del formulario */
	form {
		width: 100%;
	}

	/* Contenedor del input (para manejar el efecto flotante) */
	.form-group {
		position: relative;
		margin-bottom: 25px;
	}

	/* Estilos base para input, select y textarea */
	input,
	select,
	textarea {
		width: 100%;
		padding: 12px;
		padding-left: 25px;
		font-size: 16px;
		border: 2px solid #005395;
		font-family: 'Montserrat', sans-serif;
		font-display: swap;
		/* Color del borde */
		color: #333;
		background-color: #F0F2F0;
		border-radius: 30px;
		outline: none;
		transition: border 0.3s, box-shadow 0.3s;
	}

	textarea {
		border-radius: 20px;
		min-height: 200px;
	}

	/* Estilos específicos para select */
	select {
		appearance: none;
		/* Oculta la apariencia predeterminada */
		width: 100%;
		padding: 12px;
		padding-left: 25px;
		font-size: 16px;
		border: 2px solid #005395;
		/* Color del borde */
		border-radius: 30px;
		background-color: #D9D9D9;
		cursor: pointer;
		outline: none;
		transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

		/* Agregar espacio para la flecha */
		padding-right: 40px;

		/* Flechita personalizada */
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23005395" d="M7 10l5 5 5-5H7z"/></svg>');
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 20px;
	}

	/* Efecto cuando el usuario escribe o selecciona */
	input:focus,
	select:focus,
	textarea:focus {
		border-color: #005395;
		box-shadow: 0 0 5px rgba(0, 83, 149, 0.5);
	}

	/* Label flotante para inputs, selects y textareas */
	.form-group label {
		position: absolute;
		top: 24px;
		left: 25px;
		transform: translateY(-50%);
		font-size: 18px;
		font-weight: 500;
		color: #005395;
		background: transparent;
		padding: 0 5px;
		transition: all 0.3s ease;
		pointer-events: none;
		/* Evita que el label bloquee el select */
	}

	/* Efecto flotante cuando el usuario escribe en un input o textarea */
	.form-group input:focus+label,
	.form-group input:not(:placeholder-shown)+label,
	.form-group textarea:focus+label,
	.form-group textarea:not(:placeholder-shown)+label {
		top: -12px;
		font-size: 14px;
		color: #005395;
	}

	/* Mantener el label flotante solo si el select tiene valor */
	.form-group select.has-value+label {
		top: -12px;
		font-size: 14px;
		color: #005395;
	}



	/* Botón de enviar */

	.btn-enviar,
	.button-grey {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		text-decoration: none;
		padding: 8px 15px;
		height: 30px;
		border: 0px solid #25201F;
		/* Borde blanco sólido */
		border-radius: 20px;
		/* Bordes redondeados */
		background-color: #C6C6C6;
		/* Fondo transparente */
		color: #25201F;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
	}


	/* Agregar la flecha como un SVG de fondo */
	.btn-enviar::after,
	.button-grey::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/line_black.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.btn-enviar:hover::after,
	.button-grey:hover::after {
		transform: translateX(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	/* Botón de azul completo */

	.button-solid-blue {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		text-decoration: none;
		padding: 8px 15px;
		height: 30px;
		border: 0px solid #005395;
		/* Borde blanco sólido */
		border-radius: 20px;
		/* Bordes redondeados */
		background-color: #005395;
		/* Fondo transparente */
		color: #F0F2F0;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
		text-wrap: nowrap;
	}
.d-flex-md{
	display: none;
}

	/* Agregar la flecha como un SVG de fondo */
	.button-solid-blue::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/line_white.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.button-solid-blue:hover::after {
		transform: translateX(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	/* Botón de azul completo */

	.button-solid-download {
		display: inline-flex;
		/* Permite centrar el contenido */
		align-items: center;
		/* Centra verticalmente texto e icono */
		gap: 10px;
		/* Espaciado entre el texto y la flecha */
		text-decoration: none;
		padding: 20px 30px;
		height: 35px;
		border: 0px solid #005395;
		/* Borde blanco sólido */
		border-radius: 40px;
		/* Bordes redondeados */
		background-color: #005395;
		/* Fondo transparente */
		color: #F0F2F0;
		/* Texto blanco */
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
		position: relative;
	}


	/* Agregar la flecha como un SVG de fondo */
	.button-solid-download::after {
		content: "";
		display: inline-block;
		width: 20px;
		/* Tamaño de la flecha */
		height: 12px;
		background-image: url('./../img/download.svg');
		/* Ruta del archivo SVG */
		background-repeat: no-repeat;
		background-size: contain;
		transition: transform 0.2s ease-in-out;
	}

	/* Efecto al pasar el mouse: mover la flecha */
	.button-solid-download:hover::after {
		transform: translateY(5px);
		/* Mueve la flecha un poco a la derecha */
	}

	.two-camps {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.end-container-fex {
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}

	.pb-2 {
		padding-bottom: 20px;
	}

	.title-white-intro {
		font-size: 45px;
		color: #F0F2F0;
		padding: 7.5px 0;
	}

	.seccion-home-servicios {
		background-image: url('./../img/imagen_fondo_servicios.jpg');
		background-size: cover;
		background-position: center;
		height: calc(100vh - 200px);
		width: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.w-150{
		width: 150px;
	}
	.w-strech{
		width: fit-content;
	}
	.flex-end{
		display: flex;
		justify-content: end;
	}

	.fondo-blanco-servicios {
		position: absolute;
		width: 100% ;
		background-color: #F0F2F0;
		border-radius: 60px 60px 0 0;
		background-size: auto 100%;
		background-repeat: no-repeat;
		bottom: -2px;
		display: grid;
		grid-column: 1fr 1fr 1fr;
		gap: 20px
	}
	.whatsapp-float {
		position: fixed;
		right: 20px;
		bottom: 50px;
		z-index: 999;
		width: 60px;
		height: 60px;
		transition: bottom 0.2s ease;
	}
	
	.whatsapp-float img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3));
	}
	

	.container-home-servicios {
		padding: 30px 80px;
		display: flex;
		justify-content: space-between;
		gap:  130px;
	}
.container-other-services{
	display: flex;
	justify-content: space-between;
	gap: 140px;
}

	.home-servicios-text-blue {
		font-size: 15px;
		line-height: 24px;
		font-weight: 300;
		color: #005395;
	}


	.home-servicios-text-blue-externa {
		font-size: 20px;
		line-height: 30px;
		font-weight: 500;
		color: #005395;
	}

	.home-servicios-text-blue-card {
		font-size: 20px;
		font-weight: 500;
		color: #005395;
	}

	.home-servicios-text-blue-card-servicios {
		font-size: 15px;
		font-weight: 500;
		color: #005395;
	}


	.pb-1 {
		padding-bottom: 10px;
	}

	.heigth-banner {
		min-height:  calc(100vh - 200px);
	}

	.title-section-service-home {
		color: #25201F;
		font-size: 50px;
		font-weight: 300;
		padding-top: 111px;
		line-height: 58px;
	}

	/* Contenedor de los radio buttons */
	.radio-container {
		display: flex;
		flex-direction: column;
		/* Apila los radios en columna */
		gap: 10px;
		/* Espacio entre opciones */
		margin-top: 5px;
	}

	/* Contenedor de cada radio + su texto */
	.radio-option {
		display: flex;
		align-items: center;
		gap: 10px;
		/* Espacio entre el radio y el texto */
		font-size: 16px;
		cursor: pointer;
	}

	/* Estilo base del radio button */
	input[type="radio"] {
		appearance: none;
		/* Oculta el diseño por defecto */
		width: 20px;
		/* Tamaño fijo del radio */
		height: 20px;
		padding-left: 12px;
		border: 2px solid #005395;
		/* Borde siempre del mismo tamaño */
		border-radius: 50%;
		display: inline-block;
		position: relative;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}

	/* Cuando está seleccionado, agregamos un contorno grueso sin mover el input */
	input[type="radio"]:checked {
		border-color: #005395;
		/* Color más oscuro */
		outline: 8px solid #005395;
		/* Borde grueso sin afectar el tamaño */
		outline-offset: -6px;
		/* Ajuste para que no se vea separado */
	}

	/* Estilo del título de cada grupo de radios */
	.radio-label {
		font-weight: 500;
		font-size: 25px;
		color: #005395;
		margin-bottom: 5px;
		display: block;
	}

	.text-radio {
		font-weight: 500;
		font-size: 15px;
		color: #005395;
	}

	/* Contenedor del input file */
	.file-upload {
		display: flex;
		align-items: center;
		gap: 15px;
		/* Espacio entre el botón y el nombre del archivo */
	}

	/* Botón personalizado */
	.btn-file {
		background-color: #3D88BA;
		color: #F0F2F0;
		font-size: 16px;
		border: none;
		padding: 10px 20px;
		border-radius: 30px;
		cursor: pointer;
		transition: background 0.3s ease-in-out;
	}

	.btn-file:hover {
		background-color: #2a6e9b;
		/* Color más oscuro al pasar el mouse */
	}

	/* Texto del nombre del archivo */
	#nombre-archivo {
		font-size: 16px;
		color: #005395;
		max-width: 200px;
		/* Limita el ancho para evitar desbordes */
		white-space: nowrap;
	}

	.title-30 {
		font-size: 30px;
		color: #005395;
		font-weight: 800;
	}

	.text-25 {
		font-size: 25px;
		color: #005395;
		font-weight: 500;
	}

	.info-empresa {
		color: #3D88BA;
		font-size: 25px;
		font-weight: 800;
	}

	.info-paso-reclamo {
		color: #005395;
		font-size: 25px;
		font-weight: 800;
	}

	.max-width-500 {
		max-width: 500px;
	}

	.condiciones-reclamo {
		color: #3D88BA;
		font-size: 20px;
		font-weight: 800;
	}

	.container-button-reclamo {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.padding-reclamos {
		padding: 80px 0px 200px 0px;
	}

	.float-button-card {
		bottom: 15px;
		z-index: 2;
		left: 50%;
		transform: translateX(-50%);
	}

	.container-card {
		width: 100%;
		display: grid;
		gap: 40px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.card {
		width: 100%;
		overflow: hidden;
		position: relative;
		display: grid;
		border-radius: 40px;

	}

	.image-card {
		width: 100%;
		height: 300px;
		object-fit: cover;
		display: block;
	}

	.image-card-certificados {
		width: 100%;
		height: 140px;
		object-fit: cover;
		display: block;
	}

	.image-card-white {
		width: 100%;
		height: 300px;
		object-fit: cover;
		display: block;
	}

	.image-card-white::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
		/* Blanco con opacidad del 50% */
	}

	.card-content {
		position: relative;

	}
	.mt-2{
		margin-top: 20px;
	}

	.title-card-blue {
		padding: 0px 25px 40px 25px;
		text-align: center;
		width: 100%;
		color: #005395;
		font-size: 20px;
		line-height: 1.3;
		font-weight: 800;
	}

	.title-card-blue-certificate {
		padding: 20px 30px 20px 30px;
		text-align: center;
		width: 100%;
		color: #005395;
		font-size: 18px;
		font-weight: 800;
		line-height: 1.5;
	}
	.title-card-blue-nuestro {
		padding: 0px 30px 20px 30px;
		text-align: center;
		width: 100%;
		color: #005395;
		font-size: 18px;
		font-weight: 800;
		line-height: 1.5;
	}
	.title-card-blue-compromiso {
		padding: 30px 25px 20px 25px;
		text-align: center;
		width: 100%;
		color: #005395;
		font-size: 25px;
		line-height: 1.3;
		font-weight: 800;
	}

	.title-card-blue-compromiso-sostenibilidad {
		padding:20px;
		text-align: center;
		width: 100%;
		color: #005395;
		font-size: 20px;
		line-height: 1.3;
		font-weight: 700;
	}

	.content-image-card, .content-image-card-certificados {
		position: relative;
		width: 100%;
	}

	.pb-4 {
		padding-bottom: 40px;
	}

	.pt-3 {
		padding-top: 30px;
	}

	.noticias-bg {
		width: 100%;
		/* Ajusta el ancho según necesites */
		min-height: calc(100vh - 300px);
		/* Ajusta la altura según necesites */
		position: relative;
		overflow: hidden;
		/* Evita que el pseudo-elemento sobresalga */
	}

	.noticias-bg::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(50vw + 120px);
		height: 100%;
		background-image: var(--bg-image);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
	}

	.content-info-noticia {
		background-color: rgb(240, 242, 240);
		border-radius: 60px 60px 0 0;
		bottom: 0px;
		left: -100px;
		position: absolute;
		padding: 20px 100px;
		font-size: 20px;
		line-height: 28px;
		font-weight: 700;
		color: #005395;
		width: calc(50% + 70px);
	}

	.white-border-container {
		width: 60px;
		height: 60px;
		overflow: hidden;
		position: absolute;
		background-color: transparent;
	}

	.white-border-background {
		position: relative;
		height: 60px;
		width: 60px;
		background-color: transparent;
		border: solid 0px;
		box-shadow: -20px -20px 0 10px rgb(240, 242, 240);
		border-radius: 60px 0px 0px 0px;
	}
	.white-border-background-40{
		height: 40px;
		width: 40px;
	}

	.white-border-right {
		right: -59px;
		bottom: -1px;
		transform: rotate(270deg);

	}

	.white-border-left {
		bottom: -1px;
		left: -59px;
		transform: rotate(180deg);
	}


	.h-noticias-home {
		min-height: calc(100vh - 300px);
		position: relative;
	}

	.container-news-list {
		width: 100%;
		display: grid;
		grid-template-columns: 60% 1fr;
		gap: 40px;
	}

	.title-mes {
		text-transform: capitalize;
		font-style: italic;
		color: #005395;
		font-size: 25px;
		font-weight: 700;
	}

	.container-list-news {
		display: flex;
		gap: 40px;
	}

	.summary-news-container {
		font-size: 15px;
		line-height: 25px;
		font-weight: 600;
		color: #005395;
	}

	.container-news-home {
		display: grid;
		gap: 30px;
		padding-top: 30px;
	}

	.button-news-container {
		display: flex;
		justify-content: flex-end;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.container-button-news-more {
		display: flex;
		justify-content: center;
		position: absolute;
		width: 100%;
		bottom: 28px;
	}
	.d-lx{
	display: none !important;
	}

	.fecha-news-item {
		padding: 30px 20px 10px 20px;
		color: #005395;
		font-size: 12px;
		font-weight: 500;
		display: flex;
		justify-content: center;
	}

	.no-decoration {
		text-decoration: none;
		cursor: pointer;
	}

	.item-name-news {
		color: #005395;
		font-size: 15px;
		line-height: 23px;
		font-weight: 700;
		padding: 10px 20px;
		text-align: center;
	}

	.more-news-container {
		display: flex;
		justify-content: center;
		padding: 0px 20px 0px 20px;
	}
	.more-news-container-list{
		display: flex;
		justify-content: center;
		padding: 0px 20px 0px 20px;
	}

	.pb-2 {
		padding-bottom: 20px;
	}

	.center-flex {
		display: flex;
		justify-content: center;
	}

	.pt-2 {
		padding-top: 20px;
	}

	.pt-1{
		padding-top: 10px;
	}

	.content-card-news {
		padding: 0px 0px 0px 0px;
	}

	.card-news {
		padding-bottom: 70px;
	}

	.no-news {
		display: flex;
		justify-content: center;
		font-size: 40;
		font-weight: 600;
		color: #005395;
		padding: 150px 20px;
	}

	.date-news-detail {
		padding: 0px 0 0px 0;
		font-size: 20px;
		font-weight: 500;
		color: #005395;
	}

	.title-news-detail {
		font-size: 45px;
		color: #005395;
		font-weight: 700;
		padding-bottom: 0px;
	}

	.detail-news-description {
		color: #005395;
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 2rem;
	}

	.social-share {
		background-color: #005395;
		border-radius: 40px;
		padding: 10px 30px;
		display: flex;
		gap: 20px;
		align-items: center;
		width: fit-content;
		color: #F0F2F0;
		font-size: 15px;
		font-weight: 500;
	}

	.text-shared {
		padding-right: 20px;
	}

	.share-btn {
		text-decoration: none;
		background: transparent;
		cursor: pointer;
		border: solid 0px;
	}

	.share-btn>img {
		height: 25px;
		width: auto;
	}

	.text-card-blue {
		color: #005395;
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		padding: 0 20px 20px 20px;
	}


	.text-card-blue-sostenibilidad  {
		color: #005395;
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		padding: 0 20px 20px 20px;
	}
	.position-oficina{
		margin-left: 60px;
  padding:30px 60px;
}
.position-servicios{
	right: 74px;
  padding:30px 60px;
  position: absolute;
}
	

	.container-nuestro-compromiso {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.container-mision {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.imagen-sostenibilidad {
		width: 100%;
		height: calc(100% - 89px);
		object-fit: cover;
		border-radius: 40px;
		overflow: hidden;
		padding-top: 16px;
	}

	.bg-carg-blue {
		background-color: #3D88BA;
	}

	.color-ligth-blue {
		color: #3D88BA;
	}

	.color-text-white {
		color: #F0F2F0;
	}

	.btn-center {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.w-80 {
		max-width: 80%;
	}

	.container-valores {
		background-color: #D9D9D9;
		border-radius: 40px;
		padding: 30px;

	}

	.container-valores-items {
		width: 100%;
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap: 10px;
	}

	.item-valores {
		color: #3D88BA;
		font-size: 20px;
		font-weight: 800;
		text-transform: uppercase;
		text-align: center;
	}

	.item-valores img {
		height: 88px;
		width: auto;
	}

	.bg-primary {
		background-color: #005395;
	}

	.container-two-images {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
		height: 700px;
		position: absolute;
		z-index: 0;
	}

	.position-relative {
		position: relative;
	}

	.bg-image-cotenedores {
		background-image: url('./../img/contenedores.jpg');
		background-size: cover;
		background-position: center;
		height: 700px;
		width: 100%;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
		overflow: hidden;
		border-radius: 0 40px 40px 0;
	}

	.bg-image-people {
		background-image: url('./../img/people.jpg');
		background-size: cover;
		background-position: center;
		height: 700px;
		width: 100%;
		background-repeat: no-repeat;
		position: absolute;
		overflow: hidden;
		z-index: 0;
		border-radius: 40px 0px 0 40px;
	}


	.bg-image-papeles {
		background-image: url('./../img/papeles.jpg');
		background-size: cover;
		background-position: center;
		height: 700px;
		width: 100%;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
		overflow: hidden;
		border-radius: 0 40px 40px 0;
	}

	.bg-image-contenedores-2 {
		background-image: url('./../img/contenedores_2.jpg');
		background-size: cover;
		background-position: center;
		height: 700px;
		width: 100%;
		background-repeat: no-repeat;
		position: absolute;
		overflow: hidden;
		z-index: 0;
		border-radius: 40px 0px 0 40px;
	}

	.container-two-info {
		position: relative;
		height: 700px;
		width: 100%;
	}

	.container-two-text {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		height: 700px;
		position: relative;
		z-index: 2;
	}

	.title-container-white {
		color: #005395;
		font-weight: 700;
		font-size: 25px;
		line-height: 30px;
	}
                 .texto-protocolo{
					font-size: 22px;
				 }
	.container-direcciones {
		color: #25201F;
		font-size: 17px;
		font-weight: 300;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.container-direcciones b {
		font-weight: 700;
	}


	.container-direcciones-services {
		color: #25201F;
		font-size: 17px;
		font-weight: 300;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.container-direcciones-services b {
		font-weight: 700;
	}


	.bg-white-center {
		width: calc(100% - 60px);
		padding: 40px 60px;
		left: -60px;
	}

	.bg-white-right {
		width: calc(100% - 120px);
		padding: 40px 60px;
		left: 120px;
	}

	.container-capacitaciones {
		color: #25201F;
		font-size: 15px;
		font-weight: 300;
	}

	.custom-bullets {
		list-style-type: disc;
		/* Tipo de viñeta (disc, circle, square) */
	}

	.h-deposito {
		height:  calc(100vh - 200px);
	}

	.p-2 {
		padding: 20px;
	}

	.container-financiamiento {
		display: grid;
		background-color: #3D88BA;
		grid-template-columns: 1fr 1fr 1fr;
		padding: 40px;
		gap: 40px;
		width: 100%;
		border-radius: 40px;
	}

	.item-financiamiento {
		color: #F0F2F0;
		font-size: 17px;
		font-weight: 500;
		text-align: center;
		width: 100%;
	}

	.item-financiamiento>h4 {
		font-size: 33px;
		font-weight: 800;
		padding-bottom: 20px;
	}

	.texto-mayusculas {
		text-transform: uppercase;
	}

	.texto-mayusculas {
		text-transform: capitalize;
	}


	/* ✅ Estilos por defecto para pantallas grandes (XL - Extra grande) */
	.container {
		max-width: 1320px;
	}

	.title-contactos {
		max-width: 430px;
	}

	.title-nosotros {
		max-width: 380px;
	}

	.title-noticias {
		max-width: 380px;
	}

	.d-md {
		display: none;
	}

	.text-center-md {
		text-align: left;
	}

	.d-none-md {
		display: block;
	}

	.d-none-flex-md {
		display: flex;
	}

	.icon-map {
		height: auto;
		width: 40px;
		margin-left: -6px;
	}

	.map-container {
		height: 385px;
		width: 100%;
	}

	.mas-noticias {
		display: none;
	}

	.seccion-noticias-lista-home {
		display: block;
	}

	.d-flex-btwen {
		display: flex;
		justify-content: space-between;
		gap: 30px;
	}

	.d-flex-btwen-slider {
		display: flex;
		justify-content: space-between;
		gap: 30px;
	}
	.d-flex-center {
		display: flex;
		align-items: center;
	}
	.order-desc-flex{
		flex-direction: column;
	}
	.d-only-flex-md {
		display: none;
	}

	.d-flex-lx {
		display: none;
	}

	.container-home-servicios-slider{
		text-align: center;
	}
	.info-blue-section-text-blue-slider {
		color: #005395;
		font-size: 25px;
		line-height: 50px;
		font-weight: 700;
	  }

	.home-servicios-text-blue-slider {
		font-size: 14px;
		font-weight: 500;
		padding: 0 70px 20px 70px;
		color: #005395;
	}
	.girar-boton{
		transform: rotate(180deg);
	}
	.container-home-servicios-slider {
		position: relative;
		width: 100%;
		max-width: 800px;
		margin: auto;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.slide {
		position: absolute;
		width: 100%;
		opacity: 0;
		transform: scale(0.9);
		transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	}
	
	.slide.active {
		opacity: 1;
		transform: scale(1);
		position: relative;
	}
	.max-w-150{
		max-width: 150px;
	}

	.space-3{
		height: 35px;
		display: block;
		width: 100%;
		position: relative;
		background-color: #F0F2F0;
		z-index: 1;
	}

	.space-financiamiento{
		height: 2rem;
		display: block;
		width: 100%;
	}

	.space-2{
		height: 4rem;
		display: block;
		width: 100%;
	}
	.space-1{
		height: 2rem;
		display: block;
		width: 100%;
	}

	.button-service-items{
	position: absolute;
	display: none;
	left: 50%;
	/* Mueve el div al 50% del ancho de la pantalla */
	transform: translateX(-50%);
	bottom: 10px;
	}

	.section-title-card-service, .section-title-card-service-active {
		padding-bottom: 30px;
		padding-top: 32px;
	}
	.pb-3 {
		padding-bottom: 30px;
	}

	.off-button-service{
		display: inline-flex;
	}
	.contenedor-descarga-bro{
		display: flex;
		justify-content: start;
	}


	.container-button-more-service{
		display: flex;
		padding-top: 20px;
		justify-content: center;
	}
	.button-ultimo{
		display: none;
	  }
	  .button-ultimo-imagen{
		display: flex;
			width: fit-content;
			position: absolute;
			bottom: 29px;
	  }
	  .p-relative{
		position: relative;
	  }
	  .sevicios-left, .sevicios-r{
		display: block;
	  }

	  .padd-transporte{
padding-bottom: 20px;
padding-top: 20px;
	  }

	  .pt-news {
		padding-top: 70px;
	  }
.d-only-lg{
	display: inline;
}
.d-map{
	display: none;
}

	  /* ✅ LG - Grande */
	@media (max-width: 1600px) {
		.container {
			max-width: 1190px;
		}
		.item-name-news{
font-size: 15px;
		}
		.fecha-news-item{
			font-size: 12px;
		}
		.fecha-news-item {
			padding: 25px 20px 5px 20px;
		}
		.text-card-blue {
			font-size: 15px;
		}
		.item-financiamiento{
			font-size: 14px;
		}
		.item-financiamiento > h4 {
			font-size: 25px;
		}
		.container-nuestro-compromiso {
			grid-template-columns: 50% 1fr;
		  }
		.image-card-white {
			height: 280px;
		}
		.home-servicios-text-blue-card{
			font-size: 14px;
		}
		.h2-title-blue {
			font-size: 50px;
		}
		.title-card-blue-certificate{
			font-size: 18px;
			padding: 20px 30px 30px 30px;
		}
		
		.padd-transporte{
			padding-bottom: 10px;
			padding-top: 10px;
				  }

		.image-card {
			height: 280px;
		  }

		  .image-card-certificados {
			height: 140px;
		}
		.item-valores {
			color: #3D88BA;
			font-size: 15px;

		}
		.item-valores img{
			height: 70px;
			width: auto;
		}
	
	
		.container-home-servicios {
			padding: 30px 147px;
			display: flex;
			justify-content: space-between;
			gap:  80px;
		}
	.container-other-services{
		display: flex;
		justify-content: space-between;
		gap: 80px;
	}
	.title-card-blue, .title-card-blue-compromiso {
		font-size: 20px;
				}
				
				.title-section-service-home{
					font-size: 45px;
				}
		.container-direcciones {
			font-size: 14px;
		}

		.title-container-white {
			font-size: 25px;
		  }
		  .texto-protocolo{
			font-size: 18px;
		 }
		 .container-direcciones-services {
			font-size: 15px;
		 }
	}

	/* ✅ LG - Grande */
	@media (max-width: 1500px) {
		.container {
			max-width: 1140px;
		}
		.container-nuestro-compromiso {
			grid-template-columns: 45% 1fr;
		  }
		 .title-card-blue-compromiso{
			font-size: 23px;
			padding: 20px 25px 20px 25px;
		}
	
		.title-card-blue-certificate {
			font-size: 17px;
			padding: 20px 25px 20px 25px;
		}
		.title-card-blue-nuestro{
			font-size: 17px;
			padding: 0px 25px 20px 25px;
		}
	
		.image-card {
			height: 230px;
		  }
		  .image-card-certificados {
			height: 140px;
		}
		  .image-card-white {
			height: 230px;
		}
	

	

	.container-other-services{
		display: flex;
		justify-content: space-between;
		gap: 40px;
	}

	.blue-backgroud {
		margin-left: -60px;
		padding: 40px 60px;
	}


	.blue-backgroud-section {
		margin-left: -60px;
		padding: 20px 60px;
	}
	.blue-backgroud-section-1-palabra {
		padding: 40px 60px;
	}
	.position-oficina {
		margin-left: 34px;
		padding:
	30px 60px;
	  }
	  .position-servicios {
		right: 46px;
	  }

	}



	/* ✅ LG - Grande */
	@media (max-width: 1399px) {
		.title-section-service-home{
			font-size: 40px;
		}
		.imagen-sostenibilidad{
			height: calc(100% - 61px);
		}
	
		.title-card-blue-certificate {
			font-size: 15px;
			padding: 20px 25px 20px 25px;
		}
		.title-card-blue-nuestro{
			font-size: 15px;
			padding: 0px 25px 20px 25px;
		}

		 .title-card-blue-compromiso{
			font-size: 23px;
			padding: 20px 25px 20px 25px;
		}

		.image-card {
			height: 210px;
		  }
		  .image-card-white {
			height: 210px;
		}
	
		.container-home-servicios {
			padding: 30px 107px 30px 97px;
			display: flex;
			justify-content: space-between;
			gap: 40px;
		  }
		.container {
			max-width: 1040px;
		}
	

		.title-contactos {
			max-width: 395px;
		}

		.minuscula-title {
			text-transform: lowercase;
		}
		.contenedor-descarga-bro{
			display: flex;
			justify-content: center;
		}
	
		.regular-margin {
			margin: 0 auto;
			padding: 15px 40px;
		}
		.container-direcciones {
			color: #25201F;
			font-size: 13px;
			font-weight: 300;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
		  }
		  .title-container-white{
			font-size: 22px;
			line-height: 28px;
		  }

		  .texto-protocolo{
			font-size: 16px;
		 }
	
		.container-nuestro-compromiso {
			display: grid;
			grid-template-columns: 70% 1fr;
			gap: 40px;
		  }
		  .d-none-lg, .button-ultimo-imagen{
			display: none;
		  }
		  .button-ultimo{
			display: flex;
			width: fit-content;
			padding-right: 40px;
		  }
.blue-backgroud {
		margin-left: -100px;
		background-color: rgb(0, 82, 149);
		width: fit-content;
		height: fit-content;
		max-width: 526px;
		position: relative;
		padding: 40px 100px;
		border-radius: 0px 0px 60px 60px;
	}


	.blue-backgroud-section {
		margin-left: -100px;
		background-color: rgb(0, 82, 149);
		width: fit-content;
		height: fit-content;
		max-width: 800px;
		position: relative;
		padding: 20px 100px;
		border-radius: 0px 0px 60px 60px;
	}
	.blue-backgroud-section-1-palabra {
		padding: 40px 100px;
	}
	.position-servicios{
		right: 50px;
	  padding:30px 60px;
	  position: absolute;
	}
		

	.regular-margin {
		margin: 0 auto;
		padding: 15px 60px;
	}

	.blue-border-container {
		width: 60px;
		height: 60px;
		overflow: hidden;
		position: absolute;
		background-color: transparent;
	}

	.blue-border-background {
		position: relative;
		height: 60px;
		width: 60px;
		background-color: transparent;
		border: solid 0px;
		box-shadow: -20px -20px 0 10px rgb(0, 82, 149);
		border-radius: 60px 0px 0px 0px;
	}

	.blue-border-right {
		right: -59px;
		top: 0px;

	}

	.blue-border-left {
		top: 0px;
		left: -59px;
		transform: rotate(90deg);
	}




	.blue-backgroud {
		margin-left: -40px;
		padding: 40px 40px;
	}

	.position-oficina{
		margin-left: 20px;
	}

	.blue-backgroud-section {
		margin-left: -40px;
		padding: 20px 40px;
	}
	.blue-backgroud-section-1-palabra {
		padding: 40px 40px;
	}

	}

	/* ✅ MD - Mediano */
	@media (max-width: 1199px) {
		.d-only-lg{
			display: none;
		}
		.imagen-sostenibilidad {
			height: calc(100% - 43px);
			padding-top: 10px;
		  }
		.general-container{
			padding-top: 135px;
			position: relative;
		}
		.d-map{
			display: inline;
		}
		.container-button-news-more {
			bottom: 20px;
		}
		.pt-news {
			padding-top: 0px;
		  }

		.sevicios-left, .sevicios-r{
			display: none;
		  }
		.item-financiamiento{
			font-size: 12px;
		}

		.item-financiamiento > h4 {
			font-size: 20px;
		}
		.section-title-card-service {
			padding-bottom: 45px;
			padding-top: 20px;
		}

		.section-title-card-service-active {
			padding-bottom: 32.5px;
			padding-top: 32.5px;
		}
		.off-button-service{
			display: none;
		}
		.d-md {
			display: block;
		}

		.d-only-flex-md {
			display: flex;
		}

		.d-none-md {
			display: none;
		}

		.d-none-flex-md {
			display: none;
		}

		.text-center-md {
			text-align: center;
		}

		.container {
			max-width: 960px;
		}

		.title-contactos {
			max-width: 340px;
			text-align: center;
		}

		.title-nosotros {
			max-width: 380px;
			text-align: center;
		}

		.title-noticias {
			max-width: 400px;
			text-align: center;
		}

		.blue-backgroud {
			margin-left: auto;
			margin: 0 auto;
			background-color: rgb(0, 82, 149);
			width: calc(100% - 120px);
			height: fit-content;
			width: calc(100% - 60px);
			position: relative;
			display: flex;
			justify-content: center;
			padding: 20px 40px;
			border-radius: 0px 0px 40px 40px;
		}

		.blue-backgroud-tablet{
			margin-left: 50%;
			transform: translateX(-50%);
			width: 400px;
		}

		.blue-backgroud-section {
			margin-left: 50%;
			transform: translateX(-50%);
			background-color: rgb(0, 82, 149);
			width: 100%;
			height: fit-content;
			max-width: 100%;
			width: 300px;
			position: relative;
			display: flex;
			justify-content: center;
			padding: 20px 80px;
			border-radius: 0px 0px 40px 40px;
		}

		.blue-border-background {
			position: relative;
			height: 40px;
			width: 40px;
			background-color: transparent;
			border: solid 0px;
			box-shadow: -20px -20px 0 10px rgb(0, 82, 149);
			border-radius: 40px 0px 0px 0px;
		}

		.blue-border-right {
			right: -58px;
			top: 0px;

		}
		.seccion-nosotros-banner, .seccion-sostenibilidad, .seccion-noticias, .banner-reclamaciones{
			min-height: 500px;
		}
		.map-container{
			height: 249px;
		}

		.blue-border-left {
			top: 0px;
			left: -58px;
			transform: rotate(90deg);
		}

		.title-white-intro {
			font-size: 25px;
		}

		.title-white {
			font-size: 25px;
		}

		.credibilidad {
			font-size: 15px;
			
		}

		.title-tracking {
			font-size: 25px;
		}

		.button-blue,
		.button-white,
		.btn-enviar {
			font-size: 12px;
		}

		.button-blue::after,
		.button-white::after,
		.btn-enviar::after {
			width: 15px;
			height: 12px;
		}

		.h2-title-blue {
			font-size: 35px;
		}

		.image-card, .image-card-certificados  {
			height: 140px;
		}

		.title-card-blue{
			font-size: 12px;
		}
		.title-card-blue-compromiso {
			padding: 20px 25px 20px 25px;
			font-size: 15px;
			line-height: 20px;
			font-weight: 800;
		}

		 .title-card-blue-certificate {
			line-height: 1;
			font-size: 12px;
			padding: 20px 35px;
		}
		.container-sostenibilidad-item{
			padding: 20px 30px 65px 30px;
		}
		.button-item-sostenibilidad{
			position: absolute;
			bottom: 20px;
			margin: 0 auto;
		}

		input,
		select,
		textarea {
			width: 100%;
			padding: 10px;
			padding-left: 25px;
			font-size: 11px;
			border: 2px solid #005395;
			/* Color del borde */
			color: #333;
			border-radius: 30px;
			outline: none;
			transition: border 0.3s, box-shadow 0.3s;
		}

		textarea {
			border-radius: 20px;
		}

		.form-group label {
			position: absolute;
			top: 18px;
			left: 25px;
			transform: translateY(-50%);
			font-size: 11px;
			font-weight: 500;
			color: #005395;
			background: transparent;
			padding: 0 5px;
			transition: all 0.3s ease;
			pointer-events: none;
			/* Evita que el label bloquee el select */
		}

		.container {
			padding: 0 20px;
		}

		.icon-map {
			width: 30px;
		}

		.direction-contact-text {
			font-size: 12px;
			padding-top: 0px;
		}

		textarea {
			min-height: 80px;
		}

		.btn-enviar {
			height: 28px;
		}

		.date-news-detail{
			font-size: 12px;
			padding: 0px 0 0px 0;
		}

		.detail-news-description {
			font-size: 18px;
			padding: 20px 0 40px 0;
		}

		.title-news-detail {
			font-size: 30px;
			padding-bottom: 0px;
		}

		.social-share {
			font-size: 12px;
			font-weight: 500;
			gap: 10px;
			padding: 10px 25px
		}

		.share-btn {
			height: 25px;
		}

		.share-btn>img {
			height: 25px;
		}

		.text-shared {
			padding-right: 5px;
		}

		.fecha-news-item {
			font-size: 10px;
			padding: 15px 20px 10px 20px;
		}

		.item-name-news {
			font-size: 12px;
			font-weight: 800;
			padding: 5px 20px 10px 20px;
			text-align: center;
		}

		.button-solid-blue,
		.button-grey,
		.button-black,
		.button-white,
		.button-blue {
			height: 25px;
			font-size: 9px;
		}

		.button-solid-blue::after,
		.button-grey::after,
		.button-black::after,
		.button-white::after,
		.button-blue::after {
			width: 14px;
			/* Tamaño de la flecha */
			height: 12px;

		}

		.card-news {
			padding-bottom: 45px;
		}

		.content-card-news {
			padding: 20px 0px 40px 0px;
		}

		.more-news-container {
			display: none;
		}

		.seccion-noticias-lista-home {
			display: none;
		}

		.noticias-bg::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: var(--bg-image);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}

		.content-info-noticia {
			background-color: rgb(240, 242, 240);
			border-radius: 40px 40px 0 0;
			bottom: 0px;
			left: 60px;
			position: absolute;
			padding: 20px 80px;
			line-height: 30px;
			font-size: 20px;
			font-weight: 700;
			color: #005395;
			width: calc(100% - 120px);
		}

		.container-button-news-home {
			padding-top: 20px;
		}

		.noticias-bg,
		.h-noticias-home {
			min-height: 400px;
		}
		.seccion-home-servicios {
			height: 400px;
		}
		.heigth-banner {
			min-height: 400px;
		  }
		  .seccion-principal, .seccion-servicios-internal{
			min-height: 500px;
		  }
		   video{
			height: 500px;
		  }
		  .container-quienes-somos{
			min-height: auto;
		  }
		  .h2-title-blue{
			font-size: 30px;
		  }
		  .home-servicios-text-blue{
			font-size: 15px;
		  }
		  .home-servicios-text-blue-externa{
font-size: 14px;
line-height: 24px;
		  }
		  .home-servicios-text-blue-card{
			font-size: 15px;
		  }
		  .info-blue-section-text-blue, .info-blue-section-text-white-big, .info-blue-section-text-blue-counter {
			font-size: 25px;
			line-height: 30px;
		  }
		  .info-blue-section-text-white{
			font-size: 15px;
		  }
		  .info-blue-section{
			min-height: 100px;
			border-radius: 40px;
		  }

		  .space-3{
			height: 35px;
			display: block;
			width: 100%;
		}
		.space-financiamiento{
			height: 1.5rem;
			display: block;
			width: 100%;
		}
	
		.space-2{
			height: 2rem;
			display: block;
			width: 100%;
		}
		.space-1{
			height: 1rem;
			display: block;
			width: 100%;
		}

		.item-valores {
			color: #3D88BA;
			font-size: 13px;
			font-weight: 800;
			text-align: center;
		  }
		  .item-valores img {
			height: 40px;
			width: auto;
		  }
		  .text-card-blue, .home-servicios-text-blue,   .home-servicios-text-blue-card, .home-servicios-text-blue-card-servicios{
font-size: 12px;
		  }
		  .pt-2{
			padding-top: 10px;
		  }
		  .pb-2{
			padding-bottom: 10px;
		  }
		  .d-flex-md{
			display: flex;
		}
		.container-quienes-somos{
			gap: 20px;
		}
		.info-blue-one-title {
			min-height: 100px;
			border-radius: 40px;
		  }
		  .title-30{
			font-size: 30px;
		  }
		  .text-25{
			font-size: 12px;
		  }
		  .info-empresa{
			font-size: 12px;
		  }
		  .radio-label{
			font-size: 20px;
		  }
		  .btn-file{
font-size: 12px;
		  }
		  .condiciones-reclamo {
			font-size: 12px;
		}
		#nombre-archivo{
			font-size: 12px;
		}
		.container-button-reclamo{
			justify-content: start;
			padding-bottom: 60px;
		}
		.content-image-card{
			height: 150px;
		}
		.content-image-card-certificados{
			height: 140px;
		}
		.button-service-items{
display: flex;
		}
		.button-solid-download{
			font-weight: 500;
			font-size: 11px;
			padding: 10px 20px;
		}
		.button-solid-download::after {
			width: 13px;
			/* Tamaño de la flecha */
			height: 10px;
		}

		.container-two-text {
			width: 100%;
			display: grid;
			grid-template-columns: 1fr;
			gap: 20px;
			height: 700px;
			position: relative;
			z-index: 2;
		}
		.bg-image-cotenedores, .bg-image-people, .bg-image-contenedores-2, .bg-image-papeles{
			height: 400px;
			border-radius: 0px;
			position: relative;
		}
		.container-direcciones{
			grid-template-columns: 1fr 1fr 1fr;
		}
		.container-direcciones {
			font-size: 12px;
		  }
		  .container-capacitaciones {
			font-size: 10px;
			font-weight: 500;
		}
		.title-container-white{
			font-size: 20px;
			line-height: 26px;
		}
		.service-tile-especial{
			width: calc(700px +120px);
		}
		.h-deposito {
height: 350px;
		}
		.container-direcciones-services {
			color: #25201F;
			font-size: 12px;
			font-weight: 300;
			display: grid;
			grid-template-columns: 1fr;
			gap: 20px;
		  }

		  .center-md{
			display: flex;
			justify-content: center;
		  }
		  .pb-4{
			padding-bottom: 20px;

		  }
		  .title-card-blue-no-padding{
			padding: 0px;
		  }
		  .container-nuestro-compromiso {
			display: grid;
			grid-template-columns:  1fr 1fr;
			gap: 20px;
		  }
		  .w-principal-title{
			width: auto;
		}
		.principal-tracking {
			padding: 8px 40px;
		}
		.container-news-list{
display: block;
		}
		.text-blue-quienes-somos, .home-servicios-text-blue{
		font-size: 14px;
		font-weight: 500;
		}
		.min-h-none{
			min-height: auto;
		}
		.w-80{
			max-width: 100%;
		}
	}

	/* ✅ SM - Pequeño */
	@media (max-width: 991px) {
		.container {
			max-width: 720px;
		}

		.container-valores-items {
			display: block;
			text-align: center;
		  }
		  .item-valores{
			display: inline-block;
			padding: 20px;
		  }
		  .container-valores{
			padding: 30px 0px;
		  }
		  .seccion-principal {
			min-height: 350px;
		  }
		  video {
			height: 350px;
		  }

	}


	@media (max-width: 767px) {
		.text-blue-quienes-somos, .home-servicios-text-blue{
font-size: 14px;
		}
		.title-30{
			font-size: 25px;
		  }
		.title-news-detail {
			font-size: 25px;
			padding-bottom: 0px;
		}
		.detail-news-description {
			font-size:12px;
			padding: 0px 0 0px 0;
		}
		.d-map{
			display: flex;
    justify-content: center;
    width: 100%;
		}
		.general-container{
			padding-top: 130px;
			position: relative;
		}
		.section-title-card-service, .section-title-card-service-active {
			padding-bottom: 20px;
			padding-top: 10px;
		  }
.fecha-news-item{
	font-size: 12px;
}
		  .container-direcciones {
			font-size: 10px;
		  }
		  .container-capacitaciones {
			font-size: 8px;
			font-weight: 500;
		}

		.social-share {
			font-size: 10px;
			font-weight: 500;
			gap: 10px;
			padding: 7px 20px
		}

		.share-btn {
			height: 20px;
		}

		.share-btn>img {
			height: 20px;
		}
		.title-container-white{
			font-size: 15px;
		}

		  .container-direcciones{
			grid-template-columns: 1fr;
			gap: 0px;
			line-height: 19px;
			text-align: center;
		}
		.container-sostenibilidad-item{
			padding: 20px 25px 60px 25px;
		}
		.title-card-blue{
			font-size: 15px;
		}
		.blue-backgroud-section {
			margin-left: auto;
			margin: 0 auto;
			transform: none;
			background-color: rgb(0, 82, 149);
			width: calc(100% - 80px);
			height: fit-content;
			max-width: 300px;
			position: relative;
			display: flex;
			justify-content: center;
			padding: 20px 40px;
			border-radius: 0px 0px 40px 40px;
		}
		.blue-border-container {
			width: 40px;
			height: 40px;
			overflow:
		hidden;
			position: absolute;
			background-color: transparent;
		  }
		  .blue-border-left {
			top: 0px;
			left: -37px;
			transform: rotate(90deg);
		  }
		  .blue-border-right {
			right: -37px;
			top: 0px;
		  }
		  .text-card-blue-sostenibilidad  {
			color: #005395;
			font-size: 12px;
			font-weight: 500;
			text-align: center;
			padding: 0 20px 20px 20px;
		}
		  .blue-backgroud {
	
			border-radius:
		0px 0px 40px 40px;
		  }
		  .pb-4{
			padding-bottom: 0px;
		  }

		  .d-lx{
			display: block !important;
		  }
		.d-flex-lx {
			display: flex;
		}

		.d-only-flex-md {
			display: none;
		}

		.container {
			max-width: 540px;
		}

		.title-contactos {
			max-width: 180px;
			text-align: center;
		}

		.title-nosotros {
			max-width: 180px;
			text-align: center;
		}
		.condiciones-reclamo, .text-25, .info-empresa, .radio-label, .text-radio{
font-size: 10px;
		}

		.seccion-noticias,
		.banner-reclamaciones,
		.seccion-principal,
		.seccion-servicios-interna,
		.seccion-sostenibilidad {
			min-height: 200px;
		}

		video {
			min-height: 200px;
		}

		.seccion-nosotros-banner{
			background-image: url('./../img/nosotros-mobile.jpg');
			min-height: 200px;
		}
		.credibilidad {
			display: none;
		}

		.title-noticias {
			max-width: 200px;
			text-align: center;
		}

		.title-white-intro {
			text-align: center;
		}

		.title-container-white{
			line-height: 23px;
		}
		.container-direcciones-services{
			gap: 5px;
		}
		.title-tracking {
			display: block;
			width: 100%;
			text-align: center;
		}

		.mas-noticias {
			display: flex;
			justify-content: center;
			font-size: 20px;
			color: #005395;
			font-weight: 800;

		}
		.two-camps {
			display: grid;
			grid-template-columns: 1fr;
			gap: 0px;
		}
		.radio-container{
			flex-direction: row;
			gap: 30px
		}

		.principal-tracking {
			position: absolute;
			bottom: 15px;
			left: 50%;
			/* Mueve el div al 50% del ancho de la pantalla */
			transform: translateX(-50%);
			/* Lo ajusta para que quede centrado */
			background-color: rgba(240, 242, 240, 0.851);
			padding: 10px 20px 20px 20px;
			border-radius: 30px 30px 0px 0px;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 5px;
		}

		.container-card {
			grid-template-columns: 1fr;
		}

		.h2-title-blue {
			font-size: 25px;
		}
		.item-name-news {
			font-size: 15px;
		}

		.contact-container {
			grid-template-columns: 1fr;
			gap: 40px;
		}

		.align-lx-center {
			text-align: center;
		}

		.end-container-fex {
			justify-content: center;
		}
.home-servicios-text-blue-externa{
font-size: 14px;	
}
		.map-container {
			height: 200px;
			border-radius: 35px;
		}

		.container-news-list {
			display: block;
		}

		.content-info-noticia {
			padding: 20px 20px;
		}

		.d-flex-btwen {
			justify-content: center;
		}

		.container-home-servicios-slider{
			display: none;
		}

		.content-info-noticia {
			padding: 20px 40px;
			line-height: 20px;
			font-size: 15px;
			text-align: left;
		  }
		  .gap-20{
			gap: 5px;
		  }

		  .info-blue-section-text-blue, .info-blue-section-text-blue-counter {
			font-size: 23px;
			line-height: 25px;
		  }
		  .info-blue-section-text-white-big{
			font-size: 20px;
			line-height: 30px;
		  }

		  .info-blue-section-text-white{
			font-size: 10px;
		  }
		  .info-blue-section{
			padding: 20px 20px;
			min-height: 100px;
			border-radius: 40px;
		  }
		  .w-80{
			max-width: 100%;
		  }
		  .container-mision {
			grid-template-columns: 1fr;
			gap: 40px;
		  }
		  .button-service-items{
			display: none;
					}
.container-financiamiento{
	grid-template-columns: 1fr;
	gap: 20px;
}
.item-financiamiento > h4 {

	padding-bottom: 10px;
  }
  .button-ultimo-imagen{
	display: flex;
		width: fit-content;
		position: relative;
		bottom: initial;
		left: 50%;
    transform: translateX(-50%);
	margin-top: 16px;
  }
  .button-ultimo{
	display: none;
  }
  .container-nuestro-compromiso {
    display: grid;
    grid-template-columns:1fr;
    gap: 20px;
  }
  .container-quienes-somos{
	padding: 0px 20px ;
	min-height: auto;
  }
  .paddin-banner{
	padding: 0;
  }
  .alto-banner-principal{
	min-height: 400px;
  }
  .white-border-container {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	background-color: transparent;
}
.content-info-noticia {
	width: calc(100% - 80px);
	left: 40px;
}
.white-border-right {
	right: -36px;
	bottom: -4px;
	transform: rotate(270deg);

}

.white-border-left {
	bottom: -4px;
	left: -36px;
	transform: rotate(180deg);
}
		  
	}

	@media (max-width: 470px) {
		.item-valores{
			font-size: 11px;
		}
		.principal-tracking{
			min-width: 240px
		}
		.content-info-noticia {
			padding: 20px 25px;
			line-height: 20px;
			font-size: 15px;
			text-align: left;
		  }
	}

	@media (max-width: 350px) {
		.item-valores{
			font-size: 8px;
		}
		.info-blue-section-text-white {
			font-size: 8px;
		}
		.blue-backgroud{
width: calc(100% - 40px);
		}
	}

	@media (max-width: 270px) {
		.item-valores{
			font-size: 5px;
		}
	}