/* INDEX
-----Variables-----
-----Layout-----
-----Tipografía-----
-----Tablas-----
-----Formulario-----
-----Media Queries-----
*/
/* -----Variables----- */
:root {
  font-size: 17px;
--primario: #fcbf48;
--secundario: #86a403;
--terciario:#928d83;
--acento:#0d6efd;
--texto: #625c51;
}
/* -----Layout----- */
section {
    padding: 30px;
  }
.primario {
  background-color: var(--primario);
}
.secundario {
  background-color: var(--secundario);
}
.terciario {
  background-color: var(--terciario);
}
.acento{
  background-color: var(--acento);
}
.texto{
  background-color: var(--texto);
}
/* [class^="col"] {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(112, 44, 249, 0.15);
  border: 1px solid rgba(112, 44, 249, 0.3);
} */

header {
  padding: 100px 0 50px;
  background-image: url(img/header.jpg);
  background-size: cover;
  background-position: 100% 55%;
}
/* -----Tipografía----- */
body {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--texto);
}
h1 span {
	font-size: 2rem;
	font-style: italic;
	display: block;
	font-weight: normal;
}
h2 {
  font-size: 4rem;
  display: block;
  font-weight: bolder;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
h2::after{
  content: "";
  width: 80px;
  height: 5px;
  background-color: var(--acento);
}
h3 {
  font-size: 2rem;
  display: block;
  font-weight: bolder;
  text-align: center;
}
.carousel-control-next-icon{
  background-color: #e8b657;
}
.carousel-control-prev-icon{
  background-color: #e8b657;
}
img {
	max-width: 100%;
	height: auto;
}
video{
    width: 100%;
    height: auto;
}
/* -----Tablas----- */

/* -----Formulario----- */
/* -----Media Queries----- */
/* movil grande */
@media screen and (min-width: 576px) {}

/* tablet */
@media screen and (min-width: 768px) {}

/* tablet horizontal */
@media screen and (min-width: 992px) {}

/* laptop */
@media screen and (min-width: 1200px) {}

/* desktop */
@media screen and (min-width: 1400px) {}