:root {
	--color-base-oscuro: #133658;
	--color-base-claro: #bb7d53;
	--color-base-claro-1: #ca916c;
	--color-claro-1: #ce936d;
	--color-claro-2: #e3c6af;
	--color-blanco-rojizo: #f8f2ee;
}


/* ==================================
	RESET / BASE
===================================*/
* {
  margin: 0;
  /* padding: 0; */
  box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Montserrat", sans-serif;
	/*font-family: "Exo", sans-serif;
	font-size: 17px;*/
	/*font-optical-sizing: auto;*/
	background: #f9f9f9;
	color: #333333;
}

/* ==================================
	COMUNES
===================================*/

/* TEXTO */
/*
body p {
	color:#58595b;
	font-size: 14px;
	text-align: left;
	font-weight: 570;
	hyphens: auto;
}

body h2 {
	font-size: 28px;
	font-style: italic;
	font-weight: 650;
}

details summary {
  cursor: pointer;
  font-weight: bold;
  padding: 0.5em;
}

details[open] summary {
  background-color: var(--color-base-claro);
  color: #ffffff;
}

body h3 {
	color:var(--color-base-claro);
	
	font-size: 20px;
	text-align: left;
	font-style: italic;
	font-weight: 500;
}

body q {
	color:#000000;
	text-align: center;
	font-size: 14px;
	font-weight: 570;
}
*/
body h1, h2 {
	color: var(--color-base-oscuro);
	font-size: 28px;
}

body h3 {
	color:var(--color-base-claro);
	font-size: 1.5em;
}


body q {
	color:#000000;
	font-weight: 470;
}

input::placeholder,
textarea::placeholder {
	color: #999;
	font-style: italic;
	opacity: 0.7;
	font-family: 'Arial', sans-serif;
	line-height: 1.5;
}

/* SECCIONES */

.section {
    width: 100%;
    /*margin-bottom: 2rem;*/
    /* padding: 2rem 0; */
}

.section--bleed {background: #e0e0e0;}

.section--constrained {/* background: #ddeeee; */margin: 40px auto;}

.container {
    max-width: 1280px;
    margin: 0 auto;
    /* padding: 1rem; */ /* padding principal */
    padding: 0 20px;
}

/* NAVBAR */

.navbar-solido {
	background-color: var(--color-blanco-rojizo);
	border-bottom: 1px solid var(--color-claro-2);
}
.navbar-solido .navbar-right li a {
  color: var(--color-base-oscuro);
}

.navbar-solido .navbar-right a:hover {
  border-bottom: 2px solid var(--color-base-oscuro);
}

.navbar-solido a.active {
  border-bottom: 2px solid var(--color-base-oscuro);
}

.navbar { /* inicio */
	background-color: rgba(0,0,0,0.0);
	position: fixed;
	z-index: 1; /* para estar encima de las animaciones */
}

.navbar .logo {
	/*visibility: hidden;*/
}

.scrolled .logo {
	visibility: visible;
}

.scrolled {
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid var(--color-claro-1);
}

.flex-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 110px;
  padding: 10px 32px;
}

.navbar-left .logo {
  height: 62px;
}

.navbar-right {
  display: flex;
  /*gap: 20px;*/
  align-items: flex-end;
}

.navbar-right ul {
  list-style: none;        /* quita viñetas */
  display: flex;           /* pone los <li> en fila */
  /*gap: 1rem;*/               /* espacio entre enlaces */
  margin: 0;
  padding: 0;
}

.navbar-right li a {
  text-decoration: none;
  color: white; /* inicio */
  font-weight: bold;
  padding: 12px 22px;
  border-bottom: 2px solid transparent; /* espacio reservado */
  transition: color 0.3s ease, border-bottom 0.3s ease;
}
.scrolled li a {
	color: var(--color-base-claro);
}

.navbar-right a:hover {
  /*color: #0077cc;*/
  border-bottom: 2px solid white; /* inicio */
}
.scrolled a:hover {
	border-bottom: 2px solid var(--color-base-claro);
}

.navbar a.active {
  /*background-color: #111111;*/
  /*box-shadow: inset 0 -2px 0 0 #ffffff;*/
  border-bottom: 2px solid white;
}
.scrolled a.active {
	border-bottom: 2px solid var(--color-base-claro);
}
/* FIN NAVBAR */

/* FOOTER */
.center {
  display: flex;
  justify-content: center;
  height: 100%;
}

.derecha {
  display: flex;
  justify-content: right;
  height: 100%;
}
/* ******** */
.footer-grid {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, auto);
}

.footer {
	background-color: var(--color-base-oscuro);
}

.foot {
	/*color: #f2f2f2;*/
	color: var(--color-blanco-rojizo);
	height: 80px;
	text-align: left;
	display: flex;

  align-items: center; 
}

.foot > a {
	text-decoration: none;
	color: var(--color-base-oscuro);
	padding: 3px;
}


.foot i {
	/*font-size: xx-large;*/
			/*color: #880000;*/
}

.foot li a:hover {
  background-color: #888888;
}
.foot ul{
	list-style-type: none;
	padding: 0;
}

.foot ul a {
	text-decoration: none;
	/*color: #f2f2f2;*/
	color: var(--color-blanco-rojizo);;
}

.foot li {
	font-size: 10px;
}

.foot img {
	height: 100%;
	padding: 15px;
}

.foot-borde {
	border-top: 1px solid #a2a2a2;
}

.icono-claro {
	color: var(--color-blanco-rojizo);
}

.icono-oscuro {
	color: var(--color-blanco-rojizo);
}

/* FIN FOOTER */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* ================
	FIN COMUNES
   ================ */



/* ==================================
	STAFF
===================================*/

.flex-main-staff {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: start;
    place-items: center;
    gap: 2rem;
}

.flex-staff {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;

}

.flex-staff h1 {
	font-size: 36px;
}

.button {
    background-color: var(--color-blanco-rojizo);
    border: 1px solid var(--color-blanco-rojizo);
    border-radius: 8px;
    color: var(--color-base-oscuro);
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 4px 16px 4px 0;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button:hover {
  background-color: var(--color-base-oscuro);
  border: 1px solid var(--color-blanco-rojizo);
  color: white;
}

.hero-staff {
  /*background: url('IMAG/Staff/of-prosp-1.webp') center/cover no-repeat;*/
  background: linear-gradient(rgba(206,147,109,0.1), rgba(206,147,109,0.1)),
			url('IMAG/staff/of-prosp-1.webp') center/cover no-repeat;
  color: white;
  text-align: left;
  padding: 6rem 1rem;   /* espacio arriba y abajo */
  height: 100vh;
}
.hero-staff h1, .hero-staff p{
	color: white;
}
/* ================
	FIN STAFF
   ================ */

/* ==================================
	NOSOTROS
===================================*/

.flex-main-nosotros {
    display: flex;
    height: 100%;
    justify-content: center;
    place-items: center;
    gap: 2rem;
    flex-direction: column;
}

.texto-nosotros {
	max-width: 740px;
	font-size: large;
	background: #e8e6e681;
	padding: 20px;
	/*padding-bottom: 20px;*/
	/*border-bottom: 2px solid #000;*/
}

.texto-nosotros::after {
  content: "";
  display: block;
  width: 120px; /* controla el largo de la línea */
  border-bottom: 1px solid #000; /* grosor y color del borde */
  margin: 0 auto; /* centra la línea debajo del texto */
  padding-top: 15px; /* espacio entre el texto y la línea */
}

.hero-nosotros h2, .hero-nosotros p{
	color: #133658;
	font-weight: 500;
	/*hyphens: auto;*/
	/*text-align: justify;*/
	line-height: 1.3; /* 1.2 */
}

.logo-nosotros {
	max-width: 300px;
	height: auto;
}

.logo-nosotros::after {
  content: "";
  display: block;
  width: 120px; /* controla el largo de la línea */
  border-bottom: 1px solid #000; /* grosor y color del borde */
  margin: 0 auto; /* centra la línea debajo del texto */
  padding-top: 15px; /* espacio entre el texto y la línea */
}

.flex-nosotros {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}

.flex-nosotros h2 {
	font-size: 36px;
}

.hero-nosotros {
  /*background: url('IMAG/fondo-nosotros.jpg') center/cover no-repeat;*/
  background: linear-gradient(#fffafa85, #fffafa85),
			url('IMAG/fondo-nosotros.webp') center/cover no-repeat;
  /*color: white;*/
  text-align: left;
  padding: 6rem 1rem;   /* espacio arriba y abajo */
  height: 100vh;
}

/* ================
	FIN NOSOTROS
   ================ */
   
/* ==================================
	CONTACTO
===================================*/

.hero-contacto {
	background: var(--color-base-oscuro);
	background-image: linear-gradient(rgba(206,147,109,0.1), rgba(206,147,109,0.1)),url("IMAG/image-2.webp");
	background-size: cover;
	/* filter: blur(4px); */
	color: #555555;
	text-align: left;
	padding: 2rem 1rem;   /* espacio arriba y abajo */
	height: 100%;
}

.flex-main-contacto {
    display: flex;
    /* height: 100%; */
    /* gap: 2rem; */
    flex-direction: column;
    align-items: center;
    /* background: #3951a3; */
}

.main1 {
	display: flex;
	width: 100%;
	/* background: rgb(226 226 226 / 91%); */
	/* backdrop-filter: blur(10px); */
	/* padding: 62px 0; */
	/* padding: 32px; */
	padding: 62px 62px;
	justify-content: center;
}

.grid-main-doble {
    display: flex;
    height: 100%;
    width: 95%;
    /* gap: 2rem; */
    justify-content: space-around;
    /* align-items: baseline; */
    flex-direction: row;
    background: #ffffffc2;
    padding: 32px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    /* border: 1px solid #333; */
    border-radius: 8px;
}


.flex-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*height: 100%;*/
    gap: 2rem;
    justify-content: flex-start;
    /* background: #e2e2e2; */
    padding: 32px;
}

.flex-card h1 {
	font-size: xx-large;
}
.flex-card h2 {
	font-size: x-large;
	color: var(--color-base-oscuro);
}

.flex-card p {
	font-size: large;
	font-weight: 500;
	color: var(--color-base-oscuro);
	
}

.formulario-contacto {
    background: #f5f5f5c9;
    color: #333;
    /* padding: 32px; */
    border-radius: 8px;
    width: 100%;
    /* max-width: 400px; */                     /* REVISAR */
    padding: 32px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.formulario-contacto label {
    display: block;
    margin-bottom: 6px; /* Reduce el espacio debajo del label */
    color: #1a4a73;
    font-weight: 600;
}

.formulario-contacto input,
.formulario-contacto textarea {
    border-radius: 8px;
    height: 42px;
    border: 1px solid #97aec7;
    margin-bottom: 26px;
    width: 100%;
    padding: 0 12px;
    font-size: 16px;
    box-sizing: border-box;
	font-family: 'Arial', sans-serif;
	line-height: 1.5;
}

.formulario-contacto textarea {
    height: 100px;
    resize: vertical;
    padding-top: 8px;
}

.mapa {
	background:#fff;
	/*border-radius: 8px;*/
	/*max-width: 400px;*/
	width: 100%;
	height: 360px;
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); */
}

iframe {
	width: 100%;
	height: 100%;
	border: 0;
	/*border-radius: 8px;*/
}
/* info */
.hero-contacto-info {
	background: var(--color-blanco-rojizo);
	border-top: 1px solid #d8e0e7;
}

.flex-info-contacto {
	display: flex;
	justify-content: center;
	gap: 6rem;
	align-items: flex-start;
	
    text-align: center;
    color: var(--color-base-oscuro);
    padding: 16px 0;
}

.flex-info-contacto a {
    color: inherit;
}

.flex-info-contacto p {
    padding-top: 8px;
}

/* fin info */

/* ================
	FIN CONTACTO
   ================ */


/* ==================================
	CONFIRMACIÓN
===================================*/
    .hero-confirmacion {
      height: calc(100vh - 110px);
    }
    .flex-main-confirmacion {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mensaje {
      background-color: var(--color-blanco-rojizo);
      padding: 20px;
      border: 1px solid var(--color-base-claro);
      display: inline-block;
      text-align: center;
    }
	.mensaje > * {
	  margin: 20px;
	}

/* ================
	FIN CONFIRMACIÓN
   ================ */

/* ==================================
	PRINCIPAL
===================================*/

.hero-inicio {
  /*background: url('IMAG/Staff/of-prosp-1.webp') center/cover no-repeat;*/
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
			url('IMAG/imagen-3_1920.webp') center/cover no-repeat;
  color: white;
  text-align: left;
  padding: 6rem 1rem;   /* espacio arriba y abajo */
  height: 70vh;
  margin-bottom: 0;
  /*
  background-attachment: fixed;
  background-position: center -180px;
  */
}
.center-img  {
	display: flex;
    justify-content: center;
    align-items: center;
	/*height: 100%;*/
	height: 90%;
}

/* LEMA */
.flex-lema {
	display: flex;
	background-color: #f2f2f2;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
}
.cuadro-centro {
	/*margin: 50px 205px 50px 205px;*/
	max-width: 700px; 
	margin: 50px auto;
	/*text-align: center;*/
}
/* FIN LEMA */

/* SERVICIOS */

.flex-servicios {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 1.5rem;
	padding: 2.5rem 20px;
}
.grid-servicios {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/*gap: 1.5rem;*/
}

.flex-servicios h2:after {
	content: '';
	display: block;
	width: 47px;
	height: 5px;
	background: #3595d5;
	margin: 18px auto 0;
	border-radius: 3px;
}

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

.img-gallery-1 img {
	padding: 10px;
}

.img-gallery-1 h3:before {
	content: '';
	display: block;
	width: 47px;
	height: 5px;
	background: #3595d5;
	margin: 0 0 18px;
}

.img-gallery-1 h3 {
	color:var(--color-base-oscuro);
	/*font-style: normal;*/
}
.img-gallery-1 div.desc {
  padding: 15px;
  text-align: left;
}

.img-gallery-1:hover {
  opacity: 0.6; 
}

.img-gallery-1 a {
	text-decoration: none;
	color: #333333;

}
/* FIN SERVICIOS */

/* SECCIÓN */

/* Sección Hero */
.hero {
	height: 310px; /*370*/
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.hero--mina {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("IMAG/mina/Antamina_Mine_Tailings_Pond.jpg");
	/*transition: background-attachment 0.5s ease;*/
}
.hero--mina.scroll {
	background-attachment: scroll;
}
.hero--hidro {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("IMAG/hidro/Poechos1_70.jpg");
}
.hero--hidro.scroll {
	background-attachment: scroll;
}
.hero--ambiente {
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("IMAG/ambiente/Medioambiente2_jpg80.jpg");
}
.hero--ambiente.scroll {
	background-attachment: scroll;
}
.hero--mapa {
	height: auto;
}
.texto-imagen {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0);
	max-width: 100vh;
	height: 100%;
	padding: 40px 0px;
}

.texto-imagen a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Exo", sans-serif;
	/*font-optical-sizing: auto;*/
	font-size: 20px;
	text-align: center;
	}

.texto-imagen a h2 {
	color: #ffffff;
	font-size: 54px;

	font-family: "Exo", sans-serif;
	/*font-optical-sizing: auto;*/
	font-style: normal;
	font-weight: 500;
}
/* Fin sección hero */

/* Sección info */
.grid-info {
    display: grid;
    grid-template-columns: 2fr 3fr;
    align-items: center;
    gap: 2rem;
}

/* Fin sección info */

/* Sección galería */
	/* sección doble */
	.grid-doble {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap:4rem;
		padding: 4rem 20px; /* HORIZONTALES FORZADOS! */
	}
	/* fin sección doble */
	
	/* sección galería */
	.grid-gallery {
		display: grid;
		grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr 1fr 0.5fr; 
	}
	
	.item1-mina-img { grid-column: 1 / span 8; }
	.item2-mina-img { grid-column: 1 / span 3; }
	.item3-mina-img { grid-column: 4 / span 5; }
		
	.img-gallery img {
		padding: 10px;
		height: 100%;
		
		object-fit: cover;
		/*object-position: center;*/
	}

	/* fin sección galería */

/* Fin sección galería */

/* FIN SECCIÓN */

/* PÁRRAFO */
.parrafo { /* MOD */
	text-align: left;
}

.parrafo > p {/* MOD */
	padding: 10px;
	
}
/*
.parrafo > h2 {
	padding: 20px;
}
*/
.parrafo > h1, .parrafo > h2 {
	padding: 20px;
}

.parrafo > h3 {/* MOD */
	padding: 10px 10px 5px 10px;
}

.parrafo > q {/* MOD */
	display: block;
	padding: 20px;
}

ul.b {
	list-style-type: disc;
}

ul.b > li {
	padding: 10px;
}
/* FIN PÁRRAFO */

.icon-menu {
	display: none;
}

.icon-menu i {
	color: var(--color-base-claro);
}

/* ================
	FIN PRINCIPAL
   ================ */


/* */

summary {
	margin: 16px 0;
	cursor: pointer;
	/*list-style: none;*/ /* Remove default marker */
	position: relative;
	padding-left: 10px; /* Space for custom icon */
	font-size: large;
	color: var(--color-base-claro);
}

/* ================
	ANIMACIONES
   ================ */

/* Estado inicial */
.mi-seccion {
  opacity: 0;
}

.mi-seccion h3 { /* Esto no es para animación */
	text-align: center;
	font-style: italic;
	padding: 0 70px;
}
/* Clase que activa la animación */
.animar {
  opacity: 1;
}

/* Animación tipo fade-in */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in.animar {
  animation: fadeIn 1s ease-in forwards;
}

/* Animación tipo slide-up */
@keyframes slideUp {
  from { transform: translateY(50px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.slide-up.animar {
  animation: slideUp 0.8s ease-out forwards;
}

/* Animación tipo zoom-in */
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.zoom-in.animar {
  animation: zoomIn 0.6s ease-in-out forwards;
}

@keyframes enterText {
  from {
    opacity: 0;
    transform: translateX(30px); /* Comienza desde derecha */
  }
  to {
    opacity: 1;
    transform: translateX(0); /* Llega a su posición original */
  }
}

.enter-text.animar {
	animation: enterText 2s ease-in-out forwards;
}

/*-----------*/

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*-----------*/
@media (min-width: 2000px) {
	/*.mapa {
		height: 25vh;
	}*/

	.hero-contacto {
		height: 58vh;
	}
	
}

@media (max-width: 768px) {
	
	* {
	  padding: 0; /* para listas con puntos visibles */
	}
	
	.section {
		padding: 40px 20px;
	}

	.container {
		padding: 0 16px;
		max-width: 100%;
	}
	
	.mi-seccion h3 {
		padding: 0;
	}

	.grid-servicios {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	
	.img-gallery-1 {
		margin-bottom: 1.5rem;
	}

	.flex-servicios h2 {
		text-align: center;
	}
	
	.flex-123123 {
		flex-direction: column;
		gap: 1rem;
	}
	
	.grid-info {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.texto-imagen a h2 {	/* Por "INFRAESTRUCTURA MINERA" */
		font-size: 36px;
	}

}



/* ******************** */
@media (max-width: 800px) {
	
/* NAVBAR */
	.navbar { /* inicio */
		/*background-color: rgba(255, 255, 255, 0.6);*/
		padding: 0;
	}
	.navbar-solido {
		padding: 0;
		position: fixed;
		z-index: 1;
	}
	.flex-navbar {
		/*height: 60px;*/
		background-color: rgba(255, 255, 255, 0.0);
		height: auto;
		align-items: flex-start;
	}

	.navbar .navbar-right li a {
		/*color: #333;*/
	}

	.navbar-right {
		display: block;
		/*width: 100%;*/
		text-align: right;
	}

	.navbar-right ul {
	  display: block;
	}
	

	.inicio {
		display: flex;

		justify-content: space-between;
		align-items: center;
	}
	.navbar-right li {
		/*border-bottom: 2px solid #a00;*/
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.0);
	}
	/*
	.navbar-left {
		display: none;
	}
*/
	
	.enlaces li{
		display: none;
	}
	
	.enlaces.responsive li {
		display: block;
	}
	
	.icon-menu {
		display: block;
	}
	
	
	.navbar a.active {
		border-bottom: 2px solid transparent;
	}
	.navbar-solido a.active {
		border-bottom: 2px solid transparent;
	}
	
	.navbar-right a:hover {
	border-bottom: 2px solid transparent;
	}
	.navbar-solido .navbar-right a:hover {
	border-bottom: 2px solid transparent;
	}
	
	.navbar-left .logo {
		/*height: 32px;*/
		padding: 10px 0;
	}
	
/* HERO */
	.hero {
		background-size: auto 100vh;
		padding: 0;
	}
	.hero--ambiente {
		background-position: right; /* Sólo para ambiente */
	}

/* GRID-DOBLE */
	.grid-doble {
		grid-template-columns: 1fr;
	}
	
/* FOOTER */
	.footer-grid {
		grid-template-columns: 1fr;
	}
	
	.foot {
		justify-content: center;
	}

/* MAIN-CONTACTO */

    .hero-confirmacion {
      height: 100vh;
    }
	
	.grid-main-doble {
		flex-direction: column;
		width: auto;
		padding: 0;
		border-radius: 0;
	}

	.main1 {
		padding: 24px 0;
	}
	
/* CONTACTO INFO */
	.formulario-contacto {
	    border-radius: 0;
	    /*
	    max-width: 400px;
		padding: 22px;*/
	}

	.hero--mapa {
		padding: 0;
	}


	.flex-info-contacto {
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	
	.hero-contacto {
	  padding-top: 110px;
	}

/* NOSOTROS */
	
	.texto-nosotros {
		font-size: medium;
	}
	
	.hero-nosotros h2, .hero-nosotros p {
		font-weight: 500;
		hyphens: auto;
		/*text-align: justify;*/
		line-height: 1.3; /* 1.2 */
	}
	
}

@media (max-width: 380px) {
	.hero-nosotros {
	  height: 140vh;
	}
    
}