p,span,a,li,.cont-maintext{
color: rgba(0,0,0,.5);
}
p,.cont-maintext {
font-family: 'Source Sans Pro', sans-serif;
font-size: calc(0.12782vw + 20px);
}
strong {
font-weight: 700!important;
}
#menu-responsive{
display:none;
}
div#proceso-verificacion-2 p {
color: #4375dc;
font-size: 13px;
text-align: justify;
padding: 5px;
}
#main{
min-height: 500px;
}
.tex-main-secc{
text-align: left;
}
#divheader-right {
text-align: right;
padding: 0px;
}
#header {
border-bottom: 1px solid #ece9e9;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
}
#footer{
background: #024596;
padding-top: 40px;
padding-bottom: 15px;
}
#footer h5{
color: #efefff;
}
#footer p, 
#footer a, 
#footer span,
.text-footer {
color: #d5d4ff;
font-size: calc(0.12782vw + 9.45113px);
}
#footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#info-menu {
margin: 0px;
padding: 0px 31px 0 31px;
}
.title-footer {
min-height: 50px!important;
}
#banner-inicio-1{
background: url('../img/foto_principal.png') top left/cover no-repeat;
height: 495px;
}
#banner-inicio-2{
background: url('../img/segundobanner.png') top left/cover no-repeat;
height: 400px;
}
#banner-norma{
background: url('../img/foto_principal-normas.png') top left/cover no-repeat;
height: 485px;
}
#banner-industrias{
background: url('../img/foto_principal-normas.png') top left/cover no-repeat;
height: 330px;
}
#banner-blog{
background: url('../img/foto_principal-normas.png') top left/cover no-repeat;
height: 330px;
}
#banner-clientes {
background: url(../img/foto_principal_clientes-.png) top left/cover no-repeat;
height: 330px;
}
#banner-servicios {
background: url(../img/portada_servicios.png) top left/cover no-repeat;
height: 330px;
}
#banner-contacto {
background: url(../img/portada_Contacto-.png) top left/cover no-repeat;
height: 330px;
}
#banner-inicio-1-singleblog{
background: url('../img/segundobanner.png') top left/cover no-repeat;
height: 495px;
}
#banner-inicio-1 div,#banner-inicio-2 div,#banner-norma div,
#banner-clientes div,#banner-contacto div, #banner-inicio-1-singleblog div,
#banner-servicios div,#banner-industrias div,#banner-blog div{
height: 100%;
background: rgba(12,0,105,0.44);
background: -moz-linear-gradient(left, rgba(12,0,105,0.44) 0%, rgba(12,0,105,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12,0,105,0.44)), color-stop(100%, rgba(12,0,105,0)));
background: -webkit-linear-gradient(left, rgba(12,0,105,0.44) 0%, rgba(12,0,105,0) 100%);
background: -o-linear-gradient(left, rgba(12,0,105,0.44) 0%, rgba(12,0,105,0) 100%);
background: -ms-linear-gradient(left, rgba(12,0,105,0.44) 0%, rgba(12,0,105,0) 100%);
background: linear-gradient(to right, rgba(12,0,105,0.44) 0%, rgba(12,0,105,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0069', endColorstr='#0c0069', GradientType=1 );
}
.title-banner {
color: #fff;
font-weight: bold;
position: relative;
text-shadow: 0 0px 2px #000;
font-size: calc(0.12782vw + 60px);
}
.padding-textbanner {
padding: 10% 2% 2% 2%;
}
.padding-textbanner2 {
padding: 1% 0% 0% 2%;
}
.text-cont-secc {
font-size: calc(0.12782vw + 15px);
}
.cont-maintext {
padding: 60px 100px 100px 100px;
text-align: center;
overflow: hidden;
}
.text-colorblue{
color:#024596;
}
.title-h2 {
margin-bottom: 60px;
font-size: calc(0.12782vw + 50px);
font-family: 'Lato', sans-serif;
}
.title-bold{
font-weight: bold;
}
.text-banner {
color: #fff;
text-shadow: 0 0px 2px #000;
padding: 0 0px 0 30px;
}
.button-maintext {
padding: 10px!important;
width: 250px!important;
background: #54a1ff!important;
border: 1px solid #54a1ff!important;
color: #fff!important;
display: inline-block!important;
margin: 60px 0 60px 0;
}
.margin-titleclient{
margin: 70px;
}
#cont-clientes {
text-align: center;
padding: 0px!important;
}
.slick-slide img {
display: block;
width: 50%;
margin: 50px auto;
}
.button-maintext:hover {
background: #004497;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 27px!important;
line-height: 1;
opacity: 1.75;
color: blue!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*========== EFECTO DE MENU ==========*/
.menu-veri-a {
display: inline-block;
position: relative;
background: none;
border: none;
cursor: pointer;
margin: 10px 17px;
border-bottom: 2px solid transparent;
}
.menu-veri-a{
display: block;
padding: 25px 80px;
}
.menu-veri-a::after{
content:"";
width: 0;
height: 0;
position: absolute;
transition: all 0.2s linear;
border-bottom: 2px solid #004497;
}
.menu-veri-a:hover::after{
width: 100%;
}
.menu-veri-a:hover .menu-veri-a::after{
height: 100%;
}
/*----- button 6 -----*/
.menu-veri-a::after{
left: 50%;
bottom: 0;
transition-duration: 0.4s;
}
.menu-veri-a:hover::after{
left: 0;
}
/*=========== FIN EFECTO MENU ============*/
.seccionmenu {
position: absolute;
background: #fff;
padding: 0px;
top: 57px;
z-index: 99;
margin: 0px !important;
min-height: 300px;
width: 100%;
left: 0;
display: none;
transition: 6s;
}
.secc-menu {
float: left;
min-height: 300px!important;
}
.menu-veri:hover .seccionmenu {
display: block!important;
transition: 6s;
}
.text-telefono, .text-telefono a {
    margin: 28px auto;
    font-size: 14px!important;
    color: #024596!important;
}
.lupa {
border-left: 1px solid #ddd!important;
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
border-right: none!important;
border-radius: 33px 0px 0px 33px!important;
padding: 0px!important;
}
.lupa:hover {
background: #0d0d9a!important;
}
#busqueda {
border-left: none!important;
border-radius: 0px 33px 33px 0px!important;
}
.lupa img {
width: 20px;
margin: 10px;
}
.menu-veri-a {
font-size: calc(0.12782vw + 14px);
font-family: 'Lato', sans-serif;
}
.menu-veri-a:hover {
color: #004497!important;
font-weight: bold;
}
#divheader-right .text-colorblue {
font-size: calc(0.12782vw + 15px);
}
.secc-menu {
background: #415c9d;
padding: 40px 0 40px 0!important;
}
.nav-pills .nav-link.active{
color: #f9fced!important;
background-color: #4e79b4!important;
}
.nav-link {
border-radius: 0px!important;
color: #a0a0a0!important;
}
.secc-menu .nav-link {
display: block;
padding: .5rem 1rem;
border-top: 1px solid #49629f;
border-bottom: 1px solid #49629f;
}
.secc-menu-content #v-pills-tabContent {
margin: 20px 20px 20px 20px !important;
}
/* GENERAL BUTTON STYLING */
.buttonbanner,
.buttonbanner::after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.buttonbanner {
padding: 10px;
width: 250px;
background: none;
display: block;
position: relative;
text-transform: uppercase;
z-index: 4;
border-radius: 12px;
overflow: hidden;
border: 3px solid #64b4d9;
color: #397fd3;
text-align: center;
font-size: calc(0.12782vw + 20px);
font-family: 'Lato', sans-serif;
}
.padding-buttombanner{
margin: 0 0 0 30px;
}
.buttonbanner::before,
.buttonbanner::after {
background: #397fd3;
content: '';
position: absolute;
z-index: -1;
}
.buttonbanner:hover {
color: #fff!important;
cursor: pointer;
}
/* BUTTON 5 */

.buttonbanner::after {
/*background-color: #f00;*/
height: 100%;
left: -35%;
top: 0;
transform: skew(50deg);
transition-duration: 0.6s;
transform-origin: top left;
width: 0;
}
.buttonbanner:hover:after {
height: 100%;
width: 135%;
}
#banner-inicio-2 .buttonbanner {
color: #fff;
}
.align-self-end {
top: 0px;
position: relative;
margin: 0px 0 50px 0px;
position: relative!important;
float: right;
left: 75px;
}
#info-footer {
padding-bottom: 50px;
}
.img-redes {
padding: 0px!important;
bottom: 7px;
text-align: center;
left: 60px;
}
.img-redes img {
width: 35px;
}
.secc-menu {
box-shadow: -1px 0px 10px #2f2f2f82 inset;
z-index: 23;
}
.secc-menu .nav-link {
color: #8899c1!important;
}
.cont-parrafo {
text-align: justify;
font-size: calc(0.12782vw + 19px);
}
.cont-img-industrias {
overflow: hidden;
width: 100%;
height: 300px;
padding: 0 16px 16px 0px!important;
}

.cont-img-industrias img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
z-index: 1;
}
.cont-img-industrias {
overflow: hidden;
width: 100%;
height: 300px;
flex: 0 0 32.333333%!important;
margin: 0 8px 8px 0px!important;
padding: 0px!important;
}
.cont-img-industrias-blog {
overflow: hidden;
width: 100%;
height: 300px;
flex: 0 0 32.698333%!important;
margin: 0 8px 8px 0px!important;
padding: 0px!important;

}
.contenedor-imagenes {
  display: flex;
  justify-content: space-between; /* espacio entre imágenes */
  align-items: center;
  width: 100%;

  width: 49%;       /* o 50% con espacio extra */
  height: 300px;    /* igual para ambas */
  object-fit: cover; /* recorte proporcional */
  border-radius: 5px;
}

.contenedor-imagenes img {
  width: 49%;       /* o 50% con espacio extra */
  height: 300px;    /* igual para ambas */
  object-fit: cover; /* recorte proporcional */
  border-radius: 5px;
}


.buttonbanner:hover {
text-decoration: none;
}
.cont-text-img {
    z-index: 2;
    position: absolute;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    text-align: left;
    background: #000000ad;
    padding: 30px;
    color: #fff!important;
    text-shadow: 0 0 1px #000;
}
.cont-text-img p,
.cont-text-img a {
color: #fff;
}
.cont-text-img a {
    bottom: 24px;
    position: inherit;
    font-size: 15px;
}
.cont-text-img a:hover {
color: #85bcff;
text-decoration: none;
}
.cont-text-img h1 {
    margin-bottom: 20px;
    white-space: nowrap;
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
}
#banner-inicio-1-singleblog .title-banner {
    width: 65%;
    padding: 4% 2% 2% 2%;
}
.margin-titleclient {
margin: 15px 0 0 0;
}
.img-proc-veri {
width: 150px;
border-radius:0px;
}
#seccion-inspectores-verificados p{
padding: 30px;
}
.industrias-div {
padding: 70px 80px 80px 80px !important;
}
.normas span {
    color: #64b4d9;
}
.leermas{
width: auto!important;
height: 100%;
max-width: inherit!important;
max-height: 100%;
min-width: inherit!important;
min-height: 100%;
z-index: 1;
}
.item-cliente:hover {
background: #DDD;
}
.seccionmenu p {
font-size: 17px;
width: 100%;
}
.normas {
position: relative;
float: left;
width: 100%;
overflow: hidden;
display: block;
text-align: left;
margin: 0px auto;
padding: 0 95px 0 95px;
}
.cont-maintext-2 {
padding: 0px 30px 30px 30px;
overflow: hidden;
}
.sidebar {
overflow: hidden;
padding: 0px 0px 10px 20px;
width: 33%;
float: left;
border-left: 1px solid #ddd;
}
.col-md-8 {
overflow: hidden;
float: left;
}
.sidebar-list ul li {
list-style: none;
padding: 25px 0 25px 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.normas ul li{
color:#64b4d9;
font-size: 30px;
font-family: 'Source Sans Pro', sans-serif;
}
.normas ul li ul li {
list-style: none;
color: rgba(0,0,0,.5);
font-weight: lighter;
font-size: 18px;
color: rgb(161,161,161);
}
.cont-page {
overflow: hidden;
}
.text-center{
text-align: center;
margin-top: 60px;
}
.sidebar-list h2 {
font-size: 30px;
margin: 0px 0px 0px 37px;
padding: 12px;
border-bottom: 1px solid #ddd;
}
.img-clients {
    width: 60%;
    margin: 70px;
}
.col-form {
float: left;
text-align: left;
}
.input-form {
border-color: #66b0de;
}
.input-form {
border-color: #66b0de!important;
}
.cont-infocontacto {
padding: 28px 0 0 0;
overflow: hidden;
}
.img-cont-singleblog {
    width: 50%;
    overflow: hidden;
}
.img-cont-singleblog img {
    width: 100%;
}
.col-md-4:hover .divcliente-oculto {
    display: block;
    box-shadow: 0 0 10px 0px #cdcdcd;
    border-radius: 3px;
}
.divcliente-oculto {
    display: none;
    position: absolute;
    bottom: 0px;
    background: #000000a6;
    width: 100%;
    height: 350px;
    text-align: left;
    padding: 5px 15px 10px 15px;
}
.divcliente-oculto p {
    color: #fff;
    text-shadow: 0 0 1px #000;
    font-size: 19px;
}
.img-notas {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}
#seccion-inspectores-verificados {
    padding: 90px 0 0 0;
}
.cont-img-normas .text-cont-secc {
    font-size: 14px;
}
.cont-img-normas li {
    color: #fff;
}
.cont-titleservicios{
    margin-bottom: 20px;
    white-space: nowrap;
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 30px;
}
.cont-img-normas .img-notas {
    width: inherit;
    max-width: inherit;
    max-height: inherit;
    min-width: inherit;
    height: inherit;
    min-height: inherit;
    padding: 45px 0px 45px 0;
    margin: 0px auto;
    text-align: center;
    display: block;
}
.cont-img-industrias-seccion {
    overflow: hidden;
    width: 100%;
    height: 600px;
    flex: 0 0 49%!important;
    padding: 0px!important;
    margin: 0px 10px 10px 0;
}

.cont-img-mineria {
    overflow: hidden;
    width: 60%;
    height: 400px;
    flex: 0 0 49%!important;
    padding: 0px!important;
    margin: 0px 10px 10px 0;
}

.cont-img-doble {
    width: inherit;
    width: 49%;       /* o 50% con espacio extra */
  height: 300px;    /* igual para ambas */
  object-fit: cover; /* recorte proporcional */
  border-radius: 5px;
}





.grid-imagenes {
 display: flex;
  place-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;

  
}

.grid-imagenes img {
  width: 80%;
  aspect-ratio: 1/1;  /* Hace un cuadrado perfecto */
  object-fit: cover;
  border-radius: 6px;
}

/* Responsivo para celulares */
@media (max-width: 400px) {
  .grid-imagenes {
    grid-template-columns: repeat(2, 1fr); /* Mantiene 2x2 */
    
  }
}



.grid-imagenes2 {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.grid-imagenes2 img {
  width: 100%;
 
  object-fit: contain;
  border-radius: 6px;
   height: 100px;
}

/* Responsivo para celulares */
@media (max-width: 400px) {
  .grid-imagenes2 {
    grid-template-columns: repeat(2, 1fr); /* Mantiene 2x2 */
  }
}