/*desktop.css*/
@import url('https://fonts.googleapis.com/css2?family=Enriqueta:wght@400;500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* DECLARACION DE ESTILOS GENERALES */
:root{
  --color-primario: #ffd56f;
  --color-secundario: #c7d9a7;
  --color-tercero: #99c1da;
  --color-cuarto: #fe9557;
  --color-negro: #000;
  --color-footer: #df6437;
  --color-blanco: #fff; 
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}


*{
  /* border: 1px solid red; */
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html,
body{
	height: 100%;
	position: relative;
	font-size: 14px;
	font-family: "Enriqueta", serif;
	position: relative;
}


/* HEADER */
header {
  padding: 0;
  z-index: 999;
  background: transparent;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: .3s ease;
}

header.fijo {
  position: fixed;
  transform: translateY(-100%);
  transition: .3s ease;
}

header.fijo.baja{
  transform: translateY(0);
  background: var(--color-cuarto);
}


nav {
	background: transparent;
	box-shadow: none;
}

header nav .navbar-collapse {
	flex-grow: 0;
}

header nav .container {
	z-index: 3;
}

header nav .navbar-brand {
	height: 80px;
	width: auto;
	transition: all .3s linear;
}

header nav.solid .navbar-brand {
	height: 60px;
}

header nav .navbar-collapse ul li .nav-link {
	color: var(--color-blanco);
	opacity: .8;
	text-transform: uppercase;
	text-decoration: none;
}

header nav .navbar-collapse ul {
	gap: 30px;
}

header nav .navbar-collapse ul li a:hover {
	color: var(--color-blanco);
	opacity: 1;
}

header nav .navbar-collapse .nav-link.active {
  color: var(--color-blanco);
	opacity: 1;
	font-weight: 600!important;
}

/* SWIPER INICIO */
.swiperInicio {
	width: 100%;
	height: 100%;
}

.swiperInicio .swiper-slide {
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiperInicio .swiperBullets .swiper-pagination-bullet{
  background: var(--color-blanco);
  padding: 6px;
  margin: 0 6px;
}

.swiperInicio .swiper-slide .container {
	position: relative;
	height: 100%;
}

.swiperInicio .swiper-slide .imgGenChange {
	position: absolute;
  left: 50px;
  bottom: -5px;
  object-fit: contain;
  object-position: center;
  height: 90%;
  width: 45%;
}


.swiperInicio .columna-derecha h2{
  font-size: clamp(1.75rem, 1.4rem + 1.75vw, 3.5rem);
  color: var(--color-blanco);
  line-height: 42px;
  position: relative;
  left: -8%;
}
.columna-izquierda {
	position: relative;
	bottom: -100px;
}

#buttonContacto {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: fixed;
  right: 0;
  top: 60%;
  z-index: 2;
  transform: rotate(90deg);
  transform-origin: right top;
  background: transparent;
  width: 120px;
  height: 45px;
  border-radius: 0px 0px 10px 10px;
  color: var(--color-blanco);
  border: 0;
  box-shadow: 1px 3px 5px -3px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 3px 5px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 3px 5px -3px rgba(0,0,0,0.75);
}

#buttonContacto p{
  margin: 0;
  transform: rotate(180deg);
}

/* SECCIONES FUNDACION - EQUIPO */
#fondoAmarilloClaro{
  background: var(--color-primario);
}
#fondoCeleste{
  background: var(--color-tercero);
}
.fondoVerde{
  background:  var(--color-secundario);
  white-space: break-spaces;
}

/* CONTACTO */
#contacto{
  background-image: url('https://voyporti.betatester.cl/wp-content/uploads/2026/01/fondocontacto_Voyporti.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* FOOTER */
footer{
  background: var(--color-footer);
  padding: 50px 0;
}