/**
* Sin Embargo Al Aire
*/
@import '../../node_modules/reset-css/reset.css';
@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway/raleway-regular-webfont.woff') format('woff');
}
@font-face {
  font-family: RalewayBold;
  src: url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
}
@font-face {
  font-family: RalewayLight;
  src: url('../fonts/Raleway/Raleway-Light.ttf') format('truetype');
}
@font-face {
  font-family: RalewayBoldItalic;
  src: url('../fonts/Raleway/Raleway-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: Ubuntu;
  src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
  font-family: UbuntuBold;
  src: url('../fonts/Ubuntu/ubuntu-bold-webfont.woff') format('woff');
}
@font-face {
  font-family: UbuntuLight;
  src: url('../fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype');
}
@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
}
@font-face {
  font-family: MerriweatherBold;
  src: url('../fonts/Merriweather/Merriweather-Bold.ttf') format('truetype');
}
@font-face {
  font-family: MerriweatherLight;
  src: url('../fonts/Merriweather/Merriweather-Light.ttf') format('truetype');
}
@font-face {
  font-family: MerriweatherBlack;
  src: url('../fonts/Merriweather/Merriweather-Black.ttf') format('truetype');
}
@font-face {
  font-family: Unna;
  src: url('../fonts/Unna/Unna-Regular.ttf') format('truetype');
}
@font-face {
  font-family: UnnaBold;
  src: url('../fonts/Unna/Unna-Bold.ttf') format('truetype');
}
@font-face {
  font-family: BodoniBold;
  src: url('../fonts/Bodoni/BodoniFLF-Bold.ttf') format('truetype');
}
/* Container */
.container {
  margin: 0 auto;
  max-width: calc(96%);
  width: 70em;
}
.container.xsmall {
  width: 17.5em;
}
.container.small {
  width: 35em;
}
.container.medium {
  width: 52.5em;
}
.container.large {
  width: 87.5em;
}
.container.xlarge {
  width: 105em;
}
.container.max {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .container {
    width: 90%;
    max-width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .container {
    width: 100% !important;
  }
}
.content-contained {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
main article {
  font-family: RalewayBold;
}
main article.on-grid:last-of-type {
  padding-bottom: 10em;
}
main article figure {
  position: relative;
  display: flex;
  flex-flow: column;
}
main article figure a {
  transition-duration: 0.5s;
}
main article figure a:hover {
  transform: scale(1.05);
}
main article figure figcaption {
  font-family: RalewayLight;
  position: absolute;
  display: flex;
  flex-direction: row;
  background-color: #fff4eda6;
  width: 100%;
  padding: 5px 0px;
  bottom: 0;
  color: #322f36;
}
main article figure figcaption .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #CD0A1D;
  margin-right: 5px;
  margin-left: 10px;
}
main article h2 {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 30px;
}
main article h2 a {
  text-decoration: none;
  color: inherit;
}
main article p.author {
  margin-top: 3px;
  color: #e41b3c;
}
main article p.author a {
  color: inherit;
  text-decoration: none;
}
.grid {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0em 1em;
}
.grid img {
  width: 100%;
  max-width: 100%;
}
.bg-dark-blue {
  background-color: #002c49;
  color: white;
}
footer {
  margin: auto;
  margin-top: 0em;
  display: grid;
  grid-template-columns: 30% 35% 35%;
  grid-row-gap: 15px;
  background-color: #2c5774;
  padding-bottom: 1em;
  color: #5e8aa8;
}
footer img {
  max-width: 100%;
}
footer div#mobile-logo {
  grid-column-start: 1;
  grid-column-end: 5;
  margin-top: -4.5em;
}
footer div#ver-mas {
  display: grid;
  grid-template-columns: 80% auto;
}
footer div#ver-mas h6 {
  font-family: UbuntuBold;
  font-size: 2rem;
  line-height: 0.9;
  align-self: center;
}
footer div#ver-mas img {
  height: 125px;
  align-self: center;
}
footer nav#section-titles ul {
  margin-top: 1em;
}
footer nav#section-titles ul li {
  margin-bottom: 1rem;
}
footer nav#section-titles ul li a {
  color: white;
  font-family: Ubuntu;
  text-decoration: none;
}
footer nav#section-logos ul {
  margin-top: 1em;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
  height: 100%;
}
footer nav#asociados {
  grid-column-start: 1;
  grid-column-end: 4;
}
footer nav#asociados h2 {
  font-family: RalewayBold;
  display: inline;
  color: #5e8aa8;
}
footer nav#asociados ul {
  display: inline;
  line-height: 1.2;
}
footer nav#asociados ul li {
  font-family: Raleway;
}
footer nav#asociados ul h2,
footer nav#asociados ul li {
  display: inline;
  color: #5e8aa8;
}
footer nav#asociados ul h2 a,
footer nav#asociados ul li a {
  color: #5e8aa8;
  text-decoration: none;
}
footer div#publicidad {
  display: none;
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
    row-gap: 15px;
    margin: 0 15px;
    margin-top: 15px;
  }
  footer {
    grid-template-columns: 25% 25% 25% 25%;
  }
  footer nav#section-titles ul {
    margin-top: 2em;
  }
  footer div#publicidad {
    display: block;
  }
  footer nav#asociados {
    grid-column-end: 5;
  }
}
@media (min-width: 992px) {
  .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  main article h2 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  main article h2 {
    font-size: 22px;
    letter-spacing: 3px;
  }
}