<?php

// Obtener el parámetro GET 'q'
$q = isset($_GET['q']) ? $_GET['q'] : '';

// Definir el nombre del archivo HTML y el título por defecto
$nombreArchivoHtml = '';
$Titulo = '';

// Realizar un switch basado en el valor de 'q'
switch ($q) {
  case "mantenimiento-a-subestaciones-electricas":
    $nombreArchivoHtml = "mantenimiento-a-subestaciones-electricas";
    $Titulo = "Mantenimiento a Subestaciones Eléctricas";
    $keys = "subestaciones eléctricas, mantenimiento, reparaciones, energía, transformadores, revisión, servicios, técnicos, seguridad, optimización";
    $descrip = "Servicios profesionales de mantenimiento a subestaciones eléctricas, garantizando eficiencia, seguridad y optimización del sistema energético.
";
    $imgFile = "mantenimiento-a-subestaciones-electricas.webp";
    break;
  case "mantenimiento-a-transformadores":
    $nombreArchivoHtml = "mantenimiento-a-transformadores";
    $Titulo = "Mantenimiento a Transformadores";
    $keys = "transformadores, mantenimiento, servicios, revisión, eléctricos, eficiencia, energía, reparación, técnicos, inspección";
    $descrip = "Expertos en mantenimiento y reparación de transformadores eléctricos, asegurando un rendimiento óptimo y durabilidad en el suministro de energía.";
    $imgFile = "mantenimiento-a-transformadores.webp";
    break;
  case "mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial":
    $nombreArchivoHtml = "mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial";
    $Titulo = "Mantenimiento a Equipos de Aire Acondicionado y de Refrigeración Comercial e Industrial";
    $keys = "refrigeración, comercial, industrial, equipos, mantenimiento, reparación, servicios, técnicos, eficiencia, optimización";
    $descrip = "Servicios de mantenimiento a equipos de aire acondicionado y reparación de equipos de refrigeración comercial e industrial, mejorando la eficiencia y prolongando la vida útil.
";
    $imgFile = "mantenimiento-a-equipos-de-refrigeracion-comercial-e-industrial.webp";
    break;
  case "limpieza-y-desinfeccion-de-ductos-por-robotica":
    $nombreArchivoHtml = "limpieza-y-desinfeccion-de-ductos-por-robotica";
    $Titulo = "Limpieza y Desinfección de Ductos por Robótica";
    $keys = "limpieza, desinfección, ductos, robótica, servicios, tecnología, higiene, aire, técnicos, eficiencia";
    $descrip = "Limpieza y desinfección avanzada de ductos mediante robótica, ofreciendo servicios tecnológicos para mejorar la calidad del aire y la higiene.";
    $imgFile = "limpieza-y-desinfeccion-de-ductos-por-robotica.webp";
    break;
  case "mantenimiento-a-bombas-y-sistemas-hidroneumaticos":
    $nombreArchivoHtml = "mantenimiento-a-bombas-y-sistemas-hidroneumaticos";
    $Titulo = "Mantenimiento a Sistemas Hidroneumáticos";
    $keys = "sistemas hidroneumáticos, mantenimiento, reparación, revisión, servicios, técnicos, eficiencia, bombas, agua, presión";
    $descrip = "Mantenimiento integral de sistemas hidroneumáticos, asegurando un funcionamiento eficiente y constante de bombas y presión de agua.
";
    $imgFile = "mantenimiento-a-bombas-y-sistemas-hidroneumaticos.webp";
    break;
  case "mantenimiento-a-plantas-de-emergencia":
    $nombreArchivoHtml = "mantenimiento-a-plantas-de-emergencia";
    $Titulo = "Mantenimiento a Plantas de Emergencia";
    $keys = "plantas de emergencia, mantenimiento, servicios, reparación, técnicos, revisión, energía, respaldo, generadores, seguridad";
    $descrip = "Servicios especializados en mantenimiento de plantas de emergencia, garantizando respaldo energético confiable y seguridad operativa.";
    $imgFile = "mantenimiento-a-plantas-de-emergencia.webp";
    break;
  case "pintura-e-impermeabilizacion":
    $nombreArchivoHtml = "pintura-e-impermeabilizacion";
    $Titulo = "Pintura e Impermeabilización";
    $keys = "pintura, impermeabilización, servicios, protección, mantenimiento, techos, muros, exteriores, calidad, renovación";
    $descrip = "Servicios de pintura e impermeabilización, proporcionando protección duradera y renovando la apariencia de techos y muros exteriores.";
    $imgFile = "pintura-e-impermeabilizacion.webp";
    break;
  case "desinfeccion":
    $nombreArchivoHtml = "desinfeccion";
    $Titulo = "Desinfección";
    $keys = "desinfección, servicios, higiene, limpieza, sanitización, seguridad, salud, control, técnicos, bacterias";
    $descrip = "Servicios de desinfección profesional, asegurando espacios higiénicos y saludables mediante técnicas avanzadas de sanitización.";
    $imgFile = "desinfeccion.webp";
    break;
  case "mantenimiento-a-tanques-de-agua-caliente":
    $nombreArchivoHtml = "mantenimiento-a-tanques-de-agua-caliente";
    $Titulo = "Mantenimiento a Tanques de Agua Caliente";
    $keys = "tanques de agua, mantenimiento, caliente, revisión, servicios, reparación, técnicos, eficiencia, inspección, limpieza";
    $descrip = "Mantenimiento y limpieza de tanques de agua caliente, garantizando eficiencia, higiene y funcionamiento óptimo del sistema.";
    $imgFile = "mantenimiento-a-tanques-de-agua-caliente.webp";
    break;
  case "mantenimiento-a-calderas-generadores-de-vapor":
    $nombreArchivoHtml = "mantenimiento-a-calderas-generadores-de-vapor";
    $Titulo = "Mantenimiento a Calderas / Generadores de Vapor";
    $keys = "calderas, generadores de vapor, mantenimiento, reparación, servicios, técnicos, eficiencia, revisión, inspección, energía";
    $descrip = "Mantenimiento profesional de calderas y generadores de vapor, mejorando la eficiencia energética y prolongando la vida útil del equipo.";
    $imgFile = "mantenimiento-a-calderas-generadores-de-vapor.webp";
    break;
  case "mantenimiento-a-lavadoras-y-secadoras-industriales":
    $nombreArchivoHtml = "mantenimiento-a-lavadoras-y-secadoras-industriales";
    $Titulo = "Mantenimiento a Lavadoras y Secadoras Industriales";
    $keys = "lavadoras, secadoras, industriales, mantenimiento, reparación, servicios, técnicos, revisión, eficiencia, maquinaria";
    $descrip = "Servicios de mantenimiento para lavadoras y secadoras industriales, asegurando un rendimiento óptimo y eficiencia en el funcionamiento.";
    $imgFile = "mantenimiento-a-lavadoras-y-secadoras-industriales.webp";
    break;
  case "mantenimiento-a-extractores-centrifugos":
    $nombreArchivoHtml = "mantenimiento-a-extractores-centrifugos";
    $Titulo = "Mantenimiento a Extractores Centrífugos";
    $keys = "extractores centrífugos, mantenimiento, servicios, reparación, técnicos, revisión, eficiencia, aire, limpieza, inspección";
    $descrip = "Mantenimiento y reparación de extractores centrífugos, garantizando un funcionamiento eficiente y una mejor calidad del aire.";
    $imgFile = "mantenimiento-a-extractores-centrifugos.webp";
    break;
  case "estudios-de-ingenieria-electrica":
    $nombreArchivoHtml = "estudios-de-ingenieria-electrica";
    $Titulo = "Estudios de Ingeniería Eléctrica";
    $keys = "ingeniería eléctrica, estudios, análisis, proyectos, diseño, energía, eficiencia, técnicos, sistemas, eléctricos";
    $descrip = "Estudios y análisis de ingeniería eléctrica, ofreciendo soluciones eficientes y seguras en diseño y proyectos eléctricos.";
    $imgFile = "estudios-de-ingenieria-electrica.webp";
    break;
  case "mantenimiento-a-equipo-medico":
    $nombreArchivoHtml = "mantenimiento-a-equipo-medico";
    $Titulo = "Mantenimiento a Equipo Médico";
    $keys = "equipo médico, mantenimiento, servicios, reparación, técnicos, revisión, salud, eficiencia, inspección, hospitalario";
    $descrip = "Mantenimiento y reparación de equipo médico, asegurando un funcionamiento óptimo y seguro en entornos hospitalarios y clínicos.";
    $imgFile = "mantenimiento-a-equipo-medico.webp";
    break;
  case "mantenimiento-a-cisternas":
    $nombreArchivoHtml = "mantenimiento-a-cisternas";
    $Titulo = "Mantenimiento a Cisternas";
    $keys = "cisternas, mantenimiento, agua, limpieza, servicios, técnicos, reparación, revisión, eficiencia, inspección";
    $descrip = "Servicios de mantenimiento y limpieza de cisternas, garantizando agua limpia y un funcionamiento eficiente del sistema de almacenamiento.";
    $imgFile = "mantenimiento-a-cisternas.webp";
    break;
  case "mantenimiento-a-plantas-tratadoras-de-aguas-residuales":
    $nombreArchivoHtml = "mantenimiento-a-plantas-tratadoras-de-aguas-residuales";
    $Titulo = "Mantenimiento a Plantas Tratadoras de Aguas Residuales";
    $keys = "plantas tratadoras, aguas residuales, mantenimiento, servicios, técnicos, reparación, eficiencia, revisión, inspección, tratamiento";
    $descrip = "Mantenimiento profesional de plantas tratadoras de aguas residuales, asegurando un tratamiento eficiente y sostenible del agua.";
    $imgFile = "mantenimiento-a-plantas-tratadoras-de-aguas-residuales.webp";
    break;
  case "mantenimiento-a-tableros-electricos":
    $nombreArchivoHtml = "mantenimiento-a-tableros-electricos";
    $Titulo = "Mantenimiento a Tableros Eléctricos";
    $keys = "tableros eléctricos, mantenimiento, servicios, reparación, técnicos, revisión, eficiencia, seguridad, inspección, energía";
    $descrip = "Servicios de mantenimiento y reparación de tableros eléctricos, asegurando seguridad, eficiencia y funcionamiento óptimo del sistema.";
    $imgFile = "mantenimiento-a-tableros-electricos.webp";
    break;
  case "mantenimiento-a-sistemas-de-energia-ininterrumpible":
    $nombreArchivoHtml = "mantenimiento-a-sistemas-de-energia-ininterrumpible";
    $Titulo = "Mantenimiento a Sistemas de Energía Ininterrumpible (UPS)";
    $keys = "energía ininterrumpible, UPS, mantenimiento, servicios, revisión, técnicos, eficiencia, respaldo, seguridad, sistemas";
    $descrip = "Mantenimiento especializado a sistemas de energía ininterrumpible (UPS), garantizando respaldo energético continuo y seguro.";
    $imgFile = "mantenimiento-a-sistemas-de-energia-ininterrumpible.webp";
    break;
  case "mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores":
    $nombreArchivoHtml = "mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores";
    $Titulo = "Mantenimiento a Sistemas contra Incendio, Recarga de Extintores";
    $keys = "sistemas contra incendio, extintores, mantenimiento, recarga, servicios, seguridad, técnicos, revisión, protección, inspección";
    $descrip = "Mantenimiento de sistemas contra incendio y recarga de extintores, asegurando protección y seguridad en todo tipo de instalaciones.";
    $imgFile = "mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores.webp";
    break;
  case "obra-civil-e-instalaciones-electricas":
    $nombreArchivoHtml = "obra-civil-e-instalaciones-electricas";
    $Titulo = "Obra Civil e Instalaciones Eléctricas";
    $keys = "obra civil, instalaciones eléctricas, servicios, construcción, técnicos, mantenimiento, diseño, eficiencia, revisión, proyectos";
    $descrip = "Servicios de obra civil e instalaciones eléctricas, proporcionando soluciones integrales y eficientes en construcción y diseño eléctrico.";
    $imgFile = "obra-civil-e-instalaciones-electricas.webp";
    break;
  default:
    // Si 'q' no coincide con ningún caso, redirigir a servicios.php
    header("Location: servicios.php");
    exit(); // Terminar el script después de la redirección
    break;
}


$archivo = $nombreArchivoHtml . '.html';
$ruta_archivo = __DIR__ . '/servicios-file/' . $archivo;


// Imprimir el nombre del archivo HTML y el título
//echo "Nombre del archivo HTML: $nombreArchivoHtml <br>";
//echo "Título: $Titulo";


$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$host = $_SERVER['HTTP_HOST'];
$basePath = rtrim(dirname($_SERVER['SCRIPT_NAME']), '/\\') . "/";
$baseURL = $protocol . $host . $basePath;
$filename = "servicios-lectura.php";
$query = "q=mantenimiento-a-equipos-de-refrigeracion-comercial-e-industrial";
$sitioURL = $baseURL . $filename . '?=' . $nombreArchivoHtml;

$filePath = "assets/img/servicios/Mantenimiento-a-Transformadores-44.jpeg";
$fileURL = $baseURL . $filePath;


?>
<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="<?php echo $keys; ?>">
  <meta name="description" content="<?php echo $descrip; ?>">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <link rel="icon" href="assets/img/favico.png">
  <title><?php echo $Titulo; ?> - TRIMAPE</title>
  <meta property="og:title" content="<?php echo  $Titulo; ?>" />
  <meta property="og:url" content="<?php echo $sitioURL; ?>" />
  <meta property="og:type" content="article" />
  <meta property="og:image" content="<?php echo $fileURL; ?>" />
  <meta property="og:site_name" content="trimape.mx" />
  <meta property="og:description" content="<?php echo  $descrip; ?>" />

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@trimape">
  <meta name="twitter:title" content="<?php echo  $Titulo ?>">
  <meta name="twitter:description" content="<?php echo  $descrip ?>">
  <meta name="twitter:creator" content="@trimape">
  <meta name="twitter:image" content="<?php echo $fileURL; ?>">
  <meta name="twitter:domain" content="trimape.mx">
  <meta name="twitter:url" content="<?php echo $sitioURL ?>">
  <link rel="canonical" href=<?php echo $sitioURL ?> />

  <?php include 'css-columna.htm'; ?>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: Montserrat, sans-serif;
      overflow-x: hidden;
    }

    #menu-desktop {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
      background-color: #00f;
    }

    #imagenFirts {
      top: 60px;
      position: relative;
      overflow: hidden;
      height: 60vh;
    }

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

    .col-derecha-imagen-back {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(assets/img/servicios/<?php echo  $imgFile; ?>);
      background-size: cover;
      background-position: center;
    }

    .col-derecha-titulo-servicio {
      font-size: 3.2rem;
      line-height: 1.2;
      text-transform: uppercase;
      margin: .65em 0;
      font-weight: 700;
    }

    .col-derecha-titulo-servicio::after {
      content: '';
      width: 0;
      height: 2px;
      background: #166def;
      display: block;
      position: relative;
      margin: 15px 0;
      transition: width .2s cubic-bezier(.17, .67, .83, .67);
    }

    .col-derecha-titulo-servicio.show-line::after {
      width: 150px;
    }

   
    .fade-in {
        animation: fadeIn 2s ease-in-out;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }


    .fade-in-zoom {
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    }

    @media (min-width:768px) {
      .col-derecha-espacio {
        padding: 32px !important;
      }

      #imagenFirts {
        position: sticky;
        overflow: hidden;
        height: 140vh;
        top: 0;
      }
    }

    @media (min-width:992px) {
      .col-derecha-espacio {
        padding: 60px !important;
      }
    }

    .texto-sombra {
      text-shadow: 2px 2px 2px #000;
    }

    .btn-regreso {
      background-color: #166def;
      border: 0;
      padding: 7px 15px 7px 10px;
    }

    a:hover .btn-regreso {
      background-color: #29308f;
    }


    		.img-cover {
			width: 100%;
			height: 80px;
			object-fit: cover;
		}


.img-cover {
    width: 100%;
    height: 80px;
    object-fit: cover;
    transition: transform 0.3s ease-in-out; /* Para la animación suave del zoom */
}

.zoom-on-hover {
    transform-origin: center center; /* Define el centro para el zoom */
}

.item-hover:hover {
     background-color: rgb(219, 239, 255)  !important; /* Color de fondo al pasar el mouse */
    cursor: pointer; /* Indica que es interactivo */
}

.item-hover:hover .link-on-hover-bs {
    text-decoration: line-through !important; /* Línea sobre el texto */
    --bs-link-color-rgb: 30,144,255 !important; /* Define el color del enlace (azul #1e90ff en RGB) */
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important; /* Aplica el color */
}

.item-hover:hover .zoom-on-hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
}

.overflow-hidden {
    overflow: hidden; /* Evita que el zoom se salga del contenedor */
}


  </style>
</head>

<body>
  <?php include 'menu-general.htm'; ?>


<div class="container-fluid" id="divFirst">
		<div class="row ">
			<div class="col-12 mx-0 px-0">
				<div class="video-hero">
					<video autoplay muted loop>
						<source src="../assets/videos/contacto.webm" type="video/mp4">
						Tu navegador no soporta video.
					</video>
					<div class="hero-overlay-box">
						<div class="hero-img-top-left">
							<img src="../assets/img/cuadrado-azul-top.svg" height="70">
						</div>
						<div class="hero-img-bottom-right">
							<img src="../assets/img/cuadrado-orange-down.svg" height="70">
						</div>
						<h1 class="fw-bold text-titulo">SERVICIOS</h1>
					</div>
				</div>
			</div>
		</div>
	</div>

<div class="container">
      <div class="row">
          <nav class="pt-5" style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb texto-bread fw-bold">
              <li class="breadcrumb-item texto-bread"><a href="#" class="link-dark">Portada</a></li>
              <li class="breadcrumb-item active" aria-current="page"><a href="./servicios.php" class="link-dark">Servicios</a></li>
            </ol>
          </nav>
      </div>

         <div class="row"> 
          <div class="col-12 col-md-1"></div>
            <div class="col-12 col-md-10">

            			<div class="col-12 py-3">
										<h3 class=" p-2 fw-bold text-uppercase cuadrado-azul-seccion bg-color-blue-sky-medium  text-blue-dark">Servicios</h3>
									</div>

                <div class="row fade-in">
                  <?php
                  if (file_exists($ruta_archivo)) {
                    include $ruta_archivo;
                  } else {
                    echo "Te invitamos a revisar la lista completa de nuestros sevicios";
                  }
                  ?>
                  <!----<p class="pt-5">
                    <a href="./servicios.php">
                      <button class="rounded-pill text-white btn-regreso"><img src="assets/img/circulo-gris.svg" height="40"> Lista
                        completa de servicios</button>
                    </a>
                  </p>----->
                </div>


                <div class="row pt-4 ">
                       <h3 class="fw-bold text-uppercase cuadrado-azul-seccion bg-color-blue-sky-medium  text-blue-dark py-2" >M&aacute;s servicios</h3>
                </div>

                <div class="row">
										<div class="col-12 col-md-6">
                      <a href="https://trimape.mx/servicios/mantenimiento-a-subestaciones-electricas" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-subestaciones-electricas.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a subestaciones eléctricas
                            </div>
                        </div>
                        </a>
                        <a href="https://trimape.mx/servicios/mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                               Mantenimiento a equipos aire acondicionado y de refrigeración comercial e industrial
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-bombas-y-sistemas-hidroneumaticos" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-bombas-y-sistemas-hidroneumaticos.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a bombas y sistemas hidroneumáticos
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/pintura-e-impermeabilizacion" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/pintura-e-impermeabilizacion.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Pintura e impermeabilización
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-tanques-de-agua-caliente" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-tanques-de-agua-caliente.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a tanques de agua caliente
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-lavadoras-y-secadoras-industriales" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-lavadoras-y-secadoras-industriales.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a lavadoras y secadoras industriales
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/estudios-de-ingenieria-electrica" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/estudios-de-ingenieria-electrica.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Estudios de ingeniería eléctrica
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-cisternas" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-cisternas.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a cisternas
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-tableros-electricos" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-tableros-electricos.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a tableros eléctricos
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a sistemas contra incendio, recarga de extintores
                            </div>
                        </div>
                        </a>

										</div>


										<div class="col-12 col-md-6">
                         <a href="https://trimape.mx/servicios/mantenimiento-a-transformadores" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-transformadores.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a transformadores
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/limpieza-y-desinfeccion-de-ductos-por-robotica" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/limpieza-y-desinfeccion-de-ductos-por-robotica.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Limpieza y desinfección de ductos por robótica
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-plantas-de-emergencia" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-plantas-de-emergencia.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a plantas de emergencia
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/desinfeccion" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/desinfeccion-horizontal.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Desinfección
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-calderas-generadores-de-vapor" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-calderas-generadores-de-vapor.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a calderas / generadores de vapor
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-extractores-centrifugos" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-extractores-centrifugos.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a extractores centrífugos
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-equipo-medico" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-equipo-medico.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                               Mantenimiento a equipo médico
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/mantenimiento-a-plantas-tratadoras-de-aguas-residuales" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-plantas-tratadoras-de-aguas-residuales.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Mantenimiento a plantas tratadoras de aguas residuales
                            </div>
                        </div>
                        </a>
                        
                        
                         <a href="https://trimape.mx/servicios/mantenimiento-a-sistemas-de-energia-ininterrumpible" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/mantenimiento-a-sistemas-de-energia-ininterrumpible.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                            Mantenimiento a sistemas de energía ininterrumpible (UPS)
                            </div>
                        </div>
                        </a>

                         <a href="https://trimape.mx/servicios/obra-civil-e-instalaciones-electricas" class="text-black link-underline link-underline-opacity-0">
                        <div class="row m-1 my-3 bg-light item-hover border border-dark-subtle rounded">
                            <div class="col-3 overflow-hidden m-0 p-0">
                                <img src="../assets/img/servicios/obra-civil-e-instalaciones-electricas.webp" class="img-cover zoom-on-hover">
                            </div>
                            <div class="col-9 d-flex align-items-center fw-bold">
                                Obra civil e instalaciones eléctricas
                            </div>
                        </div>
                        </a>

										</div>
								</div>

            </div>
            <div class="col-12 col-md-1"></div>
      </div>


</div>


  <?php include 'contacto-div.htm'; ?>
	<?php include 'footer.php'; ?>
	<?php include 'footer-scripts.htm'; ?>
</body>

</html>