body {
			margin: 0;
			padding: 0;
			font-family: Helvetica, Arial, sans-serif;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			}
			
			header {
			background-color: rgb(60, 185, 167);
			padding: 20px;
			text-align: center;
			}
			
			nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: center;
			}
			
			nav ul li {
			margin: 0 10px;
			}
			
			nav ul li a {
			text-decoration: none;
			color: black;
			}
			
			#logo {
			display: block;
			margin: 0 auto;
			width: 120px;
			height: 100px;
			margin-top: 20px;
			}
			
			#logo-text {
			letter-spacing: 0.143em;
			white-space: pre-line;
			overflow-wrap: break-word;
			color: color: rgb(89, 89, 89);
			font-size: 14px;
			text-align: center;
			font-family: Helvetica, arial, sans-serif;
			max-width: 100%;
			}
			
			#main-imageServices {
			width: 100vw;
			max-height: 174px;
			height: auto;
			margin: 20px auto;
			}
			
			@media (max-width: 768px) {
			.menu-toggle {
			display: block;
			position: absolute;
			top: 15px;
			left: 15px;
			cursor: pointer;
			z-index: 9999;
			}
			
			.menu-toggle .bar {
			display: block;
			width: 25px;
			height: 3px;
			background-color: #fff;
			margin-bottom: 5px;
			}
			
			nav ul {
			display: none;
			}
			
			nav ul.active {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			text-align: left;
			background-color: rgba(0, 0, 0, 0.8);
			position: absolute;
			top: 50px;
			left: 50%;
			transform: translate(-50%, 0);
			width: 100%;
			height: 100%;
			z-index: 9998;
			padding: 40px;
			padding-left: 100px;
			}
			
			nav ul li {
			margin: 10px 0;
			}
			
			nav ul li a {
			text-decoration: none;
			color: #fff;
			font-size: 18px;
			}
			}
			
			footer {
			background-color: rgb(60, 185, 167);
			height: 100px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: static;
			width: 100%;
			text-align: center;
			}
			
			#copy-right {
			color: white;
			font-size: 14px;
			font-family: Helvetica, Arial, sans-serif;
			}
			
			.image-text {
			text-align: center;
			margin-top: 10px;
			margin-left: 50px;
			margin-right: 20px;
			}
			
			.text-container {
			position: relative;
			text-align: center;
			margin-bottom: 5px;
			}
			
			.image-text-container {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80%;
			}
			
			.custom-image-text {
			font-size: 2.5vw;
			text-align: center;
			color: white;
			}
			
			@media (max-width: 768px) {
			.custom-image-text {
			font-size: 4vw;
			}
			}
			
			.text-containerblog {
			position: relative;
			text-align: center;
			}
			
			.image-text-containerblog {
			position: absolute;
			top: 5%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80%;
			}
			
			.currentPage {
			font-weight: bold;
			text-decoration: underline;
			}
			
			.contacto_table {
			display: table;
			width: 100%;
			border-collapse: collapse;
			font-family: Helvetica, arial, sans-serif;
			overflow-wrap: break-word;
			
			}
			
			.contacto_table_row {
			display: table-row;
			}
			
			.contacto_table_cell {
			display: table-cell;
			padding: 2px;
			border: none;
			}
			
			.contacto_text-container {
			margin: auto auto;
			max-width: 100%;
			text-align: center;
			margin-bottom: 20px;
			overflow-x: auto;
			}
			
			.contacto_image-text-container {
			position: relative;
			margin: 0 auto;
			width: 80%;
			max-width: 600px;
			}
			
			.contacto_custom-image-text {
			font-size: 2.5vw;
			text-align: center;
			color: white;
			}
			
			.contacto_table_cell:first-child {
			width: 50%;
			}
			
			.contacto_table_cell:last-child {
			width: 50%;
			}
			
			/* Nuevas reglas CSS para centrar el contenido */
			@media (max-width: 768px) {
			.contacto_text-container.center-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			}
			
			.contacto_image-text-container {
			width: 100%;
			max-width: 100px;
			text-align: center;
			}
			
			.contacto_table_row {
			display: block;
			justify-content: center !Important;
			align-items: center !Important;
			}
			
			.contacto_table_cell {
			display: block;
			width: 100%;
			margin-bottom: 10px;
			}
			}
			
			@media (min-width: 769px) {
			.contacto_table_row {
			display: table-row;
			}
			
			.contacto_table_cell {
			display: table-cell;
			}
			}
			
			.contacto_headerCell1 {
			font-family: Helvetica,arial, sans-serif;
			font-weight: 22px;
			overflow-wrap:break-word;
			color:rgb(94, 94, 94);
			
			}
			
			.contacto_headerCell2 {
			font-family: Helvetica, arial, sans-serif;
			font-weight: 16px;
			color: rgb(94, 94, 94);
			}
			
			.main-container {
			min-height: calc(100vh - 100px);
			}
			
			.contacto_mailCell{
			color: rgb(42, 130, 117);
			}
			
			.carousel-container {
			margin: auto auto;
			width: 80%;
			position: relative;
			justify-content: center;
			padding-bottom:50px;
			}
			
			.slide {
			padding-right: 10px; /* Espacio entre las imágenes */ 
			}
			
			.slide img {
			width: 100%;
			height: auto;
			margin-right: 200px; /* Espacio entre las imágenes */
			}
			
			.carousel-caption {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			text-align: center;
			color: #fff;
			background-color: rgba(0, 0, 0, 0.5);
			padding: 10px;
			}
			
			.carousel-caption h5 {
			margin: 0;
			}
			
			.carousel-caption p {
			margin: 5px 0;
			}
			
			.slick-prev,
			.slick-next {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1;
			width: auto;
			height: 40px;
			background-color: rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			padding: 0 10px; 
			}
			
			.slick-prev {
			left: 10px;
			}
			
			.slick-next {
			right: 10px;
			}
			
			.table{
			text-align:center;
			background:white;
			padding-bottom:50px;
			height: 100%;
			position: relative;
			}
			
			.titleCell1table{
			color:rgb(89, 89, 89);
			font-family: Helvetica, arial, sans-serif;
			font-size:16px;
			font-weight: 400;
			overflow-wrap:break-word;
			cursor:pointer;
			line-height:1.125;
			margin-bottom: 40px
			}
			
			.titleCell2table{
			font-family: Helvetica, arial, sans-serif;
			font-size:22px;
			font-weight: 400;
			overflow-wrap:break-word;
			cursor:pointer;
			line-height:1.125;
			position: absolute;		  
			bottom: 10px;
			left: 0;
			right: 0;
			text-align: center;
			vertical-align: top;
			}
			
			.titleCell3table a{
			color:rgb(21, 79, 71) !Important;
			font-family: Helvetica, arial, sans-serif;
			font-size:16px;
			font-weight: 400;
			overflow-wrap:break-word;
			cursor:pointer;
			line-height:1.125;	 
			position: absolute;
			bottom: 5px;
			left: 0;
			right: 0;
			text-align: center;
			}
			
			.rowsMarginText {
			vertical-align: top !Important;
			margin-bottom: 0px; /* Agrega el margen entre las filas */
			}
			
			
			
			.image-text-containerblog {
			position: absolute;
			top: 5%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80%;
			}
			
			.image-text-containerblogSlide {
			position: absolute;
			top: 50%;
			
			transform: translate(-50%, -50%);
			width: 100%;
			}
			
			.custom-imageblog-textSlide {
			
			}
			
			.custom-imageblog-text {
			font-size: 3.5vw;
			text-align: center;
			color: white;
			font-weight:bold;
			font-family:"League Spartan", arial, helvetica, sans-serif;
			}
			
			#main-imageMiBlog {
			width: 100vw;
			/* Toma el 100% del ancho de la ventana del navegador */
			max-height: 512px;
			height: auto;
			margin: 20px auto;
			margin-top:-25px;
			}
			.image-text-containerblogSlide {
			position: absolute;
			top: 75%;
			transform: translate(-0%, -0%);
			width: 100%;
			}
			

@media (min-width: 100px) and (max-width: 480px) {
				.carousel-container{
					margin: auto auto;
			width: 100%;
			position: absolute;
			justify-content: center;
			padding-bottom:150px;
			margin-top: -200px;
			}
			
			.video-container {
				max-width: 100%;
	padding-bottom:125px;
  }

  .video-container h2 {
    text-align: center;
    margin-top: 500px;
	padding-left:20px;
  }

  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Proporción de aspecto 16:9 para el video */
    height: 0;
  }

  .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
  }
			
			footer {
			position: fixed;
			bottom: 0;
			}
			
			.image-text-containerblogSlide {
			margin: auto auto;
			position: absolute;
			top: 100%;
			width: 100%;
			}
			
			.carousel-container{
			margin: auto auto;
			width: 100%;
			position: absolute;
			justify-content: center;
			padding-bottom:150px;
			margin-top: -200px;
			}
			
			.slide img {
			width: 100%;
			height: auto;
			}
			
			<!-- .carousel-container{ -->
			<!-- width: 100%; -->
			<!-- position: absolute; -->
			<!-- justify-content: center; -->
			<!-- padding-bottom:150px; -->
			<!-- margin-top: -180px; -->
			<!-- } -->
			
			.slide {
			padding-right: 0px; /* Espacio entre las imágenes */ 
			padding-left: 0px; /* Espacio entre las imágenes */ 
			}
			
			.slick-slide {
			outline: none; /* Agrega esta línea para eliminar el contorno alrededor de los slides */
			width: 100%;
			padding-right: 0px; /* Espacio entre las imágenes */
			padding-left: 0px; /* Espacio entre las imágenes */ 
			}
			
}
			
			
@media (min-width: 485px) and (max-width: 768px) {
 .video-container {
    max-width: 100%;
	padding-bottom:200px;
  }

  .video-container h2 {
    text-align: center;
    margin-top: 600px;
	padding-left:20px;
  }

  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Proporción de aspecto 16:9 para el video */
    height: 0;
  }

  .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
  }
			
			footer {
			position: fixed;
			bottom: 0;
			}
			
			.image-text-containerblogSlide {
			margin: auto auto;
			position: absolute;
			top: 100%;
			width: 100%;
			}
			
			.carousel-container{
			margin: auto auto;
			width: 100%;
			position: absolute;
			justify-content: center;
			padding-bottom:250px;
			margin-top: -150px;
			}
			
			.slide img {
			width: 100%;
			height: auto;
			}
			
			<!-- .carousel-container{ -->
			<!-- width: 100%; -->
			<!-- position: absolute; -->
			<!-- justify-content: center; -->
			<!-- padding-bottom:150px; -->
			<!-- margin-top: -180px; -->
			<!-- } -->
			
			.slide {
			padding-right: 0px; /* Espacio entre las imágenes */ 
			padding-left: 0px; /* Espacio entre las imágenes */ 
			}
			
			.slick-slide {
			outline: none; /* Agrega esta línea para eliminar el contorno alrededor de los slides */
			width: 100%;
			padding-right: 0px; /* Espacio entre las imágenes */
			padding-left: 0px; /* Espacio entre las imágenes */ 
			}
			
			}