/* Code tidied up by ScrapBook */
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 700;
  src: url("metropolis-bold-webfont.woff2") format("woff2"), url("metropolis-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 900;
  src: url("metropolis-extrabold-webfont.woff2") format("woff2"), url("metropolis-extrabold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 600;
  src: url("metropolis-medium-webfont.woff2") format("woff2"), url("metropolis-medium-webfont.woff") format("woff");
}
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-weight: 400;
  src: url("metropolis-regular-webfont.woff2") format("woff2"), url("metropolis-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Metropolis";
  font-style: italic;
  font-weight: 400;
  src: url("metropolis-regularitalic-webfont.woff2") format("woff2"), url("metropolis-regularitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: normal;
  font-weight: 400;
  src: local("Faustina Regular"), local("Faustina-Regular"), url("faustina-v2-latin-regular.woff2") format("woff2"), url("faustina-v2-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: italic;
  font-weight: 400;
  src: local("Faustina Italic"), local("Faustina-Italic"), url("faustina-v2-latin-italic.woff2") format("woff2"), url("faustina-v2-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: normal;
  font-weight: 500;
  src: local("Faustina Medium"), local("Faustina-Medium"), url("faustina-v2-latin-500.woff2") format("woff2"), url("faustina-v2-latin-500.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: italic;
  font-weight: 500;
  src: local("Faustina Medium Italic"), local("Faustina-MediumItalic"), url("faustina-v2-latin-500italic.woff2") format("woff2"), url("faustina-v2-latin-500italic.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: normal;
  font-weight: 600;
  src: local("Faustina SemiBold"), local("Faustina-SemiBold"), url("faustina-v2-latin-600.woff2") format("woff2"), url("faustina-v2-latin-600.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: italic;
  font-weight: 600;
  src: local("Faustina SemiBold Italic"), local("Faustina-SemiBoldItalic"), url("faustina-v2-latin-600italic.woff2") format("woff2"), url("faustina-v2-latin-600italic.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: normal;
  font-weight: 700;
  src: local("Faustina Bold"), local("Faustina-Bold"), url("faustina-v2-latin-700.woff2") format("woff2"), url("faustina-v2-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Faustina";
  font-style: italic;
  font-weight: 700;
  src: local("Faustina Bold Italic"), local("Faustina-BoldItalic"), url("faustina-v2-latin-700italic.woff2") format("woff2"), url("faustina-v2-latin-700italic.woff") format("woff");
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
img { vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-size: 62.5%; }
li, ol, ul { margin-left: 0px; margin-top: 0px; list-style: outside none none; }
b, strong { font-weight: 700; }
em, i { font-style: italic; font-family: initial; }
a { text-decoration: none; }
.clearfix::after { content: ""; display: block; clear: both; }
::-moz-placeholder { color: rgb(22, 74, 91); }
:-moz-placeholder { color: rgb(22, 74, 91); }
.button, button, input, select, textarea { border: 0px none; display: inline-block; box-sizing: border-box; vertical-align: middle; padding: 0.5em; font-family: inherit; font-size: 1em; line-height: 1em; height: 2em; outline: 0px none; color: rgb(22, 74, 91); border-radius: 2px; background-color: transparent; }
select { -moz-appearance: none; border: 1px solid rgb(179, 179, 179); height: auto; padding: 0.75em 3em 0.75em 0.5em; color: rgb(44, 147, 182); background-image: url("select.svg"); background-position: calc(100% - 1em) center; background-repeat: no-repeat; }
button { cursor: pointer; }
@media (max-width: 460px) {
}
@media (max-width: 460px) {
}
@media (max-width: 1315px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 900px) {
}
@media (max-width: 700px) {
}
@media (max-width: 700px) {
}
@media (max-width: 400px) {
}
@media (max-width: 900px) {
}
@media (max-width: 600px) {
}
@media (max-width: 900px) {
}
@media (max-width: 500px) {
}
@media (min-width: 650px) {
}
@media (max-width: 900px) {
}
body { font-family: Metropolis; background-color: rgb(255, 255, 255); color: grey; }
.container { max-width: 151.5em; margin: 0px auto; padding: 0px 2em; box-sizing: border-box; }
.container::after { content: ""; display: block; clear: both; }
@media (max-width: 460px) {
  .container { padding-left: 1em; padding-right: 1em; }
}
#header { box-shadow: 0px 0px 4em rgba(0, 0, 0, 0.6); letter-spacing: 0.05em; }
#header .container::after { display: none; }
#header .main { background-color: rgb(44, 147, 182); color: rgb(255, 255, 255); }
#header .main .container { display: flex; -moz-box-pack: justify; justify-content: space-between; -moz-box-align: center; align-items: center; padding-top: 2.5em; padding-bottom: 2.5em; }
#header .main .logo { display: flex; -moz-box-align: center; align-items: center; }
#header .main .logo .today { font-family: Spectral; color: rgb(22, 74, 91); line-height: 1.5em; margin: 0px 2em 0px 4em; }
#header .main .logo .today strong { display: block; color: rgb(255, 255, 255); font-size: 1.2em; font-family: Metropolis; }
#header .main .weather { display: flex; -moz-box-align: center; align-items: center; }
#header .main .weather .stats p { font-size: 1.4em; color: rgb(255, 255, 255); padding: 0.6em 0px 0.6em 1.5em; background-image: url("temp.svg"); background-position: left center; background-repeat: no-repeat; }
#header .main .weather .stats p:first-child { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }
#header .main .weather .stats p.hum { background-image: url("hum.svg"); }
#header .main .search { display: flex; -moz-box-flex: 1; flex-grow: 1; margin: 0px 1.25em 0px 4em; }
#header .main .search ::-moz-placeholder { color: rgb(153, 153, 153); }
#header .main .search :-moz-placeholder { color: rgb(153, 153, 153); }
#header .main .search button, #header .main .search input { font-size: 1.2em; padding: 1.75em 2em; }
#header .main .search input { border-radius: 2px 0px 0px 2px; -moz-box-flex: 1; flex-grow: 1; background-color: rgb(255, 255, 255); width: calc(100% - 6em); }
#header .main .search button { -moz-box-flex: 0; flex-grow: 0; border-radius: 0px 2px 2px 0px; background-color: rgb(230, 230, 230); width: 5.3em; text-indent: -99999em; background-image: url("search.svg"); background-position: center center; background-repeat: no-repeat; }
#header .main .search .toggle { display: none; }
#header .main .guide { z-index: 3; -moz-box-flex: 0; flex-grow: 0; position: relative; max-width: 21em; margin-left: 1.25em; }
#header .main .guide a { font-size: 1.4em; text-transform: uppercase; color: rgb(255, 255, 255); background-color: rgb(91, 147, 28); background-size: auto 0.6em; padding: 1.1em 3.5em 1.1em 1.5em; display: block; white-space: nowrap; text-decoration: none; }
#header .main .guide a:hover { background-color: rgb(73, 118, 22); text-decoration: none; }
#header .main .guide > a { background-image: url("down.svg"); background-position: calc(100% - 1.5em) center; background-repeat: no-repeat; border-radius: 2px; }
#header .main .guide ul { position: absolute; min-width: 100%; display: none; }
#header .main .guide:hover ul { display: block; }
#header .menu { background-color: rgb(255, 255, 255); }
#header .menu .container { display: flex; -moz-box-pack: justify; justify-content: space-between; }
#header .menu li.mobile { display: none; }
#header .menu a { font-size: 1.4em; color: grey; display: inline-block; padding: 1.1em 0px 0.7em; border-bottom: 4px solid rgb(255, 255, 255); box-sizing: border-box; text-align: center; }
#header .menu a.active, #header .menu a:hover { font-weight: 700; color: rgb(44, 147, 182); border-bottom-color: rgb(44, 147, 182); }
#header .menu a.cultura-y-eventos.active, #header .menu a.cultura-y-eventos:hover { color: rgb(194, 27, 143); border-bottom-color: rgb(194, 27, 143); }
#header .menu a.autos.active, #header .menu a.autos:hover { color: rgb(202, 173, 131); border-bottom-color: rgb(202, 173, 131); }
#header .menu a.trivias.active, #header .menu a.trivias:hover { color: rgb(196, 201, 239); border-bottom-color: rgb(196, 201, 239); }
#header .menu a.deportes.active, #header .menu a.deportes:hover { color: rgb(0, 28, 94); border-bottom-color: rgb(0, 28, 94); }
#header .menu a.policiales.active, #header .menu a.policiales:hover { color: rgb(200, 64, 76); border-bottom-color: rgb(200, 64, 76); }
#header .menu a.educacion.active, #header .menu a.educacion:hover { color: rgb(236, 183, 49); border-bottom-color: rgb(236, 183, 49); }
#header .menu a.columnistas.active, #header .menu a.columnistas:hover { color: rgb(248, 102, 36); border-bottom-color: rgb(248, 102, 36); }
#header .menu a.variedades.active, #header .menu a.variedades:hover { color: rgb(47, 180, 141); border-bottom-color: rgb(47, 180, 141); }
#header .menu a.turismo.active, #header .menu a.turismo:hover { color: rgb(91, 147, 28); border-bottom-color: rgb(91, 147, 28); }
#header .menu a.turista { color: rgb(91, 147, 28); font-weight: 700; }
#header .menu a.turista.active, #header .menu a.turista:hover { border-bottom-color: rgb(91, 147, 28); }
@media (max-width: 1100px) {
}
@media (max-width: 1100px) {
  #header { position: fixed; width: 100%; z-index: 99; top: 0px; }
  #header .main .guide { margin-left: 0px; }
  #header .main .search { -moz-box-ordinal-group: 6; order: 5; -moz-box-flex: 0; flex-grow: 0; justify-content: space-around; margin-left: 0px; margin-right: 0px; }
  #header .main .search input { position: absolute; left: 0px; width: 100vw; top: 12.75em; opacity: 0; transition: opacity 0.2s ease-in 0s; pointer-events: none; box-shadow: 0px 0.5em 0.5em rgba(0, 0, 0, 0.2); -moz-appearance: none; }
  #header .main .search button { background-image: url("search-mobile.svg"); background-color: transparent; }
  #header .main .search .toggle { display: block; background-image: url("toggle.svg"); background-repeat: no-repeat; cursor: pointer; margin-left: 2em; }
  #header .main .search .toggle, #header .main .search button { width: 1.8em; height: 3em; padding: 0px; font-size: 1em; background-size: 1.8em auto; background-position: right center; }
  #header .menu { position: fixed; left: 0px; right: 0px; bottom: 0px; top: 15.3em; overflow: auto; pointer-events: none; opacity: 0; transition: opacity 0.1s ease-in 0s; }
  #header .menu .container { display: block; }
  #header .menu li { width: 43%; float: left; border-bottom: 1px solid rgb(204, 204, 204); box-sizing: border-box; }
  #header .menu li:nth-child(2n+1) { padding-right: 1em; }
  #header .menu li.mobile { display: block; }
  #header .menu a { display: block; text-align: left; margin-left: 15px; }
}
@media (max-width: 915px) {
  #header .main .today, #header .main .weather { display: none; }
}
@media (max-width: 850px) {
  #header .main .search input { top: 9.5em; }
  #header .menu { top: 11.4em; }
}
@media (max-width: 580px) {
  #header .main .container { padding-top: 1em; padding-bottom: 1em; }
  #header .main .logo img { height: 3em; }
  #header .main .guide { display: none; }
  #header .main .search input { top: 4.2em; }
  #header .menu { top: 5em; }
}
@media (max-width: 1100px) {
}
@media (max-width: 850px) {
}
@media (max-width: 580px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 900px) {
}
@media (max-width: 460px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 500px) {
}
@media (max-width: 760px) {
}
@media (max-width: 500px) {
}
@media (max-width: 600px) {
}
@media (min-width: 601px) {
}
@media (max-width: 914px) {
}
@media (max-width: 914px) {
}
@media (max-width: 914px) {
}
@media (min-width: 915px) {
}
@media (max-width: 914px) {
}
@media (min-width: 915px) {
}
@media (max-width: 500px) {
}
@media (min-width: 500px) {
}
@media (max-width: 600px) {
}
@media (max-width: 460px) {
}
@media (max-width: 650px) {
}
@media (max-width: 500px) {
}
@media (max-width: 950px) {
}
@media (max-width: 950px) {
}
@media (max-width: 650px) {
}
@media (max-width: 600px) {
}
@media (max-width: 500px) {
}
@media (max-width: 900px) {
}
@media (min-width: 1060px) {
}
@media (max-width: 600px) {
}
@media (min-width: 500px) {
}
@media (max-width: 670px) {
}
@media (max-width: 900px) {
}
@media (min-width: 1300px) {
}
@media (max-width: 600px) {
}
@media (max-width: 890px) {
}
@media (max-width: 780px) {
}