.page {
    width: 100%;           /* La página ocupa el 100% del ancho disponible */
    max-width: 1200px;       /* El ancho máximo de la página */
    margin: 0 auto;          /* Centrar la página horizontalmente */
    padding: 10px;           /* Espacio interno */
    background-color: #fff;  /* Color de fondo blanco */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave para dar relieve */
}
.u-section-1 .u-sheet-1 {
  min-height: 58px;
}

.u-section-1 .u-text-1 {
  font-weight: 900;
  font-size: 2.10rem;
  margin: 16px auto 0;
}
/* Estilos generales para la sección */
.image-section {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px;
    text-align: center;
}

.image-container {
    width: 150px;
    margin: 50px;
}

.image-container img {
    width: 100%;
    height: 70%;
    border-radius: 60%;
    transition: transform 0.3s ease-in-out;
}

/* Efecto de clic y zoom al hacer hover en pantallas grandes */
.image-container img:hover {
    transform: scale(1.5);
}

.image-container p {
    margin-top: 10px;
    color: black;
}

/* Estilos responsivos para pantallas medianas (tablets) */
@media (max-width: 768px) {
    .image-section {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2 columnas */
        gap: 20px;
        padding: 20px;
    }

    .image-container {
        width: 120px; /* Reducir tamaño de las imágenes en tablets */
        margin: 0 auto; /* Centrar los contenedores */
    }

    .image-container img {
        height: 60%; /* Ajustar la proporción de las imágenes */
    }
}

/* Estilos responsivos para pantallas pequeñas (móviles) */
@media (max-width: 480px) {
    .image-section {
        display: flex;
        grid-template-columns: 1fr 1fr; /* 2 columnas */
        padding: 10px;
    }

    .image-container {
        width: 100px; /* Reducir aún más el tamaño de las imágenes en móviles */
        margin: 20px 0; /* Espacio superior e inferior reducido en móviles */
    }

    .image-container img {
        height: auto; /* Ajustar altura automáticamente en pantallas pequeñas */
        border-radius: 50%; /* Ajustar el borde circular si es necesario */
    }

    .image-container img:hover {
        transform: none; /* Desactivar el efecto hover en pantallas táctiles */
    }
}

/* Banner paquetes*/
.body3 {
  font-family: Arial, sans-serif;
  background-color: #000;
  color: white;
  margin: 0;
  padding: 0;
}

/* Sección con imagen de fondo */
.kits-section {
  background: url('images/Banner de camara de videovigilancia negro camara nueva.webp') center/cover no-repeat;
  padding: 50px 20px;
}

.kits-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 30px;
  align-items: start;
}

.kit {
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.kit-header {
  display:inline-block;
  background: #d84a3f;
  padding: 8px 14px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 0.9rem;
}

.kit .title {
  margin: 10px 0 6px;
  font-size: 1rem;
  font-weight: bold;
}

.price {
  font-size: 2rem;
  font-weight: bold;
  margin: 6px 0 12px;
}

.kit ul {
  margin: 0;
  padding-left: 18px;
  color: #ddd;
  font-size: 0.92rem;
}

/* Columna derecha */
.promo {
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  margin-top:420px;
  margin-right: 30px;
}

.promo .headline {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.promo .headline .accent {
  color: #e24a3a;
}

.contact-btn2 {
  display: inline-block;
  text-decoration: none;
  background: #e24a3a;
  color: #fff;
  padding: 12px 26px;
  border-radius: 28px;
  font-weight: bold;
  margin-top: 20px;
}

/* ====== RESPONSIVE ====== */

/* Tablets (pantallas menores a 992px) */
@media (max-width: 992px) {
  .kits-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .promo {
    margin-top: 0;
    margin-right: 0;
  }

  .promo .headline {
    font-size: 1.4rem;
  }

  .price {
    font-size: 1.8rem;
  }
}

/* Móviles (pantallas menores a 600px) */
@media (max-width: 600px) {
  .kits-section {
    padding: 30px 15px;
  }

  .kit-header {
    font-size: 0.85rem;
    padding: 6px 10px;
  }

  .kit .title {
    font-size: 0.95rem;
  }

  .price {
    font-size: 1.6rem;
  }

  .kit ul {
    font-size: 0.85rem;
  }

  .promo .headline {
    font-size: 1.2rem;
  }

  .contact-btn2 {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}


  






/*seccion servicios textos*/

.highlight3 {
	color: black;
	
}
.highlight4 {
	color: red;
	
}

/*servicios banners*/

/* Estilos para la sección */
.main-section {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin-left: 8vh;
}

/* Contenedor izquierdo que contiene las 4 cajas */
.left-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Espacio entre los contenedores */
    width: 43%; /* Ocupa el 43% del ancho de la sección */
}

/* Estilos para cada caja */
.box {
    background-color: #f0f0f0; /* Fondo gris claro */
    padding: 5px;
    text-align: center; /* Centrar el texto */
    width: calc(50% - 10px); /* 2 cajas por fila */
    border-radius: 10%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra suave para dar relieve */
    max-width: 100%;
    height: auto;
}

/* Estilos para las imágenes dentro de las cajas */
.box img {
    max-width: 30%;
    height: auto;
    margin-bottom: 0px; /* Espacio entre la imagen y el texto */
}

/* Estilo texto cuadros */
.highlight5 {
    color: black;
    font-size: 12px;
    max-width: 100%;
    height: auto;
}

/* Contenedor derecho para la imagen */
.right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55%; /* Ocupa el 55% del ancho de la sección */
}

.right-container img {
    max-width: 100%;
    height: auto;
}

/* ------------------ MEDIA QUERIES PARA RESPONSIVIDAD ------------------ */
/* Para pantallas menores de 768px (tablets y teléfonos móviles grandes) */
@media (max-width: 768px) {
    .main-section {
        flex-direction: column; /* Cambia la disposición a columnas */
        margin-left: 0; /* Elimina el margen para pantallas pequeñas */
    }

    .left-container, .right-container {
        width: 100%; /* Los contenedores ocupan el 100% del ancho */
    }

    .box {
        width: calc(100% - 20px); /* Cada caja ocupa toda la fila */
    }

    .box img {
        max-width: 40%; /* Aumenta el tamaño de las imágenes */
    }

    .highlight5 {
        font-size: 14px; /* Aumenta el tamaño del texto para mejor legibilidad */
    }
}

/* Para pantallas menores de 480px (teléfonos móviles pequeños) */
@media (max-width: 480px) {
    .box img {
        max-width: 50%; /* Las imágenes ocupan más espacio en pantallas pequeñas */
    }

    .highlight5 {
        font-size: 16px; /* Aumenta el tamaño del texto en móviles pequeños */
    }
}

/*77777*/

/*contenedor redes seguras*/

/* Contenedor general */
.main-section2 {
    background-color: #f3f3f3; /* Fondo gris claro */
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-radius: 5%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra suave para dar relieve */
    max-width: 100%; /* Ajuste al ancho completo */
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Contenedor izquierdo */
.left-container2 {
    padding: 20px;
    width: 45%; /* Ocupa el 45% del ancho de la sección */
    text-align: center;
    display: flex;
    flex-direction: column; /* Coloca texto arriba y la imagen abajo */
}

/* Estilo para la imagen dentro del contenedor izquierdo */
.left-container2 img {
    max-width: 95%;
    height: auto;
    margin-top: 20px; /* Espacio entre el texto y la imagen */
    border-radius: 20%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra suave para dar relieve */
}

/* Contenedor derecho */
.right-container2 {
    padding: 20px;
    width: 45%; /* Ocupa el 45% del ancho de la sección */
    text-align: center;
    display: flex;
    flex-direction: column; /* Coloca texto arriba y la imagen abajo */
}

/* Estilo para la imagen dentro del contenedor derecho */
.right-container2 img {
    max-width: 100%;
    height: auto;
    margin-top: 50px; /* Espacio entre el texto y la imagen */
    border-radius: 20%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra suave para dar relieve */
}

/* Clases de resaltar texto */
.highlight6 {
    color: red;
    font-size: 20px;
}

.highlight7 {
    color: black;
    font-size: 20px;
}

/* Consultas de medios para hacer el diseño responsivo */
@media (max-width: 1024px) {
    .main-section2 {
        flex-direction: column; /* Los contenedores se apilan uno debajo del otro */
        align-items: center; /* Centra el contenido verticalmente */
    }

    .left-container2,
    .right-container2 {
        width: 80%; /* Ajusta el ancho de los contenedores en pantallas medianas */
        margin-bottom: 20px; /* Añade espacio entre los contenedores */
    }
}

@media (max-width: 768px) {
    .left-container2,
    .right-container2 {
        width: 100%; /* Los contenedores ocupan todo el ancho en pantallas pequeñas */
    }

    .right-container2 img {
        margin-top: 20px; /* Reduce el espacio en pantallas pequeñas */
    }

    .highlight6,
    .highlight7 {
        font-size: 18px; /* Reduce el tamaño de la fuente para pantallas pequeñas */
    }
}

@media (max-width: 480px) {
    .main-section2 {
        padding: 10px; /* Reduce el padding en pantallas muy pequeñas */
    }

    .left-container2 img,
    .right-container2 img {
        max-width: 90%; /* Reduce el tamaño de las imágenes en pantallas pequeñas */
    }
}




/*SECCION PREGUNTAS*/

.highlight8 {
    color: red;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.highlight9 {
    color: red;
}

/* Estilos generales para la sección */
.image-section {
    background-color: #fff; /* Fondo gris claro */
    padding: 40px 20px; /* Espaciado interno */
}

.container {
    max-width: 1200px; /* Limita el ancho máximo del contenedor */
    margin: 0 auto; /* Centra el contenedor */
    text-align: left; /* Centra el texto del título y descripción */
}

.container h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.container p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
}

/* Estilos para el grid de imágenes */
.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas */
    gap: 20px; /* Espacio entre las imágenes */
}

/* Estilos para cada imagen y su texto */
.image-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-item img {
    max-width: 100%;
    height: auto;
	border-radius: 20%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Sombra suave para dar relieve */
}

.image-item p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

/* Estilos responsivos para pantallas más pequeñas */
@media (max-width: 768px) {
    .image-grid {
        grid-template-columns: 1fr; /* Cambia a 1 columna en pantallas más pequeñas */
    }
}


/*SECCION PREGUNTAS FIN*/


/*seccion clientes*/

/* Estilos para centrar el contenedor */
.carousel-section {
    display: flex;
    width: 100%;
    max-width: 100%; /* Se elimina 'auto' para que siempre sea responsive */
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: #f3f3f3;
}

.cliente {
    background-color: #f3f3f3;
}

.carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 900px;
    max-width: 100%; /* Ajuste para hacer el carrusel flexible */
    height: auto;
}

.carousel-item {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-item.active {
    width: 400px;
    height: 400px;
}

.carousel-btn {
    background-color: #fb360c;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px;
    transition: background-color 0.3s;
}

.carousel-btn:hover {
    background-color: #f79a9a;
}

/* Media Queries para diseño responsivo */

/* Ajustes para pantallas pequeñas, como teléfonos */
@media (max-width: 768px) {
    .carousel {
        flex-direction: column; /* Cambia la dirección del carrusel a columna para mejor visualización en pantallas pequeñas */
        width: 100%;
    }

    .carousel-item {
        width: 80px;
        height: 80px; /* Reduce el tamaño de los items en pantallas pequeñas */
    }

    .carousel-item.active {
        width: 200px;
        height: 200px; /* Ajusta el tamaño del item activo en pantallas pequeñas */
    }

    .carousel-btn {
        width: 30px;
        height: 30px;
        font-size: 16px; /* Ajusta el tamaño de los botones en pantallas pequeñas */
    }
}

/* Ajustes para pantallas muy pequeñas, como teléfonos compactos */
@media (max-width: 480px) {
    .carousel-item {
        width: 60px;
        height: 60px; /* Reduce aún más el tamaño en pantallas muy pequeñas */
    }

    .carousel-item.active {
        width: 150px;
        height: 150px;
    }

    .carousel-btn {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }
}


/* tabla precios */
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

 .pricing-section{
    font-family: Arial, sans-serif;
    background-color: #000;
    color: #000;
}

.pricing-section {
    max-width: auto;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.title {
    font-size: 2rem;
    margin-bottom: 20px;
}

.highlight {
    color: red;font-size: 40px;	
}

.highlight2 {
	color: white;
	
}

.table-container {
    margin-bottom: 30px;
	background-color: #fff;
}

.table-container p {
    background-color: red;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 1.5rem;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table th, table td {
    padding: 15px;
    text-align: center;
    border: 10px solid black;	
}

table th {
    background-color: red;
    color: white;
}

table td {
    background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
    .title {
        font-size: 1.5rem;
    }

    table th, table td {
        padding: 10px;
    }

    .table-container h2 {
        font-size: 1.3rem;
    }
}

@media (max-width: 480px) {
    .title {
        font-size: 1.2rem;
    }

    table th, table td {
        padding: 8px;
    }

    .table-container h2 {
        font-size: 1.1rem;
    }
}
/*fin tabla*/


/* Estilos para la flecha flotante */
.back-to-top {
    position: fixed;  /* Fija la flecha en la pantalla */
    bottom: 300px;     /* Distancia desde la parte inferior */
    right: 30px;      /* Distancia desde la parte derecha */
    background-color: rgba(0, 0, 0, 0.5); /* Fondo negro con transparencia */
    color: white;     /* Color del texto (flecha) */
    padding: 10px 10px; /* Espacio alrededor de la flecha */
    border-radius: 10%; /* Forma circular */
    text-align: center;
    font-size: 24px;  /* Tamaño de la flecha */
    text-decoration: none; /* Quitar subrayado del enlace */
    opacity: 0;       /* Inicialmente invisible */
    transition: opacity 0.5s ease-in-out; /* Efecto de aparición/desaparición */
    z-index: 1000;    /* Asegura que la flecha quede sobre el contenido */
}

.back-to-top:hover {
    background-color: rgba(0, 0, 0, 0.7); /* Aumenta la opacidad al pasar el mouse */
    transform: scale(1.1); /* Efecto de zoom al hacer hover */
}

/* Mostrar la flecha cuando el usuario se desplaza hacia abajo */
.show-arrow {
    opacity: 1; /* Mostrar la flecha */
}
/* Estilos para la flecha flotante FIN*/


@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 42px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
  } 
} .u-section-2 {
  min-height: 360px;
}

.u-section-2 .u-slider-1 {
  min-height: 360px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-carousel-indicators-1 {
  position: absolute;
  bottom: 10px;
  width: auto;
  height: auto;
}

.u-section-2 .u-image-1 {
  background-image: url("images/Banners_MantenimientoPreventivoCCTV1.webp");
  background-position: 50% 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px 50px;
}

.u-section-2 .u-btn-1 {
  background-image: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: normal;
  margin: 0 270px 0 auto;
}

.u-section-2 .u-image-2 {
  background-image: url("images/Banners_serieHEZVIZ.webp");
  background-position: 50% 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-container-layout-2 {
  padding: 30px 60px;
}

.u-section-2 .u-btn-2 {
  border-style: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 0 360px 0 auto;
}

.u-section-2 .u-image-3 {
  background-image: url("images/Banners_MASDE900PRODUCTOSENCCTV1.webp");
  background-position: 50% 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-2 .u-container-layout-3 {
  padding: 30px 50px;
}

.u-section-2 .u-btn-3 {
  background-image: none;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: normal;
  margin: 0 auto 0 348px;
}

.u-section-2 .u-carousel-control-1 {
  width: 38px;
  height: 38px;
  left: 10px;
  position: absolute;
  right: auto;
}

.u-section-2 .u-carousel-control-2 {
  width: 38px;
  height: 38px;
  left: auto;
  position: absolute;
  right: 20px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-btn-1 {
    margin-right: 70px;
  }

  .u-section-2 .u-btn-2 {
    margin-right: 160px;
  }

  .u-section-2 .u-btn-3 {
    margin-left: 148px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-slider-1 {
    min-height: 440px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-2 .u-btn-1 {
    margin-right: 0;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-2 .u-btn-2 {
    margin-right: 0;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-2 .u-btn-3 {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-slider-1 {
    min-height: 410px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
   .u-section-2 {
    min-height: 117px;
  }

  .u-section-2 .u-slider-1 {
    min-height: 116px;
    margin-top: 1px;
    margin-bottom: 1px;
    width: 100%;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .u-section-2 .u-btn-1 {
    border-style: none;
    font-weight: 700;
    font-size: 0.4375rem;
    letter-spacing: 1px;
    margin-right: 85px;
    padding: 4px 10px 5px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-btn-2 {
    font-size: 0.4375rem;
    margin-top: 86px;
    margin-right: 120px;
    padding: 4px 10px 5px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .u-section-2 .u-btn-3 {
    border-style: none;
    font-weight: 700;
    font-size: 0.4375rem;
    letter-spacing: 1px;
    margin-top: 72px;
    margin-left: 75px;
    padding: 4px 10px 5px;
  }
} .u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 465px;
}

.u-section-3 .u-layout-wrap-1 {
  width: 501px;
  margin: 11px 0 0 auto;
}

.u-section-3 .u-layout-cell-1 {
  min-height: 157px;
}

.u-section-3 .u-container-layout-1 {
  padding: 0;
}

.u-section-3 .u-image-1 {
  width: 250px;
  height: 250px;
  margin: 67px auto 0 0;
}

.u-section-3 .u-text-1 {
  font-size: 0.875rem;
  font-weight: 700;
  margin: -67px 34px 0 205px;
}

.u-section-3 .u-text-2 {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 201px 0 auto;
}

.u-section-3 .u-btn-1 {
  background-image: none;
  font-size: 0.75rem;
  padding: 0;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 137px;
}

.u-section-3 .u-container-layout-2 {
  padding: 0 30px;
}

.u-section-3 .u-btn-2 {
  font-size: 0.9375rem;
  border-style: solid;
  font-weight: 700;
  margin: 0 auto;
  padding: 6px 21px 6px 20px;
}

.u-section-3 .u-layout-wrap-2 {
  width: 639px;
  margin: -431px auto 0 0;
}

.u-section-3 .u-layout-cell-3 {
  min-height: 216px;
}

.u-section-3 .u-container-layout-3 {
  padding: 0;
}

.u-section-3 .u-text-3 {
  font-weight: 700;
  margin: 0 auto 0 28px;
}

.u-section-3 .u-text-4 {
  font-size: 1rem;
  margin: 20px 28px 0;
}

.u-section-3 .u-layout-cell-4 {
  min-height: 216px;
}

.u-section-3 .u-container-layout-4 {
  padding: 30px;
}

.u-section-3 .u-text-5 {
  font-weight: 700;
  margin: 0 auto 0 0;
}

.u-section-3 .u-text-6 {
  margin: 17px auto 0 0;
}

@media (max-width: 1199px) {
  .u-section-3 .u-image-1 {
    width: 251px;
    height: 251px;
  }

  .u-section-3 .u-text-1 {
    margin-top: -68px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 264px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-3 .u-layout-cell-3 {
    min-height: 100px;
  }

  .u-section-3 .u-layout-cell-4 {
    min-height: 100px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 656px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-layout-wrap-2 {
    width: 540px;
    margin-top: 20px;
  }

  .u-section-3 .u-text-4 {
    margin-right: 0;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1026px;
  }

  .u-section-3 .u-layout-wrap-1 {
    margin-top: 0;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 317px;
  }

  .u-section-3 .u-image-1 {
    margin-top: 33px;
  }

  .u-section-3 .u-text-1 {
    font-size: 0.5625rem;
    width: auto;
    margin-top: -78px;
    margin-right: 0;
    margin-left: 174px;
  }

  .u-section-3 .u-text-2 {
    width: auto;
    margin-right: 71px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .u-section-3 .u-layout-wrap-2 {
    width: 340px;
    margin-top: 31px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 972px;
}

.u-section-4 .u-text-1 {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 21px 314px 0 353px;
}

.u-section-4 .u-text-2 {
  margin: 28px 0 8px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-text-1 {
    margin-left: 253px;
    margin-right: 214px;
    width: 435px;
  }

  .u-section-4 .u-text-2 {
    margin-right: -12px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-text-1 {
    margin-left: 143px;
    margin-right: 104px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-text-1 {
    margin-left: 53px;
    margin-right: 14px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 1240px;
  }

  .u-section-4 .u-text-1 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-4 .u-text-2 {
    width: auto;
    margin-right: 0;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 319px;
}

.u-section-5 .u-text-1 {
  margin-bottom: 20px;
  margin-top: 20px;
}.u-section-6 .u-sheet-1 {
  min-height: 1154px;
}

.u-section-6 .u-text-1 {
  font-weight: 700;
  margin: 18px auto 0;
}

.u-section-6 .u-text-2 {
  margin: 17px 0 0;
}

@media (max-width: 575px) {
  .u-section-6 .u-text-1 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
} .u-section-7 {
  background-image: none;
}

.u-section-7 .u-sheet-1 {
  min-height: 259px;
}

.u-section-7 .u-text-1 {
  font-size: 1.25rem;
  width: 494px;
  margin: 33px auto 0;
}

.u-section-7 .u-gallery-1 {
  height: 142px;
  width: 1140px;
  margin: 30px 0 33px;
}

.u-section-7 .u-gallery-inner-1 {
  grid-template-columns: auto auto auto;
}

.u-section-7 .u-gallery-item-1 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-1 {
  width: 142px;
}

.u-section-7 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-2 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-2 {
  width: 142px;
}

.u-section-7 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-3 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-3 {
  width: 142px;
}

.u-section-7 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-4 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-4 {
  width: 142px;
}

.u-section-7 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-5 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-5 {
  width: 142px;
}

.u-section-7 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-6 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-6 {
  width: 142px;
}

.u-section-7 .u-over-slide-6 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-item-7 {
  margin-right: 10px;
}

.u-section-7 .u-back-image-7 {
  width: 142px;
}

.u-section-7 .u-over-slide-7 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-7 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-7 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1199px) {
  .u-section-7 .u-text-1 {
    margin-left: 266px;
  }

  .u-section-7 .u-gallery-1 {
    width: 940px;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-text-1 {
    margin-left: 204px;
  }

  .u-section-7 .u-gallery-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-text-1 {
    margin-left: 153px;
  }

  .u-section-7 .u-gallery-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-sheet-1 {
    min-height: 248px;
  }

  .u-section-7 .u-text-1 {
    width: auto;
    margin-top: 28px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-7 .u-gallery-1 {
    height: 113px;
    margin-top: 35px;
    margin-bottom: 28px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-7 .u-gallery-nav-1 {
    width: 27px;
    height: 27px;
    top: 36px;
  }

  .u-section-7 .u-gallery-nav-2 {
    width: 27px;
    height: 27px;
  }
}.u-section-8 .u-sheet-1 {
  min-height: 264px;
}

.u-section-8 .u-layout-wrap-1 {
  width: 399px;
  margin: 0 741px 0 0;
}

.u-section-8 .u-image-1 {
  min-height: 122px;
  background-image: url("images/Sinttulo-7comprimido.webp");
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-1 {
  padding: 30px;
}

.u-section-8 .u-layout-wrap-2 {
  width: 399px;
  margin: 8px auto 0 0;
}

.u-section-8 .u-image-2 {
  min-height: 122px;
  background-image: url("images/Sinttulo-1comprimido.webp");
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-2 {
  padding: 30px;
}

.u-section-8 .u-layout-wrap-3 {
  width: 539px;
  margin: -243px 0 0 auto;
}

.u-section-8 .u-image-3 {
  min-height: 251px;
  background-image: url("images/sites1.webp");
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-3 {
  padding: 30px;
}

.u-section-8 .u-image-4 {
  min-height: 126px;
  background-image: url("images/IMG_2406comprimido.webp");
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-4 {
  padding: 0;
}

.u-section-8 .u-image-5 {
  min-height: 126px;
  background-image: url("images/INSTALACINYMANTENIMIENTOAREDESINFORMTICAS1.webp");
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-5 {
  padding: 0;
}

.u-section-8 .u-image-6 {
  width: 186px;
  min-height: 243px;
  height: auto;
  background-image: url("images/Sinttulo-5comprimido.webp");
  background-position: 50% 50%;
  margin: -243px auto 20px 407px;
}

.u-section-8 .u-container-layout-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 1199px) {
  .u-section-8 .u-sheet-1 {
    min-height: 494px;
  }

  .u-section-8 .u-layout-wrap-1 {
    position: relative;
    margin-right: 541px;
  }

  .u-section-8 .u-layout-wrap-2 {
    position: relative;
  }

  .u-section-8 .u-layout-wrap-3 {
    position: relative;
  }

  .u-section-8 .u-image-6 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-sheet-1 {
    min-height: 1176px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-right: 321px;
  }

  .u-section-8 .u-image-3 {
    min-height: 502px;
  }

  .u-section-8 .u-image-4 {
    min-height: 252px;
  }

  .u-section-8 .u-image-5 {
    min-height: 252px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 2232px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-right: 141px;
  }

  .u-section-8 .u-image-1 {
    min-height: 244px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-image-2 {
    min-height: 336px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-layout-wrap-3 {
    margin-top: 20px;
  }

  .u-section-8 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-image-4 {
    min-height: 504px;
  }

  .u-section-8 .u-image-5 {
    min-height: 504px;
  }

  .u-section-8 .u-image-6 {
    margin-top: 20px;
    margin-left: 354px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: 1741px;
  }

  .u-section-8 .u-layout-wrap-1 {
    width: 340px;
    margin-right: 0;
  }

  .u-section-8 .u-image-1 {
    min-height: 208px;
  }

  .u-section-8 .u-layout-wrap-2 {
    width: 340px;
  }

  .u-section-8 .u-image-2 {
    min-height: 286px;
  }

  .u-section-8 .u-layout-wrap-3 {
    width: 340px;
    margin-top: 8px;
    margin-left: 0;
  }

  .u-section-8 .u-image-3 {
    min-height: 317px;
  }

  .u-section-8 .u-image-4 {
    min-height: 318px;
  }

  .u-section-8 .u-image-5 {
    min-height: 318px;
  }

  .u-section-8 .u-image-6 {
    margin-top: 8px;
    margin-bottom: 19px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 665px;
}

.u-section-9 .u-text-1 {
  font-weight: 700;
  margin: 21px 195px 0 242px;
}

.u-section-9 .u-text-2 {
  margin: 28px 0 0;
}

@media (max-width: 1199px) {
  .u-section-9 .u-text-1 {
    margin-left: 142px;
    margin-right: 95px;
  }

  .u-section-9 .u-text-2 {
    margin-right: -12px;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-text-1 {
    margin-left: 17px;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-text-1 {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 1240px;
  }

  .u-section-9 .u-text-1 {
    width: auto;
  }

  .u-section-9 .u-text-2 {
    width: auto;
    margin-right: 0;
  }
}