body {font-family: 'Montserrat', sans-serif;    color: #212529;     padding-top: 100px;}
.offcanvas { max-width: 80%;}
.bg-gray-100 {  background-color: #F8F9FA;}
.bg-gray-200 {  background-color: #E9ECEF;}
.bg-gray-300 {  background-color: #DEE2E6;}
.bg-gray-400 {  background-color: #CED4DA;}
.bg-gray-500 {  background-color: #EFEFEF;}
.bg-gray-600 {  background-color: #6C757D;}
.bg-gray-700 {  background-color: #495057;}
.bg-gray-800 {  background-color: #323A40;}
.bg-gray-900 {  background-color: #212529;}


/* Navbar customization */
.navbar {    background-color: #f2f3f4;    box-shadow: 0px 4px 5.3px 3px rgba(0, 0, 0, 0.1);}
.navbar-brand {    max-width: 70%;}
.navbar-brand img {    max-height: 60px;    max-width: 80%;    margin: 10px 0px;}
.nav-link {    color: #212529 !important;    font-weight: 500;}
.navbar .navbar-nav .nav-link.active {  color: #023059 ! Important;  font-weight: 600;}
.navbar .navbar-nav .nav-link:hover {  color:#023059;}

.hero {    background-image: url('../img/fondo-relieve.png');    background-size: cover;    background-position: center;    height: 400px;    position: relative;}
.hero-title {    background-color: #a79b85;    padding: 20px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    color: white;    font-size: 2.5rem;    font-weight: bold;    text-align: center;    width: 100%;    max-width:850px;}
.description {    font-size: 1.25rem;    line-height: 1.8;}
.cinta {	 background-image: url('../img/rectangle_relieve.png');    background-size: cover;    background-position: center;    height: 120px;    position: relative;}

/*Nosotro*/
p.card-text {    font-size: 1.2rem;}
p.datos {    font-size: 1.3rem; margin-bottom: .5rem;}
p.datos i.fa-solid {    min-width: 20px;}
p.datos a { text-decoration: none; color:#212529;}
p.datos a:hover { color:#bdaf9d;}

/*Contacto*/
#contacto img {    min-height: 200px;}

/* Card customizations */
#Servicios {    position: absolute;    top: -50px;}
#Recursos {    position: absolute;    top: -110px;}

.service-card {  transition: transform 0.3s ease;}
.service-card:hover {  transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); cursor: pointer;} 
.service-card {    border: 1px solid #dee2e6;    border-radius: 1rem;    overflow: hidden;    height: 100%;}
.service-card-header {    height: 200px;    display: flex;    align-items: center;    justify-content: center;}
.service-card-header img {    width: 106px;    height: 106px;}
.service-card-body {    padding: 1.5rem; background-color: #ffffff;     min-height: 100%;}
.service-card-title {    font-size: 1.75rem;    font-weight: 600;    margin-bottom: 1rem;}
.services-section {    background-color: #EFEFEF;    padding: 4rem 0; position: relative;}
.services-section a {text-decoration: none; color: #212529;}
.services-section .service-card-body:hover { background-color: #fbfbfb; }

.members-section {    background-color: #FFF;    padding: 0px;}
.members-section .container-full { position: relative;  width: 100%;  overflow: hidden; } 
.members-section .bg-section-1 {  background-color: #EFEFEF;  height: 250px; } 
.members-section .bg-section-2 {  background-image: url(../img/rectangle-relieve.png);  background-size: cover;  height: 300px;} 
.members-section .bg-section-3 {  background-color: #a79b85;  height: 300px; } 
.members-section .content-overlay {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: white;  width: 80%;  max-width: 800px;  padding: 30px 30px 40px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);  z-index: 10;} 
.members-section .icon-circle {  width: 40px;  height: 40px;  background-color: #ff5733;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  color: white;  font-weight: bold; } 
.members-section .map-container {  margin: 30px 0; }
.members-section .region-list {  list-style-type: none;  padding-left: 0; } 
.members-section .region-list li:before {  content: "• ";  color: #333; }
.members-section  img.antartida { max-width: 100%; height: auto; margin-right: auto; } 

.members-section ul {    display: block;     padding-left: 1.5rem;}
.members-section li {  list-style: none !important; position: relative;   }
.members-section li.inactive {    opacity: 0.4;}
.members-section li::before {    content: "•";    color: #a79b85;    font-size: 3rem;    position: absolute;    left: -20px;    top: -1rem;    line-height: 1; }
	
.escudos-section {    background-color: #a79b85;    padding: 4rem 0;}	
.province-icon {    width: 80%;    height: auto;    margin-bottom: 0.1rem;}
.province-name {    color: white;    font-size: 1rem;    font-weight: 500;    text-align: center;}
.province-name.inactive {    color: rgba(255, 255, 255, 0.37);}
.province-icon.inactive  {    opacity: 0.37;}

.recursos-section {    position: relative;}
.recursos-section a { text-decoration: none;}
.recursos-section .card-header {background-color: #023059; color: #FFF;}
.recursos-section .card-body { 	    }
.recursos-section .card-body i{ 	font-size: 3.5rem;    margin-right: 20px ! Important;    color: #a79b85;}
.recursos-section .card:hover {  transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  background-color: #fbfbfb;  cursor: pointer; /*border: 1px solid #023059;*/} 

#geoservicios li a {color: #a79b85;  text-decoration: none; font-weight: 500;}
#geoservicios li a:hover {color: #212529; }
#geoservicios a.btn {color: #fff;  background-color: #a79b85; text-decoration: none; font-weight: 500; border: 1px solid #a79b85;     padding: 10px 20px;    min-width: 270px;}
#geoservicios a.btn:hover {  color: #a79b85; background-color: #fff; border: 1px solid #a79b85; }


footer {    background-color: #868686;    padding: 4rem 0;}
footer li a {  font-size: 1rem; color: #ffffff;    text-decoration: none !important; }
footer li a:hover {   color: #212529; }
footer img.logopie {    max-height: 90px;}

a.linkpie {  color: #ffffff;    text-decoration: none !important; }

a.social-icon {    text-decoration: none;}
.social-icons {  display: flex;  gap: 16px;  margin-top: 16px;}
.social-icon {  width: 35px;  height: 35px;  background-color: white;  /*border-radius: 50%;*/  display: flex;  align-items: center;  justify-content: center;}
.social-icon i.text-dark {    color: #868686 !important;}

.copyright {    background-color: #444444;    padding: 2rem 0;    color: white;}

@media (max-width: 768px) {
    body { padding-top: 0px;}
	.navbar.fixed-top {    position: static !important;  }
	.navbar-brand img {    max-height: 80px; max-width: 80%; height: auto;}
	.hero-title {        font-size: 2rem;        padding: 15px;    }
    .service-card {        margin-bottom: 2rem;    }
	/* Card customizations */
	#Servicios {    position: absolute;    top: 70px;}
	#Recursos {    position: absolute;    top: 20px;}
    /*.province-icon {        width: 80px;        height: 80px;    }*/
    .province-name {        font-size: 1rem;    }
	.members-section .bg-section-1 {  height: 350px; } 
	.members-section .bg-section-2 {  height: 400px;} 
	.members-section .bg-section-3 {  height: auto;        min-height: 130px; } 
	.members-section  img.antartida {  max-width: 39%!Important;    height: auto;    margin-right: inherit;    margin-left: auto;    margin-top: -135px; } 
	.members-section ul {    display: block;    padding-left: 1.5rem;    margin-top: -35px;}
}
 @media (max-width: 990px) {
	#offcanvasNavbar .offcanvas-header {    background-color: #fff;    display: flex;    flex-wrap: nowrap;    justify-content: space-between;    align-items: center;    padding: .75rem 1.5rem;}
	#offcanvasNavbar .offcanvas-header img {    padding: 15px 0px;}
	#offcanvasNavbar button.btn-close.text-reset {    background-color: #252c61;    border: 0;    border-radius: 50%;    height: 32px;    outline: none;    margin-left: auto;    padding: 0;    transition: all .2s ease-in-out;    text-shadow: none;    font-weight: 500;    font-size: 38px;    line-height: 32px;    opacity: initial;}	
	#offcanvasNavbar span.c-buttontext {    font-weight: 500;    font-size: 38px;    line-height: 32px;    color: #252c61;    display: block;    height: 32px;    transition: all .35s ease;}
	#offcanvasNavbar button.close.js-offcanvas-close.c-button {    border: 0px;    border-radius: 50%;}
	#offcanvasNavbar .offcanvas-body {    padding: 25px 0px;}
	#offcanvasNavbar li.nav-item.lindiv {    display: flex;    justify-content: space-between;    align-items: stretch;    position: static;    border-bottom: 1px solid #e9ecef;    padding: 0 2rem;}
	#offcanvasNavbar a.nav-link {    padding: 15px 0px;}

}