@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a[href^="tel"],
a[href^="mailto"],
a[href^="https"] {
  color: white !important;
  text-decoration: none !important;
  font-family: inherit;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); /* ejemplo suave */
}
.containter1{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    justify-content: center;
    align-items: center;
}
.headermenu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
    background-color: #114e8c;
    font-family: 'Poppins', sans-serif;
    padding: 0px 18px;
    animation: hentradamenu 5.2s;
    color: white;
    height: 28px;
}
.headermenu{
    font-size: 15.2px;

}
.htemail{
    display: flex;
    height: 100%;
    gap: 18px;
    align-items: center;
    justify-content: center;
    color: white;
    animation: hidelinks 5.5s;
}
.htemail a{
    display: flex;
    height: 100%;
    width: auto;
    transition: ease-in-out 0.5s;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: white;
    text-decoration-line: none;
}
.htemail a img{
    height: 65%;
    width: auto;
    transition: ease-in-out 0.5s;
}
.hreds{
    display: flex;
    height: 100%;
    gap: 6px;
    animation: hidelinks 5.5s;
}
.hreds a{
    height: 100%;
    width: 22px;
    transition: ease-in-out 0.5s;
}
.hreds a:nth-child(1){
    background: url('media/IG1.png') center/cover;
}
.hreds a:nth-child(2){
    background: url('media/YT1.png') center/cover;
}
.hreds a:nth-child(3){
    background: url('media/FB1.png') center/cover;
}
.hreds a:nth-child(4){
    background: url('media/linkedin.png') center/cover;
}
.hreds a:hover{
    transform: scale(1.1);
}
.contactobtn{
    background-color: rgb(223, 41, 17);
    color: white;
}
.contactobtn:hover{
    background-color: white;
    color: rgb(236, 45, 20);
    padding: 0.4rem 0.9rem; 
    border: 2px rgb(255, 96, 75) dotted;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    margin: 0px 5px;
}
.menu{
    display: flex;
    width: 100%;
    height: 66px;
    /*background: rgba(255, 255, 255, 0.84);*/
    background-color: rgba(255, 255, 255, 0.624);
    box-shadow:
    inset 2px 2px 6px rgba(255, 255, 255, 0.4),
    inset -2px -2px 6px rgba(255, 255, 255, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.2rem);
    align-items: center;
    padding: 0px 18px;
    border-radius: 0px 0px 26px 26px ;
    border-top: rgba(255, 255, 255, 0.57) 1px solid;
    border-left: rgb(208, 208, 208) 1px solid;
    border-bottom: rgba(204, 204, 204, 0.582) 1px solid;
    border-right: rgba(204, 204, 204, 0.582) 1px solid;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    animation: entradamenu 5.2s;
    justify-content: space-between;
    transition: background 1s;
}
.logomenu{
    display: flex;
    height: 100%;
    align-items: center;
}
.logomenu img{
    height: 88%;
    animation: logosize 6s;
}
@keyframes logosize {
    0%{
        height: 40%;
    }
    90%{
        height: 40%;
    }
    100%{
        height: 88%;
    }
}


@keyframes entradamenu {
    0%{
        width: 18%;
        transform: translateY(-100px);
        justify-content: center;
        border-radius: 0px 0px 12px 12px;
        background: rgba(255, 255, 255, 0.101);
    }
    65%{
        width: 19.5%;
        justify-content: center;
        border-radius: 0px 0px 12px 12px;
    }
    90%{
        width: 19.5%;
        justify-content: center;
        border-radius: 0px 0px 12px 12px;
    }
    100%{
        transform: translateY(0);
        width: 100%;
        border-radius: 0px 0px 26px 26px;
        background-color: rgba(255, 255, 255, 0.624);
    }
}
@keyframes hentradamenu {
    0%{
        width: 19.5%;
        transform: translateY(-100px);
    }
    65%{
        width: 19.5%;;
    }
    90%{
        width: 19.5%;
    }
    100%{
        transform: translateY(0);
        width: 100%;
    }
}


.linksmenu{
    display: flex;
    animation: hidelinks 5.5s;
}
.linksmenu nav{
    display: flex;
}

@keyframes hidelinks {
    0%{
        display: none;
        opacity: 0;
    }
    65%{
        display: none;
    }
    90%{
        display: none;
        opacity: 0;
    }
    100%{
        display: flex;
        opacity: 100;
    }
}

/* Para estilos de Menu Cascada */
nav a{
    border-radius: 14px;
    transition: ease-in-out 0.5s;
}
nav a:hover{
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.01);
}


ul, li { margin: 0; padding: 0; list-style: none; }
    nav a { 
        display: block; 
        padding: 0.5rem 1rem; 
        color: #114e8c;
        text-decoration: none; 
        font-family: 'Poppins';
        font-weight: 600;
    }
    nav ul { 
        display: flex; 
    }
    .has-submenu { 
        position: relative; 
    }
    .submenu {
        text-align: center;
        width: 100%;
        display: none;
        position: absolute;
        top: 100%; left: 0;
        background: #114e8cef;
        border-radius: 20px;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(4rem);
    }
    .submenu li a { 
        color: white;
        font-weight: 400;
        white-space: nowrap; 
        border-bottom: 2px rgb(30, 63, 111) solid;
        z-index: 99999;
    }
    .submenu li a:hover { 
        background: #1266ba; 
        border-radius: 20px;
    }

    /* Mostrar por hover y por click */
    .has-submenu.open > .submenu,
    .has-submenu:hover > .submenu {
      display: block;
    }

.container2 {
    background: url('thpv.mp4');
    background-position: center;
    background-size: cover;
  position: relative;
  width: 100%;
  height: 89vh;
  overflow: hidden;
  background-color: white;
  margin-top: 32px;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.contenido-superpuesto {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* Opcional: centrar contenido */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
    .toggle:hover{
        margin: 0px 3px;
    }

/* Contenido Inicial */

.container3{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
    position: relative;
    background-color: white;
    margin-top: -65px;
}
.contenidoC3{
    display: flex;
    width: 80%;
    justify-content: space-between;
    gap: 12px;
}
.ADN{
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: black;
    width: 40%;
}
.titleabts{
    border-bottom: #1266ba 3px dotted;
    width: max-content;
}
.nosotrosinfo{
    margin-top: 32px;
    text-align: justify;
}
.DPM{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}
.datspm{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: rgb(4, 6, 53);
    border-radius: 16px;
    padding: 8px;
    width: 33%;
}
.resdat{
    font-weight: 700;
    font-size: 18px;
}
.texdat{
    font-weight: 500;
    font-size: 14px;
}
.cmhps{
    width: 60%;
    background: #ffffff;
    background: linear-gradient(111deg, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 0) 28%), url('media/oficinasCMH.png') center left -90px no-repeat;
    border-radius: 0px 20px 20px 0px;
}

.liquid-glass-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    inset 2px 2px 6px rgba(255, 255, 255, 0.4),
    inset -2px -2px 6px rgba(255, 255, 255, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 36px;
  font-family: 'Segoe UI', sans-serif;
  font-weight: bold;
  cursor: grab;
  position: absolute;
}


.container4{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
}
.contenidoC4{
    display: flex;
    width: 80%;
    justify-content: space-between;
    gap: 22px;
}

.producto{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;;
}

.producto p{
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    color: #114e8c;
    font-weight: 600;
    font-size: 20px ;
}

.imagenproducto{
    height: 210px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.producto:nth-child(1) .imagenproducto {
        background: url('media/Dobladora1.png') no-repeat center center / cover;
    }

    .producto:nth-child(2) .imagenproducto {
        background: url('media/Cortadora1.png') no-repeat center center / cover;
    }

    .producto:nth-child(3) .imagenproducto {
        background: url('media/Roladora1.png') no-repeat center center / cover;
    }
    
    .producto:nth-child(4) .imagenproducto {
        background: url('media/Conectoress1.png') no-repeat center center / cover;
    }

    .logomenuburger{
        display: none;
        pointer-events: visible;
    }


.container5{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
}
.contenidoC5{
    display: flex;
    width: 80%;
    justify-content: space-between;
    gap: 22px;
}


.imgs1 {
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 300px;
    width: 250px;
    text-indent: 10px; /* para ocultar el "a" de texto */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 0;
    color: white;
    font-family: 'Poppins', sans-serif;
    position: relative; /* necesario para ::before y ::after */
    transition: box-shadow 0.6s;
    padding: 0px 6px;
    text-decoration-line: none;
}

.imgs1::after {
    content: "+";
    color: white;
    width: 42px;
    height: 42px;
    border-radius: 20px;
    background-color: #114e8c;
    position: absolute;
    right: -10px;
    bottom: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-indent: 10px;
    padding-right: 10px;
    transition: ease-in-out 0.6s;
}

.imgs1:hover::after{
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    transform: scale(1.1);
    width: 42px;
    height: 42px;
    border-radius: 20px;
    background-color: #ffffff;
    border: 2px dotted #114e8c;
    color: #114e8c;;
    position: absolute;
    right: -10px;
    bottom: -10px;
    display: flex;
}

.imgs1:hover{
    text-indent: -9999px !important;
    box-shadow:
    inset 2px 2px 6px rgba(255, 255, 255, 0.4),
    inset -2px -2px 6px rgba(255, 255, 255, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25);
    text-decoration-line: none;
}


.contenidoC5 .imgs1:nth-child(1):hover {
    background: url('media/inicio/imagen6.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(3):hover {
    background: url('media/inicio/imagen3.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(2):hover {
    background: url('media/inicio/imagen7.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(4):hover {
    background: url('media/inicio/Estribos.png');
    background-size: cover;
    background-position: center !important;
}

.contenidoC5 .imgs1:nth-child(5):hover {
    background: url('media/inicio/Maquinaria.png');
    background-size: cover;
    background-position: center !important;
}

.contenidoC5 .imgs1:nth-child(1){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen6.jpg');;
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(3){
    background: 
    linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen3.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(2) {
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen7.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(4){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/Estribos.png');
    background-size: cover;
    background-position: center !important;
}

.contenidoC5 .imgs1:nth-child(5){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/Maquinaria.png');
    background-size: cover;
    background-position: center !important;
}

.container9{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
    background: linear-gradient(rgba(21, 21, 66, 0.835), rgba(1, 13, 25, 0.9)),
    url('media/roscs.PNG');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contenidoC9{
    display: flex;
    width: 80%;
    justify-content: space-between;
    gap: 22px;
}

.secdeinfo{
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.secdeinfologo{
    width: 60%;
    filter: brightness(0) invert(1);
}

.secdeinfo:nth-child(3){
    display: flex;
    align-items: center;
}

.secdeinfocon{
    color: white;
    font-size: 38px;
    font-weight: 600;
}

.mediodecon{
    display: flex;
    gap: 12px;
    color: white;
}

.mediodecon img{
    height: 22px;
    width: auto;
}

.redessecdeinfo{
    display: flex;
    height: 42px;
    gap: 6px;
}


.redessecdeinfo a{
    height: 100%;
    width: 42px;
    transition: ease-in-out 0.5s;
}
.redessecdeinfo a:nth-child(1){
    background: url('media/IG1.png') center/cover;
}
.redessecdeinfo a:nth-child(2){
    background: url('media/YT1.png') center/cover;
}
.redessecdeinfo a:nth-child(3){
    background: url('media/FB1.png') center/cover;
}
.redessecdeinfo a:nth-child(4){
    background: url('media/linkedin.png') center/cover;
}
.redessecdeinfo a:hover{
    transform: scale(1.1);
}

.container6{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
}
.contenidoC6{
    font-family: 'Plus Jakarta Sans';
    display: flex;
    flex-direction: column;
    width: 80%;
    justify-content: space-between;
    gap: 22px;
    justify-content: center;
    align-items: center;
}

.titleabts2{
    border-bottom: #1266ba 3px dotted;
    width: max-content;
}
.proyectos{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 20px;
}
.proyectos a{
    width: 100%;
    height: 250px;
    background-size: 300px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px;
    text-indent: -9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 0;
    color: white;
    font-family: 'Poppins', sans-serif;
}
.proyectos a:hover{
    text-indent: 10px !important;
    box-shadow:
    inset 2px 2px 6px rgba(255, 255, 255, 0.4),
    inset -2px -2px 6px rgba(255, 255, 255, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25);
    text-decoration-line: none;
}
.proyectos a:nth-child(2){
    background: url('media/proyectos/Antara-1.jpg');
}
.proyectos a:nth-child(3){
    background: url('media/proyectos/Carso-1.jpg');
}
.proyectos a:nth-child(5){
    background: url('media/proyectos/Cuarzo-1.jpg');
}
.proyectos a:nth-child(7){
    background: url('media/proyectos/Distrito-Santa-fe.jpg');
}
.proyectos a:nth-child(6){
    background: url('media/proyectos/Down-Town-Santa-Fe.jpg');
}
.proyectos a:nth-child(1){
    background: url('media/proyectos/Mitikah.jpg');
}
.proyectos a:nth-child(4){
    background: url('media/proyectos/Punta-reforma.jpg');
}
.proyectos a:nth-child(8){
    background: url('media/30ans.png');
    background-size: contain !important;
}

.proyectos a:nth-child(2):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Antara-1.jpg');
}
.proyectos a:nth-child(3):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Carso-1.jpg');
}
.proyectos a:nth-child(5):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Cuarzo-1.jpg');
}
.proyectos a:nth-child(7):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Distrito-Santa-fe.jpg');
}
.proyectos a:nth-child(6):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Down-Town-Santa-Fe.jpg');
}
.proyectos a:nth-child(1):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Mitikah.jpg');
}
.proyectos a:nth-child(4):hover{
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/proyectos/Punta-reforma.jpg');
}

.container7{
    display: flex;
    width: 100%;
    height: max-content;
    padding: 32px 0px;
    justify-content: center;
    height: max-content;
    align-items: center;
}
.contenidoC7{
    font-family: 'Plus Jakarta Sans';
    display: flex;
    flex-direction: column;
    width: 80%;
    justify-content: space-between;
    gap: 22px;
    justify-content: center;
    align-items: center;
}

.certifics{
    display: flex;
    gap: 20px;
}
.certifics img{
    height: 120px;
}

.tdconectores{
    width: 100%;
    display: flex;
}
.conectores{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.imgcon{
    width: 100%;
}
.titcon{
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    color: #114e8c;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    line-height: 1;
}
.descon{
    margin-top: 22px;
    font-family: 'Poppins', sans-serif;
    color: rgb(223, 41, 17);
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: 1;
}

.tdmaquinas{
    width: 100%;
    display: flex;
}



/* Estilo base para el overlay del popup */
.overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(rgba(17, 78, 140, 0), rgba(17, 78, 140, 0.6));
  justify-content: center;
  align-items: center;
  padding: 20px;
}

/* Caja del popup */
.popup {
background-color: #ffffffaf;
  box-shadow:
    inset 2px 2px 6px rgba(255, 255, 255, 0.4),
    inset -2px -2px 6px rgba(255, 255, 255, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.2rem);
    border-top: rgba(255, 255, 255, 0.57) 2px solid;
    border-left: rgb(208, 208, 208) 2px solid;
    border-bottom: rgba(204, 204, 204, 0.582) 2px solid;
    border-right: rgba(204, 204, 204, 0.582) 2px solid;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 12px;
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position: relative;
}

/* Botón de cerrar (X) */
.close-btn {
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  transition: color 0.2s;
}
.close-btn:hover {
  color: #e60000;
}

/* Contenedor de video para control responsivo */
.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/* Texto del título */
.popup h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
  color: #114e8c;
}

.titdepop{
    text-align: center;
    color: #114e8c; 
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    line-height: 1.2 ;
}
.desdepop{
    text-align: center;
    color: #114e8c; 
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.desdepop2{
    text-align: center;
    color: rgb(223, 41, 17);
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.titdeinfpop{
    color: rgb(223, 41, 17);
    text-align: center; 
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.titdeinfpop2{
    color: rgb(223, 41, 17);
    text-align: center; 
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.infodeconectores{
    width: 100%;
    display: flex;
    gap: 20px;
    margin-top: 8px;
}
.imginfdc{
    width: 100%;
}
.imginfdc img{
    width: 100%;
    border-radius: 20px;
}
.blodidc{
    width: 100%;
}
.blodidc{
    color: #114e8c;
    font-family: 'Plus Jakarta Sans', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.tincef{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    gap: 8px;
}


@media screen and (max-width: 876px) {
    .container2{
        height: 40vh;
        margin-top: 62px;
    }
    .container3{
        margin-top: -45px;
    }
    .contenidoC3{
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
    .ADN{
        width: 100%;
    }
    .cmhps{
        width: 100%;
        height: 220px;
        background: url('media/oficinasCMH.png') no-repeat;
        background-position: center left -140px;
        background-size: 720px;
        border-radius: 12px;
    }
    .logomenuburger{
        display: block;
        font-size: 42px;
        font-weight: 600;
        color: #114e8cef;
        animation: hidelinks 6s;
    }
    .linksmenu{
    display: none;
    position: fixed;
    animation: none !important;
    width: 100%;
    right: 0;
    left: 0;
    top: 64px;
    backdrop-filter: blur(1rem);
    background-color: white;
    padding: 8px;
    border-radius: 18px;
    }
    .linksmenu nav{
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .has-submenu{
        text-align: center;
        width: 100%;
    }
    .subm1{
        z-index: 888;
    }
    .subm2{
        z-index: 887;
    }
    .headermenu p{
        display: none;
    }
    .htemail a:nth-child(1){
        display: none;
    }
    .contenidoC4{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
    }
    .DPM{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .datspm{
        border-radius: 0px !important;
        width: 100%;
    }
    .DPM span{
        display: none;
    }
    .DPM .datspm:nth-child(1){
        border-bottom: solid 1px #114e8c;
    }
    .DPM .datspm:nth-child(3){
        border-bottom: solid 1px #114e8c;
    }
    .resdat {
        font-weight: 700;
        font-size: 26px;
    }
    .imagenproducto{
        height: 118px;
    }
    .container5{
        display: flex;
        flex-direction: column;
    }
    .contenidoC5{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
    }
    .contenidoC5 .imgs1:nth-child(5) {
        grid-column: span 2;
    }
    .contenidoC5 .imgs1:nth-child(5):hover {
        grid-column: span 2;
    }
    .imgs1{
        height: 200px;
        width: 100%;
        text-indent: 10px !important;
        text-decoration-line: none;
    }
    .contenidoC5 .imgs1:nth-child(1) {
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen6.jpg');;
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(3) {
    background: 
    linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen3.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(2) {
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/imagen7.jpg');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(4) {
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/Estribos.png');
    background-size: cover;
}

.contenidoC5 .imgs1:nth-child(5) {
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.6)),
    url('media/inicio/Maquinaria.png');
    background-size: cover;
}
.contenidoC9{
    display: flex;
    flex-direction: column;
    padding-bottom: 58px;
}
.secdeinfo:nth-child(1){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.secdeinfo:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.secdeinfo:nth-child(3){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.proyectos{
    grid-template-columns: repeat(2, 4fr) !important;
}

.proyectos a{
    width: 100%;
    height: 200px;
    text-indent: 10px;
    text-decoration-line: none;
}
.proyectos a:nth-child(2){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Antara-1.jpg');
}
.proyectos a:nth-child(3){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Carso-1.jpg');
}
.proyectos a:nth-child(5){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Cuarzo-1.jpg');
}
.proyectos a:nth-child(7){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Distrito-Santa-fe.jpg');
}
.proyectos a:nth-child(6){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Down-Town-Santa-Fe.jpg');
}
.proyectos a:nth-child(1){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Mitikah.jpg');
}
.proyectos a:nth-child(4){
    background: linear-gradient(rgba(17, 78, 140, 0.6), rgba(17, 78, 140, 0.092)),
    url('media/proyectos/Punta-reforma.jpg');
}
.tdconectores{
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 25px 10px;
}
.imgcon{
    width: 100%;
}
.titcon{
    font-size: 16px;
}
.descon{
    margin-top: 2px;
    font-size: 12px;
}
.infodeconectores{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.the1so{
    display: none;
}
.certifics{
    display: grid;
    grid-template-columns: repeat(3, 2fr);
}
.certifics .tincef:nth-child(4) {
    grid-row: 1;
    grid-column: 2;
}
.certifics .tincef:nth-child(5) {
    grid-row: 2;
    grid-column: 1;
}
.menu{
    animation: none;
}
.headermenu{
    animation: none;
}
.htemail, .hreds, .linksmenu, .logomenuburger{
	animation: none !important
}
}

/* Responsive: en móvil ajustar padding */
@media (max-width: 600px) {
  .popup {
    padding: 15px;
  }

  .popup h2 {
    font-size: 18px;
  }
}