:root {
  --color-blanco: #ffffffff;
  --color-gris-claro: #dadadaff;
  --color-gris-oscuro: #7a7a7aff;
  --color-negro: #000000ff;
  --color-verde: #00576bff;
}
body, html {
  color: var(--color-verde);
  background-color: var(--color-blanco);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  margin: 0rem;
  padding: 0rem;
}

input, textarea {
  border:solid 1px var(--color-gris-claro);
  padding: 0.5rem 1rem;
  margin: 0.25rem 0rem;
  width:100%;
}

.bgimg {
  font-family: Helvetica, Arial, sans-serif;
  background-position: center;
  background-size: cover;
  background-image: url("../assets/jpg/tv3.jpg");
  min-height: 75vh;
  top:calc(6.5rem + 1vh);
  top:-moz-calc(6.5rem + 1vh);
  top:-webkit-calc(6.5rem + 1vh);
}

.bgimg-2 {
  background-image: url("../assets/jpg/foto-5.jpg");
}

.bgimg-3 {
  background-image: url("../assets/jpg/foto-7.jpg");
}

.bgimg-4 {
  background-image: url("../assets/jpg/foto-12.jpg");
}

.bgimg-6 {
  font-family: Helvetica, Arial, sans-serif;
  background-color: var(--color-gris-oscuro);
  min-height: 25vh;
  top:calc(7rem + 1vh);
  top:-moz-calc(7rem + 1vh);
  top:-webkit-calc(7rem + 1vh);
}

.contexto {
  margin-top:calc(3rem + 1vh);
  margin-top:-moz-calc(3rem + 1vh);
  margin-top:-webkit-calc(3rem + 1vh);
  padding: 2rem 0rem;
}

.contexto a {text-decoration:none;}

.contexto h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(1rem + 1vw);
  font-size: -moz-calc(1rem + 1vw);
  font-size: -webkit-calc(1rem + 1vw);
  font-weight: 800;
  text-align: center;
  padding: 2rem 0rem;
}

.contexto h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(.7rem + 1vw);
  font-size: -moz-calc(.7rem + 1vw);
  font-size: -webkit-calc(.7rem + 1vw);
  font-weight: 800;
  text-align: left;
  padding-top: 1rem;
}

.contexto h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(.4rem + 1vw);
  font-size: -moz-calc(.4rem + 1vw);
  font-size: -webkit-calc(.4rem + 1vw);
}

.contexto p {
  color:var(--color-gris-oscuro);
  hyphens: auto;
  text-align: justify;
  font-size: calc(.3rem + 1vw);
  font-size: -moz-calc(.3rem + 1vw);
  font-size: -webkit-calc(.3rem + 1vw);
}

.contexto ul {
  text-align:left;
  margin-left:-1.5rem;
  color:var(--color-gris-oscuro);
  font-size: calc(.2rem + 1vw);
  font-size: -moz-calc(.2rem + 1vw);
  font-size: -webkit-calc(.2rem + 1vw);

}

.contexto .fa {
  font-size: calc(6rem + 1vw);
}

.quick-links {
  background-color: var(--color-gris-claro);
}

.menu-1, .menu-2 {
    color:var(--color-blanco);
    background-color: var(--color-verde);
}

.menu-2 {
  top:4.5rem;
}

.logo {
  max-width: calc(200px + 1vh);
}

.pie {
  color: var(--color-blanco);
  background-color: var(--color-verde);
}

.supers-banner{
  color:var(--color-blanco);
  font-size: calc(2rem + 1vw);
  font-size: -moz-calc(2rem + 1vw);
  font-size: -webkit-calc(2rem + 1vw);
  padding-left: calc(2rem + 1vw);
  padding-left: -moz-calc(2rem + 1vw);
  padding-left: -webkit-calc(2rem + 1vw);
  line-height: 110%;
  width: calc(100vw - 1rem + 1vw);
  width: -moz-calc(100vw - 1rem + 1vw);
  width: -webkit-calc(100vw - 1rem + 1vw);
}