/*(c) Haxter Corporation | All rights reserved. - GRUPO GIXTOH INGENIERIA Y MEDIO AMBIENTE, S.A. DE C.V.*/
:root{
--nastrovagx_blye: #002060;
}
#h25_banner{
    background-image: url('https://grupogixtoh.com.mx/_img/G25/nature-banner-background-6.jpg');    
}
#intro h1{
    color: white;
}
.bsu_title{
text-align: center;
font-size: 1.2rem;

}
.bsu_title h1{
font-size: 2.5rem;
color:var(--nastrovagx_blye);
}
.min90-container{
max-width: 90%;
margin: 0 auto;

}
.rightness{
text-align: left;
align-content: left;
align-items: left;
}
.leftness{
text-align: left;
align-content: left;
align-items: left;

}

.columns-section {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
background-color: #f3f3f3;
}

.column {
background: white;
padding: 16px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
.columns-section {
flex-direction: row;
}
.column {
flex: 1;
}
}

.ltn h2{
font-size: 1.2rem;
color: gray;
font-family: inherit;
text-align: left;
}
.ltn p{
font-size: 1.5rem;
text-align: justify;
}

.his img {
transition: transform 0.5s ease;
width: 100%;
display: block;
border-radius: 8px; /* opcional, para que se vea más limpio */
}

.his:hover img {
transform: scale(1.05);
}
.stats-banner{
background-image: url('https://grupogixtoh.com.mx/_img/G25/stats-banner.jpg');
/*>> https://grupogixtoh.com.mx/_img/wind-turbine-f.2e16d0ba.fill-1866x1050-c100.format-avif.avif */
}
#stats{
height: 60vh;
color:white;
}
.stories-gx img{
width:90%;
}
.stories-gx{
align-content: center;
text-align: center;
}

.studies h3{
font-family: inherit;
font-size: 2.8rem;
color: #002060;
text-align: center;

}
.studies ul{
list-style: square;
}
.studies li{
padding-top: 1rem;

}

.studies a:hover{
font-size:2rem;
font-weight: bold;
color:var(--nastrovagx_blye);
}
.his h4{
padding-top: 1rem;
color:var(--nastrovagx_blye);
}


.fade-in-section {
opacity: 0;
transform: translateY(20px);
transition: all 0.6s ease-out;
}

.fade-in-section.visible {
opacity: 1;
transform: translateY(0);
}

/*@import *from com.haxtercorp: */
.fullimage img{
width: 100%;
height:10000px;
}
.xtainer{
max-width: 90%;
margin: 0 auto;
}
.subscribe_btn{
background: #33aaf5;
color: #fff;
min-width: 80px;
font-size: 14px;
font-weight: 700;
height: 50px;
line-height: 14px;
padding: 0 20px;
align-items: center;
-webkit-appearance:none;
border-radius: 8px;
cursor: pointer;
/*            display: inline-flex;*/
justify-content: center;
/*  position: relative;*/
text-decoration: none;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
transition: all .25s cubic-bezier(.4,0,.2,1);
font-family: 'Montserrat',Sans-Serif;
border: none;
}



.footer {
/*padding: 40px 20px; font-size: 14px;*/
}

.footer-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
max-width: 1200px;
margin: auto;
}

.footer-col h4 {
font-size: 2rem;
margin-bottom: 10px;
color: var(--nastrovagx_blye);
}

.footer-col ul {
list-style: none;
padding: 0;
}

.footer-col ul li {
margin-bottom: 8px;

}

.footer-col ul li a {
color: black;
text-decoration: none;
transition: color 0.3s;

font-size: 1.5rem;

}

.footer-col ul li a:hover {
font-weight: bold;
color: var(--nastrovagx_blye);

}

.footer hr{
color:black;
width: 100%;
}


.btnt{
border-radius:8px;
}
.btnt span{
margin:0.5rem;
}
.my_nav__link a{
font-size:1.2rem;
}