@charset "UTF-8";
/*
    •	Small Mobile:   320px  ~ 359px
    •	Mobile:         360px  ~ 671px
    •	Tablet:         672px  ~ 863px
    •	Big Tablet:     864px  ~ 1023px
    •	Desktop:        1024px ~ 1379px
    •	Big Desktop:    Más de 1380px
*/
@font-face {
  font-family: ln10;
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/ln10.eot);
  src: url(../fonts/ln10.eot?#iefix) format("embedded-opentype"), url(../fonts/ln10.woff) format("woff"), url(../fonts/ln10.ttf) format("truetype"), url(../fonts/ln10.svg#ln10) format("svg"); }

.icon {
  display: inline-block;
  font: normal normal normal 14px/1 ln10;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon[data-icon]::before {
    content: attr(data-icon); }

.icon-ampliar::before {
  content: "a"; }

.icon-android::before {
  content: "b"; }

.icon-arriba::before {
  content: "c"; }

.icon-casa::before {
  content: "d"; }

.icon-casa-linea::before {
  content: "e"; }

.icon-cerrar::before {
  content: "f"; }

.icon-comentario::before {
  content: "g"; }

.icon-comentario-linea::before {
  content: "h"; }

.icon-derecha::before {
  content: "i"; }

.icon-doc::before {
  content: "j"; }

.icon-facebook::before {
  content: "k"; }

.icon-instagram:before {
  content: "l"; }

.icon-ios::before {
  content: "m"; }

.icon-twitter::before {
  content: "n"; }

.icon-rss::before {
  content: "q"; }

.icon-play::before {
  content: "r"; }

.icon-menu-desktop::before {
  content: "t"; }

.icon-mail-line::before {
  content: "u"; }

.icon-mail::before {
  content: "v"; }

.icon-izquierda::before {
  content: "w"; }

.icon-ir::before {
  content: "x"; }

.icon-menu-mobile::before {
  content: "y"; }

.icon-me-gusta::before {
  content: "z"; }

.icon-me-gusta-active::before {
  content: "A"; }

.icon-pausa::before {
  content: "B"; }

.icon-seguir::before {
  content: "C"; }

.icon-whatsapp::before {
  content: "D"; }

.icon-circulo::before {
  content: "E"; }

.icon-abajo-2::before {
  content: "F"; }

.icon-arriba-2::before {
  content: "G"; }

.icon-mover::before {
  content: "s"; }

.icon-abajo::before {
  content: "H"; }

.icon-volver::before {
  content: "I"; }

.icon-autor::before {
  content: "J"; }

.icon-home::before {
  content: "M"; }

.icon-share::before {
  content: "N"; }

.icon-comentar::before {
  content: "P"; }

.icon-aplauso-3::before {
  content: "Q"; }

.icon-guardar::before {
  content: "o"; }

.icon-guardar-2::before {
  content: "L"; }

.icon-aplauso-2::before {
  content: "p"; }

.icon-001-internet::before {
  content: "K"; }

.icon-mail-1::before {
  content: "O"; }

.icon-actualizar::before {
  content: "R"; }

.icon-comentar-1::before {
  content: "V"; }

.icon-dolar-baja::before {
  content: "S"; }

.icon-dolar-sube::before {
  content: "T"; }

.icon-buscar::before {
  content: "1"; }

.icon-ln-mas::before {
  content: "3"; }

.icon-ln::before {
  content: "2"; }

.icon-icons8-checkmark-filled::before {
  content: "0"; }

.icon-home-1::before {
  content: "U"; }

.icon-mail-2::before {
  content: "W"; }

.icon-me-gusta-1::before {
  content: "Y"; }

.icon-share-1::before {
  content: "X"; }

.icon-guardar-1::before {
  content: "Z"; }

.icon-star::before {
  content: "4"; }

@font-face {
  font-family: "SuecaSlab";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/suecaslab-medium-webfont.eot);
  src: url(../fonts/suecaslab-medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/suecaslab-medium-webfont.woff2) format("woff2"), url(../fonts/suecaslab-medium-webfont.woff) format("woff"), url(../fonts/suecaslab-medium-webfont.ttf) format("truetype"), url(../fonts/suecaslab-medium-webfont.svg#suecaslabmedium) format("svg"); }

@font-face {
  font-family: "SuecaSlab";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/suecaslab-bold-webfont.eot);
  src: url(../fonts/suecaslab-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/suecaslab-bold-webfont.woff2) format("woff2"), url(../fonts/suecaslab-bold-webfont.woff) format("woff"), url(../fonts/suecaslab-bold-webfont.ttf) format("truetype"), url(../fonts/suecaslab-bold-webfont.svg#suecaslabbold) format("svg"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

button {
  cursor: pointer; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::after,
blockquote::before,
q::after
q::before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*Se limpian los input en Chrome Moz Safari IE*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }

input[type=number],
input[type=date] {
  -moz-appearance: textfield;
  margin: 0; }

input::-ms-clear {
  display: none; }

* {
  outline: none; }

body {
  background-color: #FFF;
  color: #000;
  font-family: "Arial";
  font-size: 14px;
  overflow-x: hidden;
  padding-top: 70px; }

a {
  color: #0074C4;
  text-decoration: none; }
  a:hover {
    color: #0098FF;
    text-decoration: none;
    transition: 0.2s ease; }

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1260px;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 1359px) {
    .container {
      padding-right: 20px;
      padding-left: 20px; } }
  @media screen and (min-width: 310px) and (max-width: 767px) {
    .container {
      max-width: 320px; } }

#main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1260px; }
  @media screen and (min-width: 1024px) and (max-width: 1359px) {
    #main {
      padding: 0 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #main {
      padding: 0 30px; } }
  @media screen and (min-width: 310px) and (max-width: 767px) {
    #main {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 360px;
      margin: 25px auto 0;
      padding: 0 20px; } }
  @media screen and (max-width: 359px) {
    #main {
      padding: 0 10px; } }
  @media screen and (min-width: 1024px) {
    #main > article {
      width: calc(100% - 300px - 40px); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #main > article {
      width: calc(100% - 300px - 30px); } }

#main > aside {
  margin-top: 40px;
  width: 300px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "SuecaSlab";
  font-weight: 400; }

strong {
  font-weight: 600; }

hr {
  border: 0;
  border-top: 1px solid #D9D9D9;
  margin-top: 10px;
  margin-bottom: 10px; }

b {
  background: #ffff25; }

p, dt, dd {
  font-family: Arial;
  line-height: 20px; }

[class*=" icon-"]:before, [class^=icon-]:before, [data-icon]:before {
  font-family: "ln10" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*-------Lista semantica (dl) Items---------*/
.listaItems {
  margin-top: 20px; }

.listaItems > div {
  margin-bottom: 15px; }

.listaItems > div > dt {
  display: inline;
  font-weight: bold; }

.listaItems > div > dd {
  display: inline; }

/*----------------------------------*/
.btn {
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  padding: 8px;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  .btn.btn-rounded {
    border-radius: 50%;
    line-height: 32px;
    padding: 0;
    height: 30px;
    width: 30px; }

.btn + .btn {
  margin-left: 5px; }

.btn-sm {
  font-size: 11px; }

.btn-rounded.btn-lg {
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  width: 50px; }

.btn-link {
  background-color: transparent;
  color: #000; }

.btn-primary {
  background-color: #FFF;
  border-color: #0074C4;
  color: #000; }
  .btn-primary:hover {
    background-color: #0074C4;
    color: #FFF; }

.btn-secondary {
  background-color: #F2F2F2;
  color: #000; }
  .btn-secondary:hover {
    background-color: #0074C4;
    color: #FFF; }

.btn-yellow {
  background-color: #FFFF25;
  border-color: #FFFF25;
  color: #000; }
  .btn-yellow:hover {
    background-color: #000;
    border-color: #000;
    color: #FFF; }

/*---------Button icono con trasparencia----------*/
.bt-conIcon {
  background: none;
  border: 1px solid #0075c4;
  border-radius: 50%;
  position: relative;
  height: 28px; }

.bt-conIcon:before {
  font-size: 16px; }

.bt-conIcon > span {
  position: absolute;
  width: 65px;
  left: -64%;
  top: 30px;
  font-size: 12px;
  color: #666666;
  line-height: 12px; }

.bt-conIcon:hover {
  background: #0075c4;
  transition: all 0.3s; }

.bt-conIcon:hover:before {
  color: #fff; }

/*----------------------------------*/
.input {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  height: 30px;
  width: 100%; }
  .input[type="search"] {
    background-image: url(../img/Lupa.svg);
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 15px;
    text-indent: 35px; }

.d-none {
  display: none !important; }

.d-flex {
  display: flex !important; }

.d-inline-block {
  display: inline-block !important; }

@media screen and (min-width: 310px) and (max-width: 767px) {
  .d-desktop,
  .d-tablet {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .d-desktop,
  .d-mobile {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .d-tablet,
  .d-mobile {
    display: none !important; } }

.justify-content-between {
  justify-content: space-between !important; }

.align-items-center {
  align-items: center !important; }

.m-0 {
  margin: 0px !important; }

.mt-0,
.my-0 {
  margin-top: 0px !important; }

.mr-0,
.mx-0 {
  margin-right: 0px !important; }

.mb-0,
.my-0 {
  margin-bottom: 0px !important; }

.ml-0,
.mx-0 {
  margin-left: 0px !important; }

.m-5 {
  margin: 5px !important; }

.mt-5,
.my-5 {
  margin-top: 5px !important; }

.mr-5,
.mx-5 {
  margin-right: 5px !important; }

.mb-5,
.my-5 {
  margin-bottom: 5px !important; }

.ml-5,
.mx-5 {
  margin-left: 5px !important; }

.m-10 {
  margin: 10px !important; }

.mt-10,
.my-10 {
  margin-top: 10px !important; }

.mr-10,
.mx-10 {
  margin-right: 10px !important; }

.mb-10,
.my-10 {
  margin-bottom: 10px !important; }

.ml-10,
.mx-10 {
  margin-left: 10px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15,
.my-15 {
  margin-top: 15px !important; }

.mr-15,
.mx-15 {
  margin-right: 15px !important; }

.mb-15,
.my-15 {
  margin-bottom: 15px !important; }

.ml-15,
.mx-15 {
  margin-left: 15px !important; }

.m-20 {
  margin: 20px !important; }

.mt-20,
.my-20 {
  margin-top: 20px !important; }

.mr-20,
.mx-20 {
  margin-right: 20px !important; }

.mb-20,
.my-20 {
  margin-bottom: 20px !important; }

.ml-20,
.mx-20 {
  margin-left: 20px !important; }

.m-25 {
  margin: 25px !important; }

.mt-25,
.my-25 {
  margin-top: 25px !important; }

.mr-25,
.mx-25 {
  margin-right: 25px !important; }

.mb-25,
.my-25 {
  margin-bottom: 25px !important; }

.ml-25,
.mx-25 {
  margin-left: 25px !important; }

.m-30 {
  margin: 30px !important; }

.mt-30,
.my-30 {
  margin-top: 30px !important; }

.mr-30,
.mx-30 {
  margin-right: 30px !important; }

.mb-30,
.my-30 {
  margin-bottom: 30px !important; }

.ml-30,
.mx-30 {
  margin-left: 30px !important; }

.m-35 {
  margin: 35px !important; }

.mt-35,
.my-35 {
  margin-top: 35px !important; }

.mr-35,
.mx-35 {
  margin-right: 35px !important; }

.mb-35,
.my-35 {
  margin-bottom: 35px !important; }

.ml-35,
.mx-35 {
  margin-left: 35px !important; }

.m-40 {
  margin: 40px !important; }

.mt-40,
.my-40 {
  margin-top: 40px !important; }

.mr-40,
.mx-40 {
  margin-right: 40px !important; }

.mb-40,
.my-40 {
  margin-bottom: 40px !important; }

.ml-40,
.mx-40 {
  margin-left: 40px !important; }

.m-45 {
  margin: 45px !important; }

.mt-45,
.my-45 {
  margin-top: 45px !important; }

.mr-45,
.mx-45 {
  margin-right: 45px !important; }

.mb-45,
.my-45 {
  margin-bottom: 45px !important; }

.ml-45,
.mx-45 {
  margin-left: 45px !important; }

.m-50 {
  margin: 50px !important; }

.mt-50,
.my-50 {
  margin-top: 50px !important; }

.mr-50,
.mx-50 {
  margin-right: 50px !important; }

.mb-50,
.my-50 {
  margin-bottom: 50px !important; }

.ml-50,
.mx-50 {
  margin-left: 50px !important; }

.p-0 {
  padding: 0px !important; }

.pt-0,
.py-0 {
  padding-top: 0px !important; }

.pr-0,
.px-0 {
  padding-right: 0px !important; }

.pb-0,
.py-0 {
  padding-bottom: 0px !important; }

.pl-0,
.px-0 {
  padding-left: 0px !important; }

.p-5 {
  padding: 5px !important; }

.pt-5,
.py-5 {
  padding-top: 5px !important; }

.pr-5,
.px-5 {
  padding-right: 5px !important; }

.pb-5,
.py-5 {
  padding-bottom: 5px !important; }

.pl-5,
.px-5 {
  padding-left: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pt-10,
.py-10 {
  padding-top: 10px !important; }

.pr-10,
.px-10 {
  padding-right: 10px !important; }

.pb-10,
.py-10 {
  padding-bottom: 10px !important; }

.pl-10,
.px-10 {
  padding-left: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pt-15,
.py-15 {
  padding-top: 15px !important; }

.pr-15,
.px-15 {
  padding-right: 15px !important; }

.pb-15,
.py-15 {
  padding-bottom: 15px !important; }

.pl-15,
.px-15 {
  padding-left: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-20,
.py-20 {
  padding-top: 20px !important; }

.pr-20,
.px-20 {
  padding-right: 20px !important; }

.pb-20,
.py-20 {
  padding-bottom: 20px !important; }

.pl-20,
.px-20 {
  padding-left: 20px !important; }

.p-25 {
  padding: 25px !important; }

.pt-25,
.py-25 {
  padding-top: 25px !important; }

.pr-25,
.px-25 {
  padding-right: 25px !important; }

.pb-25,
.py-25 {
  padding-bottom: 25px !important; }

.pl-25,
.px-25 {
  padding-left: 25px !important; }

.p-30 {
  padding: 30px !important; }

.pt-30,
.py-30 {
  padding-top: 30px !important; }

.pr-30,
.px-30 {
  padding-right: 30px !important; }

.pb-30,
.py-30 {
  padding-bottom: 30px !important; }

.pl-30,
.px-30 {
  padding-left: 30px !important; }

.p-35 {
  padding: 35px !important; }

.pt-35,
.py-35 {
  padding-top: 35px !important; }

.pr-35,
.px-35 {
  padding-right: 35px !important; }

.pb-35,
.py-35 {
  padding-bottom: 35px !important; }

.pl-35,
.px-35 {
  padding-left: 35px !important; }

.p-40 {
  padding: 40px !important; }

.pt-40,
.py-40 {
  padding-top: 40px !important; }

.pr-40,
.px-40 {
  padding-right: 40px !important; }

.pb-40,
.py-40 {
  padding-bottom: 40px !important; }

.pl-40,
.px-40 {
  padding-left: 40px !important; }

.p-45 {
  padding: 45px !important; }

.pt-45,
.py-45 {
  padding-top: 45px !important; }

.pr-45,
.px-45 {
  padding-right: 45px !important; }

.pb-45,
.py-45 {
  padding-bottom: 45px !important; }

.pl-45,
.px-45 {
  padding-left: 45px !important; }

.p-50 {
  padding: 50px !important; }

.pt-50,
.py-50 {
  padding-top: 50px !important; }

.pr-50,
.px-50 {
  padding-right: 50px !important; }

.pb-50,
.py-50 {
  padding-bottom: 50px !important; }

.pl-50,
.px-50 {
  padding-left: 50px !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

.text-white {
  color: #FFF; }

.text-gray {
  color: #808080; }

.text-gray-1 {
  color: #D9D9D9; }

.text-black {
  color: #000; }

.text-cerulean {
  color: #0074C4; }

.text-sunny-yellow {
  color: #FFFF25; }

.text-pale-salmon {
  color: #FFB2B1; }

.text-pale-gris {
  color: #F2F2F2; }

.text-pale-green {
  color: #CDE5CF; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-highlighted {
  background-color: #FFFF25; }

.text-subrayado {
  border-bottom: 3px solid #000;
  display: inline-block; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes zoomCrazy {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomCrazy {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.zoomCrazy {
  -webkit-animation-name: zoomCrazy;
  animation-name: zoomCrazy;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes resaltado {
  from {
    background-size: 0 100%; }
  to {
    background-size: 100% 100%; } }

@-webkit-keyframes resaltado {
  from {
    background-size: 0 100%; }
  to {
    background-size: 100% 100%; } }

b.resaltado {
  background: none;
  background-image: linear-gradient(180deg, transparent 0%, #ffff25 0);
  background-repeat: no-repeat;
  -webkit-animation-name: resaltado;
  animation-name: resaltado;
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.badge {
  display: inline-block;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap; }

.breadcrumb {
  line-height: 24px;
  margin-bottom: 20px; }
  .breadcrumb > a {
    color: #808080;
    font: normal 14px Arial;
    text-decoration: none; }
    .breadcrumb > a:hover {
      color: #0074C4;
      transition: 0.2s ease; }
  .breadcrumb > span {
    color: #808080;
    font-size: 18px; }
  @media screen and (min-width: 310px) and (max-width: 767px) {
    .breadcrumb {
      display: none; } }

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none; }
  .nav .nav-link {
    display: block;
    padding: 8px 16px; }

#header {
  background: #FFF;
  border-bottom: 1px solid #E1E1E1;
  box-shadow: 0 1px 1px 0px #F0F0F0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }
  #header nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 50px;
    position: relative; }
  @media screen and (max-width: 767px) {
    #header nav {
      padding-top: 15px;
      padding-bottom: 15px; }
    .menu-open #header nav {
      height: auto; } }
  #header .menu-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0; }
    #header .menu-toggle > i {
      font-size: 24px; }
      #header .menu-toggle > i::before {
        content: "t"; }
    #header .menu-toggle > span {
      font-size: 11px;
      padding-left: 5px; }
    #header .menu-toggle:hover > i::before {
      content: "y"; }
  .menu-open #header .menu-toggle > i {
    font-size: 20px; }
    .menu-open #header .menu-toggle > i::before {
      content: "f"; }
  @media screen and (max-width: 767px) {
    #header .menu-toggle {
      margin-left: auto;
      order: 2; }
      #header .menu-toggle > span {
        display: none; } }
  #header .busqueda {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: 25px;
    max-width: 50%; }
  .menu-open #header .busqueda {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  @media screen and (max-width: 767px) {
    #header .busqueda {
      margin: 15px 0 0;
      min-width: 100%;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -moz-order: 3;
      -ms-flex-order: 3;
      order: 3; } }
  #header .logo-xs {
    background-image: url(../img/LN.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 15px;
    transition: 0.2s ease;
    height: 25px;
    width: 40px; }
  #header .navbar-text {
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: 500px; }
  #header .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 180px; }
  .menu-open #header .logo {
    display: none; }
  @media screen and (max-width: 767px) {
    #header .logo {
      margin: 0;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      position: static;
      width: 150px; }
    .menu-open #header .logo {
      display: none; } }
  #header .links {
    margin-left: auto; }
  @media screen and (max-width: 767px) {
    #header .links {
      display: none;
      margin: 0;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; }
    .menu-open #header .links {
      display: block; } }
  #header .menu {
    background-color: #F2F2F2;
    border: 1px solid #CCC;
    box-shadow: 0 2px 5px 0px #DCDCDC;
    display: none;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 375px;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0; }
    #header .menu::-webkit-scrollbar {
      background-color: #F5F5F5;
      width: 12px; }
    #header .menu::-webkit-scrollbar-track {
      background-color: #F5F5F5;
      border-radius: 10px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    #header .menu::-webkit-scrollbar-thumb {
      background-color: #555;
      border-radius: 10px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .menu-open #header .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  @media screen and (min-width: 1280px) {
    #header .menu {
      right: -40px;
      left: -40px; } }
  @media screen and (max-width: 1279px) {
    #header .menu {
      height: auto;
      overflow: auto;
      position: fixed;
      bottom: 0;
      width: 420px; } }
  @media screen and (max-width: 767px) {
    #header .menu {
      height: calc(100vh - 105px);
      position: static;
      width: 100%; } }
  #header .tematicas {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    #header .tematicas .izquierda {
      margin-top: 58px; }
      #header .tematicas .izquierda a {
        background-color: #FFF;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        color: #0074C4;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 45px;
        margin-bottom: 18px;
        text-align: center;
        text-transform: uppercase;
        height: 45px;
        width: 200px; }
        #header .tematicas .izquierda a:hover {
          color: #0098FF; }
        #header .tematicas .izquierda a:last-child {
          color: #000;
          font-size: 13px;
          font-weight: normal;
          text-transform: none; }
          #header .tematicas .izquierda a:last-child > .logo-lnmas {
            background-image: url(../img/LN-Mas.svg);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: sub;
            height: 19px;
            width: 33px; }
          #header .tematicas .izquierda a:last-child > span {
            display: inline-block; }
    #header .tematicas .derecha p {
      color: #95989A;
      font-family: SuecaSlab;
      font-size: 21px;
      line-height: 26px;
      margin-top: 20px;
      margin-bottom: 15px; }
    #header .tematicas .derecha ul {
      columns: 176px 2; }
      #header .tematicas .derecha ul > li {
        margin-bottom: 20px; }
        #header .tematicas .derecha ul > li > a {
          color: #000;
          font-family: SuecaSlab;
          font-size: 18px;
          font-weight: 600;
          line-height: 23px; }
          #header .tematicas .derecha ul > li > a:hover {
            color: #55ACE6; }
  @media screen and (min-width: 1280px) {
    #header .tematicas {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: calc(100% - 60px); }
      #header .tematicas .izquierda {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
        #header .tematicas .izquierda > a {
          width: 200px; }
      #header .tematicas .derecha {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 370px; } }
  @media screen and (max-width: 1279px) {
    #header .tematicas {
      padding: 0 6%; }
      #header .tematicas .izquierda,
      #header .tematicas .derecha {
        float: left;
        width: 100%; }
      #header .tematicas .izquierda {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        margin: 0px; }
        #header .tematicas .izquierda > a {
          font-size: 12px;
          height: 40px;
          line-height: 40px;
          margin-top: 18px;
          margin-bottom: initial;
          width: calc(50% - 5px); }
      #header .tematicas .derecha {
        margin-top: 30px;
        margin-bottom: 30px; }
        #header .tematicas .derecha p {
          display: none; }
        #header .tematicas .derecha ul {
          column-width: 120px; }
          #header .tematicas .derecha ul > li {
            margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    #header .tematicas .izquierda > a:last-child > span {
      display: none; } }
  #header .servicios {
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #header .servicios p {
      color: #95989A;
      font-family: SuecaSlab;
      font-size: 21px;
      line-height: 26px;
      margin-top: 20px;
      margin-bottom: 15px; }
    #header .servicios ul {
      columns: 100px 2;
      list-style-type: disc;
      list-style-position: inside; }
      #header .servicios ul > li {
        color: #95989A;
        font-family: Arial;
        font-size: 22px;
        line-height: 17px;
        margin-bottom: 20px; }
        #header .servicios ul > li > a {
          color: #000;
          font-size: 15px;
          margin-left: -15px; }
          #header .servicios ul > li > a:hover {
            color: #55ACE6; }
  @media screen and (min-width: 1280px) {
    #header .servicios {
      border-left: 1px solid #CCC;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      height: calc(100% - 60px);
      width: 404px; } }
  @media screen and (max-width: 1279px) {
    #header .servicios {
      border-top: 1px solid #CCC;
      padding: 0 6%;
      width: 100%; }
      #header .servicios p {
        font-size: 18px; }
      #header .servicios ul {
        list-style-type: none; }
        #header .servicios ul > li > a {
          line-height: 26px;
          margin-left: 0; } }
  #header .club {
    background-color: #F7FAFD;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #header .club p {
      display: inline-block;
      margin-top: 20px;
      margin-bottom: 15px; }
      #header .club p > a {
        color: #0074C4;
        font-family: SuecaSlab;
        font-size: 19px; }
        #header .club p > a:hover {
          color: #0098FF; }
    #header .club ul > li {
      margin-bottom: 16px; }
      #header .club ul > li > a {
        color: #0074C4;
        font-family: Arial;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase; }
        #header .club ul > li > a:hover {
          color: #0098FF; }
    #header .club .tarjeta-club {
      margin-top: 35px; }
      #header .club .tarjeta-club > a {
        color: #0074C4;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
        #header .club .tarjeta-club > a:hover {
          color: #0098FF; }
        #header .club .tarjeta-club > a > span {
          font-family: SuecaSlab;
          font-size: 15px;
          line-height: 18px;
          text-align: center; }
        #header .club .tarjeta-club > a > img {
          border-bottom: 1px solid #CCC;
          margin-left: 5px;
          padding: 0 10px;
          width: 95px; }
  @media screen and (min-width: 1280px) {
    #header .club {
      border-left: 1px solid #CCC;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      width: 242px;
      z-index: 1; } }
  @media screen and (max-width: 1279px) {
    #header .club {
      border-top: 1px solid #CCC;
      padding: 5px 6%;
      width: 100%; }
      #header .club ul {
        display: none; }
      #header .club .tarjeta-club {
        display: none; } }
  #header .revistas {
    background-color: #FFF;
    border-top: 1px solid #CCC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    #header .revistas > p {
      font-family: SuecaSlab;
      font-size: 17px;
      margin-right: 15px; }
    #header .revistas > ul > li {
      display: inline-block; }
      #header .revistas > ul > li:before {
        content: "\2022";
        font-size: 30px;
        margin-right: 5px;
        vertical-align: middle; }
      #header .revistas > ul > li.ohlala::before {
        color: #E32F68; }
      #header .revistas > ul > li.hola::before {
        color: #B6172C; }
      #header .revistas > ul > li.rollingstone::before {
        color: #F21B27; }
      #header .revistas > ul > li.lugares::before {
        color: #00A794; }
      #header .revistas > ul > li.living::before {
        color: #A3A3A3; }
      #header .revistas > ul > li.brando::before {
        color: #F05D2C; }
      #header .revistas > ul > li.jardin::before {
        color: #DC9A44; }
      #header .revistas > ul > li > a {
        color: #000;
        font-family: Arial;
        font-size: 14px;
        line-height: 30px;
        text-transform: uppercase; }
        #header .revistas > ul > li > a:hover {
          color: #55ACE6; }
  @media screen and (min-width: 1280px) {
    #header .revistas {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      height: 60px;
      margin-right: 241px;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0; }
      #header .revistas > ul > li {
        margin-right: 15px; } }
  @media screen and (max-width: 1279px) {
    #header .revistas {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      padding: 0 6%;
      width: 100%; }
      #header .revistas > p {
        color: #95989A;
        font-size: 18px;
        line-height: 26px;
        margin-top: 21px;
        margin-bottom: 13px; }
      #header .revistas > ul {
        columns: 400px 2; }
        #header .revistas > ul > li {
          margin-bottom: 20px;
          width: 49%; }
          #header .revistas > ul > li:before {
            font-size: 25px; } }

@media screen and (max-width: 767px) {
  body.menu-open {
    overflow: hidden !important; } }

#pie {
  float: left;
  width: 100%; }
  #pie #footer-nav {
    border-bottom: 1px solid #CCC;
    float: left;
    padding-bottom: 5px;
    width: 100%; }
    #pie #footer-nav .links-principales {
      color: #95989A;
      font-size: 11px;
      float: left;
      line-height: 35px; }
      #pie #footer-nav .links-principales a {
        font-size: 12px;
        padding: 0 7px; }
        #pie #footer-nav .links-principales a:first-child {
          padding-left: 0; }
    #pie #footer-nav .redes-sociales {
      float: right; }
  #pie .sub-footer {
    color: #808080;
    font-size: 12px;
    float: left;
    margin-top: 10px;
    width: 100%; }
    #pie .sub-footer .left,
    #pie .sub-footer .center {
      float: left;
      width: calc((100% - 335px) / 2); }
    #pie .sub-footer .center {
      padding-top: 15px; }
    #pie .sub-footer .right {
      float: right;
      width: 335px; }

.gda-img {
  background-image: url(../img/GDA.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
  height: 21px;
  width: 39px; }

.gda-description {
  float: left;
  line-height: 40px;
  margin-right: 20px; }

.data-fiscal-img {
  background-image: url(../img/DataFiscal.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  float: left;
  height: 41px;
  width: 30px; }

@media screen and (max-width: 1024px) {
  #pie .sub-footer .center {
    width: 100%; } }

@media screen and (max-width: 767px) {
  #pie {
    text-align: center; }
    #pie #footer-nav {
      border-bottom: none;
      padding: 10px 0px; }
      #pie #footer-nav .links-principales {
        line-height: 20px;
        margin-bottom: 20px;
        text-align: left; }
      #pie #footer-nav .redes-sociales {
        float: none;
        margin-bottom: 10px; }
    #pie .sub-footer {
      border: none; }
      #pie .sub-footer .left {
        border: 1px solid #CCC;
        border-radius: 3px;
        padding: 10px;
        width: 100%; }
      #pie .sub-footer .center {
        border-top: 1px solid #CCC;
        padding: 15px 0;
        text-align: left;
        width: 100%; }
      #pie .sub-footer .right {
        margin: 30px 0px;
        width: 100%; } }

@media screen and (min-width: 500px) and (max-width: 767px) {
  #pie #footer-nav .links-principales {
    text-align: center;
    width: 100%; }
  #pie .sub-footer .center {
    text-align: center; }
  #pie .sub-footer .right {
    float: none;
    margin: 30px auto;
    padding: 40px 0px;
    width: 335px; } }

.banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .banner:not(:empty) {
    margin-bottom: 20px; }
  .banner.cabezal {
    background-color: #F2F2F2;
    border-bottom: 1px solid #EDEDED; }

aside > .banner {
  background: -webkit-repeating-linear-gradient(135deg, #FAFAFA, #FAFAFA 5px, #FFF, #FFF 7px);
  background: -o-repeating-linear-gradient(135deg, #FAFAFA, #FAFAFA 5px, #FFF, #FFF 7px);
  background: repeating-linear-gradient(-45deg, #FAFAFA, #FAFAFA 5px, #FFF, #FFF 7px); }

.titulo {
  font-size: 17px;
  margin: 20px 0; }

#main > article > header {
  margin-bottom: 30px; }

.tituloConAutor {
  margin-bottom: 20px; }

.tituloConAutor > p {
  font-size: 14px;
  color: #000; }

@media screen and (min-width: 768px) {
  .tituloConAutor > h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .tituloConAutor > h3 {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px; } }

.bajada {
  color: #5C5C5C;
  font: 400 18px/1.5 Arial; }
  @media screen and (min-width: 310px) and (max-width: 1023px) {
    .bajada {
      font-size: 15px; } }

.newsletter {
  background-color: #F1F1F1;
  border-radius: 4px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.newsletter > div:first-child {
  display: inline;
  margin-bottom: 20px; }

.newsletter > div > h3 {
  font-size: 20px;
  margin-bottom: 10px; }

.newsletter > div > p {
  font-size: 15px;
  line-height: 18px; }

.newsletter > div > button {
  background-color: #0075C4;
  border: none;
  border-radius: 4px;
  color: #FFF;
  font-size: 13px;
  padding: 10px 8px;
  text-transform: uppercase; }

.newsletter__container {
  width: 100%; }
  .newsletter__container > p {
    margin-bottom: 20px; }
    .newsletter__container > p::before {
      vertical-align: text-bottom;
      margin-right: 5px; }

.newsletter__container__input {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  max-width: 400px; }
  .newsletter__container__input > input {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 10px 15px;
    width: 100%; }

.newsletter__container__input > .\--mens {
  display: none; }

.newsletter__container__input.\--error > .\--mens {
  color: #d50000;
  display: block;
  font-family: Arial !important;
  font-size: 12px;
  position: absolute;
  bottom: -15px;
  left: 1px; }

.newsletter__container__input.\--error > input {
  background-image: url(../img/Sprite-Inputs-2.png);
  background-position: right 10px top -30px;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #D71313; }

@media screen and (min-width: 1241px) {
  .newsletter {
    padding: 30px 30px 30px 100px; } }

@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .newsletter {
    padding: 30px 30px 30px 85px; } }

@media screen and (min-width: 1024px) {
  .icon-mail-line {
    position: relative; }
    .icon-mail-line::before {
      font-size: 49px;
      position: absolute;
      top: -3px;
      left: -65px; } }

@media screen and (max-width: 1023px) {
  .newsletter {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px; }
  .icon-mail-line {
    margin-bottom: 20px;
    position: relative; }
    .icon-mail-line::before {
      font-size: 35px;
      margin-right: 10px;
      position: relative;
      top: 7px; } }

aside > .caja-horoscopo {
  height: 250px;
  background-position: top left;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 30px; }

aside > .caja-horoscopo.chino {
  background-image: url(../img/horoscopo-chino-aside.png); }

aside > .caja-horoscopo.zodiaco {
  background-image: url(../img/horoscopo-zodiacal-aside.png); }

aside > .caja-horoscopo > section {
  padding: 10px 20px;
  border-left: 9px solid #000;
  background-color: rgba(255, 255, 255, 0.81);
  color: #000;
  text-transform: uppercase; }

aside > .caja-horoscopo > section > h4 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 7px; }

aside > .caja-horoscopo > section > h4 > strong {
  display: block; }

aside > .caja-horoscopo > section > p > .icon-derecha {
  background: #ffff25;
  padding-right: 20px;
  position: relative; }

aside > .caja-horoscopo > section > p > .icon-derecha:before {
  position: absolute;
  right: 0;
  top: 1px;
  font-size: 13px; }

.nota {
  margin-bottom: 30px; }
  .nota .figure {
    background-color: #F9F9F9;
    display: block;
    margin-bottom: 5px;
    overflow: hidden; }
    .nota .figure img {
      display: block;
      margin: auto;
      height: 100%;
      width: auto;
      max-width: 100%; }
  .nota h2 {
    font: 16px/22px Arial; }
    .nota h2 a {
      color: #000;
      display: block; }
      .nota h2 a:hover {
        color: #0074C4; }

.ranking .nota .figure {
  height: 200px; }

#notas-sugeridas > h4 {
  font-size: 30px;
  padding-bottom: 8px; }

#notas-sugeridas > .notas-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  @media screen and (min-width: 1360px) {
    #notas-sugeridas > .notas-container .nota {
      width: 280px; }
      #notas-sugeridas > .notas-container .nota .figure {
        height: 185px; } }
  @media screen and (min-width: 1280px) and (max-width: 1359px) {
    #notas-sugeridas > .notas-container .nota {
      width: 260px; }
      #notas-sugeridas > .notas-container .nota .figure {
        height: 172px; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    #notas-sugeridas > .notas-container .nota {
      width: 300px; }
      #notas-sugeridas > .notas-container .nota .figure {
        height: 200px; } }
  @media screen and (min-width: 800px) and (max-width: 1023px) {
    #notas-sugeridas > .notas-container .nota {
      width: 190px; }
      #notas-sugeridas > .notas-container .nota .figure {
        height: 128px; } }
  @media screen and (max-width: 799px) {
    #notas-sugeridas > .notas-container {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      #notas-sugeridas > .notas-container .nota {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 100%; }
        #notas-sugeridas > .notas-container .nota > .figure {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 135px;
          -moz-box-flex: 0;
          -moz-flex: 0 0 135px;
          -ms-flex: 0 0 135px;
          flex: 0 0 135px;
          height: 90px; }
        #notas-sugeridas > .notas-container .nota > h2 {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; } }

ol.ranking > li {
  counter-increment: item;
  position: relative; }
  ol.ranking > li::before {
    background: #EEE;
    content: counter(item);
    color: #000;
    font: 600 18px "Arial";
    position: absolute;
    left: 15px;
    text-align: center;
    margin-right: 8px;
    padding: 10px 7px;
    z-index: 5; }

.proximo-feriado {
  background-color: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  max-width: 633px;
  margin: 0 auto 40px;
  padding: 20px 25px; }
  .proximo-feriado > .proximo-feriado__fecha {
    background: #E5E3DB;
    border-radius: 50%;
    height: 122px;
    width: 122px;
    margin-right: 30px;
    padding-top: 14px; }
    .proximo-feriado > .proximo-feriado__fecha > p {
      margin: 0;
      text-align: center; }
      .proximo-feriado > .proximo-feriado__fecha > p:first-child {
        font: 800 57px SuecaSlab; }
      .proximo-feriado > .proximo-feriado__fecha > p:nth-child(2) {
        font: 600 12px Arial;
        text-transform: uppercase; }
  .proximo-feriado > .proximo-feriado__titulo {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: calc(100% - 122px - 30px); }
    .proximo-feriado > .proximo-feriado__titulo > h1 {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 10px; }
    .proximo-feriado > .proximo-feriado__titulo > p {
      font-size: 16px;
      margin-bottom: 15px; }
    .proximo-feriado > .proximo-feriado__titulo > a {
      font-weight: bold; }
  @media screen and (max-width: 1023px) {
    .proximo-feriado {
      padding: 20px 13px; }
      .proximo-feriado > .proximo-feriado__fecha {
        height: 102px;
        width: 102px;
        padding-top: 5px;
        margin-right: 10px; }
        .proximo-feriado > .proximo-feriado__fecha > p:first-child {
          font-size: 50px; }
      .proximo-feriado > .proximo-feriado__titulo {
        width: calc(100% - 101px); }
        .proximo-feriado > .proximo-feriado__titulo > h1 {
          font-size: 15px;
          line-height: 21px; }
        .proximo-feriado > .proximo-feriado__titulo > p {
          font-size: 14px;
          line-height: 16px;
          margin-bottom: 15px; } }

.seleccion-anio {
  margin-bottom: 30px;
  text-align: right; }

.seleccion-anio > a {
  background: #FFF;
  border: 2px solid #BDDBF0;
  border-radius: 2px;
  color: #0074C4;
  margin-left: 10px;
  padding: 4px 12px; }

.seleccion-anio > a:hover,
.seleccion-anio > a.\--active {
  background: #0075C4;
  border-color: transparent;
  color: #FFF; }

@media screen and (max-width: 1023px) {
  .seleccion-anio {
    text-align: left; } }

@media screen and (max-width: 359px) {
  .seleccion-anio > a {
    margin-left: 2px; } }

.calendario__guia {
  margin-bottom: 20px; }
  .calendario__guia > p {
    display: inline-block;
    padding-left: 20px;
    position: relative; }
    .calendario__guia > p:not(:last-child) {
      margin-right: 30px; }
    .calendario__guia > p::before {
      border: 1px solid transparent;
      border-radius: 50%;
      content: "";
      position: absolute;
      left: 0;
      height: 12px;
      width: 12px; }
    .calendario__guia > p.\--inamovible::before {
      background-color: #FFB2B1;
      border-color: transparent; }
    .calendario__guia > p.\--trasladable::before {
      background-color: #CDE5CF;
      border-color: transparent; }
    .calendario__guia > p.\--puente::before {
      background-color: transparent;
      border: 2px solid #FFB2B1;
      border-color: #FFB2B1; }
    .calendario__guia > p.\--celebracion::before {
      background-color: #FFF;
      border-color: #D9D9D9; }
  @media screen and (max-width: 768px) {
    .calendario__guia > p:not(:last-child) {
      margin-right: 10px; } }

.calendario > h2 {
  line-height: 24px;
  text-transform: uppercase; }

.calendario__meses {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.calendario__mes__container {
  margin-bottom: 40px; }

.calendario__mes {
  border: 1px solid #D9D9D9;
  height: 284px;
  padding: 10px; }
  .calendario__mes > header {
    border-bottom: 1px solid #D9D9D9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-bottom: 10px; }
    .calendario__mes > header > .calendario__mes__arrow {
      display: none;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 20px;
      -ms-flex: 0 0 20px;
      flex: 0 0 20px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .calendario__mes > header > .calendario__mes__arrow {
          display: block; } }
    .calendario__mes > header > h1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      font: 600 12px Arial;
      text-align: center;
      text-transform: uppercase; }
  .calendario__mes ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: 15px; }
    .calendario__mes ul > li {
      font: 400 15px Arial;
      text-align: center;
      text-transform: uppercase;
      width: 20px;
      line-height: 20px; }
      .calendario__mes ul > li[class*=" --"], .calendario__mes ul > li[class^="--"] {
        position: relative; }
        .calendario__mes ul > li[class*=" --"]::before, .calendario__mes ul > li[class^="--"]::before {
          /*border: 1px solid transparent;*/
          border-radius: 50%;
          content: "";
          height: 28px;
          width: 28px;
          position: absolute;
          top: -4px;
          right: -4px;
          z-index: -1; }
      .calendario__mes ul > li.\--inamovible::before {
        background-color: #FFB2B1;
        /*border-color: $calendario-feriado-inamovible-border-color;*/
        color: #000; }
      .calendario__mes ul > li.\--nolaborable::before {
        background-color: #F2F2F2;
        border-color: transparent;
        color: #000; }
      .calendario__mes ul > li.\--trasladable::before {
        background-color: #CDE5CF;
        /*border-color: $calendario-feriado-trasladable-border-color;*/
        color: #000; }
      .calendario__mes ul > li.\--celebracion::before {
        background-color: #FFF;
        border-color: #D9D9D9;
        color: #000; }
      .calendario__mes ul > li.\--puente::before {
        background-color: transparent;
        border: 2px solid #FFB2B1;
        color: #000;
        height: 24px;
        width: 24px; }
  .calendario__mes ul.calendario__mes__dias > li {
    font-weight: 600; }

.calendario__mes > div > ul > li:first-child:not([class*="--"]) {
  color: #999; }

.calendario__mes__eventos {
  padding: 10px; }
  .calendario__mes__eventos > h3 {
    color: #000;
    font: 13px/19px Arial;
    padding-top: 5px;
    padding-left: 35px;
    position: relative; }
    .calendario__mes__eventos > h3:not(:last-child) {
      margin-bottom: 5px; }
    .calendario__mes__eventos > h3 > .badge {
      /*border: 1px solid transparent;*/
      border-radius: 50%;
      line-height: 25px;
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      line-height: 25px; }
    .calendario__mes__eventos > h3.\--inamovible > .badge {
      background-color: #FFB2B1;
      color: #000; }
    .calendario__mes__eventos > h3.\--trasladable > .badge {
      background-color: #CDE5CF;
      color: #000; }
    .calendario__mes__eventos > h3.\--celebracion > .badge {
      background-color: #FFF;
      color: #000; }
    .calendario__mes__eventos > h3.\--puente > .badge {
      background-color: transparent;
      border: 2px solid #FFB2B1;
      color: #000;
      line-height: 21px; }

@media screen and (min-width: 1361px) {
  .calendario__mes__container {
    width: 280px; } }

@media screen and (min-width: 1280px) and (max-width: 1359px) {
  .calendario__mes__container {
    width: 260px; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .calendario__mes__container {
    width: 300px; } }

@media screen and (min-width: 769px) {
  .calendario > h2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px; } }

@media screen and (max-width: 1023px) {
  .calendario__meses {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .calendario__mes__container {
    width: 300px; } }

@media screen and (max-width: 768px) {
  .calendario > h2 {
    font-size: 17px;
    margin-bottom: 15px; } }

.lista-feriados {
  margin-bottom: 50px; }
  .lista-feriados > h2 {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .lista-feriados > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }
    .lista-feriados > ul > li {
      padding: 10px; }
      .lista-feriados > ul > li:first-child, .lista-feriados > ul > li:nth-child(2) {
        width: 25%; }
      .lista-feriados > ul > li:nth-child(3) {
        width: 50%; }
  .lista-feriados .lista-feriados__header {
    background: #EEE;
    font: 600 12px Arial;
    text-transform: uppercase; }
    .lista-feriados .lista-feriados__header > li:not(:first-child) {
      border-left: 2px solid #FFF; }
  .lista-feriados .lista-feriados__item {
    font: 400 14px Arial; }
    .lista-feriados .lista-feriados__item:not(:last-child) {
      border-bottom: 1px solid #D9D9D9; }
    .lista-feriados .lista-feriados__item > li:last-child {
      font-weight: bold; }
  @media screen and (max-width: 1023px) {
    .lista-feriados > h2 {
      font-size: 17px; } }

.miSigno {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
  padding: 20px 0;
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.miSigno__img {
  text-align: center; }

.miSigno__img > div {
  margin: 0 auto 10px; }

.miSigno > h2 {
  font-size: 18px;
  line-height: 24px;
  padding: 5px 0;
  text-transform: uppercase; }

.miSigno__img > div {
  background-image: url(../img/Sprite-Horoscopo.png); }

.miSigno__img > p {
  color: #666;
  font-size: 13px; }

.miSigno__descrip {
  font-size: 14px;
  line-height: 20px; }

.miSigno__descrip > p {
  margin-bottom: 5px; }

.miSigno__icon {
  border: none;
  font-size: 12px;
  text-align: center; }

.miSigno__icon > p {
  color: #666;
  margin-top: 10px; }

.miSigno__icon:before {
  color: white;
  border-radius: 50%;
  background-color: #0075c4;
  padding: 7px;
  font-size: 17px; }

@media screen and (max-width: 1023px) {
  .miSigno.\--aries > .miSigno__img > div {
    background-position: center -10px; }
  .miSigno.\--tauro > .miSigno__img > div {
    background-position: center -99px; }
  .miSigno.\--geminis > .miSigno__img > div {
    background-position: center -186px; }
  .miSigno.\--cancer > .miSigno__img > div {
    background-position: center -273px; }
  .miSigno.\--leo > .miSigno__img > div {
    background-position: center -354px; }
  .miSigno.\--virgo > .miSigno__img > div {
    background-position: center -439px; }
  .miSigno.\--libra > .miSigno__img > div {
    background-position: center -521px; }
  .miSigno.\--escorpio > .miSigno__img > div {
    background-position: center -608px; }
  .miSigno.\--sagitario > .miSigno__img > div {
    background-position: center -696px; }
  .miSigno.\--capricornio > .miSigno__img > div {
    background-position: center -780px; }
  .miSigno.\--acuario > .miSigno__img > div {
    background-position: center -867px; }
  .miSigno.\--piscis > .miSigno__img > div {
    background-position: center -954px; } }

@media screen and (max-width: 767px) {
  .miSigno__img {
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column-start: 2;
    grid-column-end: 7;
    -ms-grid-row: 1;
    -ms-grid-row-span: 9;
    grid-row-start: 1;
    grid-row-end: 10;
    margin-bottom: 10px; }
    .miSigno__img > div {
      background-size: 90px;
      height: 76px;
      width: 82px; }
  .miSigno > h2 {
    -ms-grid-column: 8;
    -ms-grid-column-span: 11;
    grid-column-start: 8;
    grid-column-end: 19;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row-start: 7;
    grid-row-end: 8;
    font-size: 16px;
    line-height: 19px; }
  .miSigno__descrip {
    -ms-grid-column: 2;
    -ms-grid-column-span: 18;
    grid-column-start: 2;
    grid-column-end: 20;
    -ms-grid-row: 10;
    -ms-grid-row-span: 10;
    grid-row-start: 10;
    grid-row-end: 20; }
  .miSigno__icon {
    -ms-grid-column: 16;
    -ms-grid-column-span: 5;
    grid-column-start: 16;
    grid-column-end: 21;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; } }

@media screen and (min-width: 1024px) {
  .miSigno__img > div {
    background-size: 130px;
    margin: 0 auto 10px;
    height: 109px;
    width: 120px; }
  .miSigno.\--aries > .miSigno__img > div {
    background-position: center -18px; }
  .miSigno.\--tauro > .miSigno__img > div {
    background-position: center -144px; }
  .miSigno.\--geminis > .miSigno__img > div {
    background-position: center -267px; }
  .miSigno.\--cancer > .miSigno__img > div {
    background-position: center -393px; }
  .miSigno.\--leo > .miSigno__img > div {
    background-position: center -516px; }
  .miSigno.\--virgo > .miSigno__img > div {
    background-position: center -633px; }
  .miSigno.\--libra > .miSigno__img > div {
    background-position: center -757px; }
  .miSigno.\--escorpio > .miSigno__img > div {
    background-position: center -881px; }
  .miSigno.\--sagitario > .miSigno__img > div {
    background-position: center -1005px; }
  .miSigno.\--capricornio > .miSigno__img > div {
    background-position: center -1129px; }
  .miSigno.\--acuario > .miSigno__img > div {
    background-position: center -1253px; }
  .miSigno.\--piscis > .miSigno__img > div {
    background-position: center -1379px; } }

@media screen and (min-width: 1240px) {
  .miSigno__img {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column-start: 2;
    grid-column-end: 6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; }
  .miSigno > h2 {
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    grid-column-start: 6;
    grid-column-end: 18;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2; }
  .miSigno__descrip {
    -ms-grid-column: 6;
    -ms-grid-column-span: 12;
    grid-column-start: 6;
    grid-column-end: 18;
    -ms-grid-row: 2;
    -ms-grid-row-span: 18;
    grid-row-start: 2;
    grid-row-end: 20; }
  .miSigno__icon {
    -ms-grid-column: 19;
    -ms-grid-column-span: 2;
    grid-column-start: 19;
    grid-column-end: 21;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; } }

@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .miSigno__img {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column-start: 2;
    grid-column-end: 6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; }
  .miSigno > h2 {
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    grid-column-start: 7;
    grid-column-end: 17;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2; }
  .miSigno__descrip {
    -ms-grid-column: 7;
    -ms-grid-column-span: 10;
    grid-column-start: 7;
    grid-column-end: 17;
    -ms-grid-row: 2;
    -ms-grid-row-span: 18;
    grid-row-start: 2;
    grid-row-end: 20; }
  .miSigno__icon {
    -ms-grid-column: 18;
    -ms-grid-column-span: 2;
    grid-column-start: 18;
    grid-column-end: 20;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; } }

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .miSigno__img {
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column-start: 2;
    grid-column-end: 7;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; }
  .miSigno > h2 {
    -ms-grid-column: 8;
    -ms-grid-column-span: 10;
    grid-column-start: 8;
    grid-column-end: 18;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2; }
  .miSigno__descrip {
    -ms-grid-column: 8;
    -ms-grid-column-span: 12;
    grid-column-start: 8;
    grid-column-end: 20;
    -ms-grid-row: 2;
    -ms-grid-row-span: 18;
    grid-row-start: 2;
    grid-row-end: 20; }
  .miSigno__icon {
    -ms-grid-column: 18;
    -ms-grid-column-span: 3;
    grid-column-start: 18;
    grid-column-end: 21;
    -ms-grid-row: 1;
    -ms-grid-row-span: 19;
    grid-row-start: 1;
    grid-row-end: 20; }
  .miSigno__img > div {
    background-size: 90px;
    height: 76px;
    width: 90px; } }

.listaSignos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.listaSignos__item {
  border: 1px solid #D9D9D9;
  margin-bottom: 40px;
  padding: 10px 20px 10px 10px;
  width: 100%;
  opacity: 0; }

.listaSignos__item > header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px; }

.listaSignos__item > header > h2 {
  font-size: 18px;
  line-height: 20px;
  margin-top: -10px;
  text-transform: uppercase; }

.listaSignos__item > header > h2 > span {
  font-family: Arial;
  font-size: 12px;
  position: relative;
  top: 3px; }

.listaSignos__item > header > .miSigno__icon {
  position: relative;
  top: 7px;
  right: -10px; }

.listaSignos__item > header > .miSigno__icon > p {
  margin-top: 4px; }

.listaSignos__item__img {
  margin-bottom: 10px; }

.listaSignos__item__img > a {
  background-image: url(../img/Sprite-Horoscopo.png);
  background-size: 100px;
  margin: 0 auto 10px;
  height: 85px;
  width: 102px;
  display: block; }

.listaSignos__item__img > p {
  color: #666;
  font-size: 13px;
  text-align: center; }

.listaSignos__item__descrip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between; }

.listaSignos__item__descrip > p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px; }

.listaSignos__item__descrip > a {
  font-size: 14px;
  line-height: 16px; }

@media screen and (min-width: 1241px) {
  .listaSignos {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; } }

@media screen and (min-width: 1361px) {
  .listaSignos__item {
    width: 279px; } }

@media screen and (max-width: 1360px) and (min-width: 1240px) {
  .listaSignos__item {
    width: 259px; } }

@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .listaSignos {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .listaSignos__item {
    width: 300px; } }

@media screen and (max-width: 1023px) {
  .listaSignos__item__img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;
    width: 100px; }
  .listaSignos__item__descrip {
    display: inline-block;
    padding-top: 5px;
    vertical-align: text-top;
    width: calc(100% - 120px); } }

@media screen and (min-width: 1024px) {
  .listaSignos__item__descrip {
    min-height: 150px; } }

@media screen and (max-width: 767px) {
  .listaSignos__item .bt-conIcon > span {
    display: none; }
  .listaSignos__item__descrip > p {
    font-size: 14px; } }

.\--aries > .listaSignos__item__img > a {
  background-position: center -13px; }

.\--tauro > .listaSignos__item__img > a {
  background-position: center -109px; }

.\--geminis > .listaSignos__item__img > a {
  background-position: center -206px; }

.\--cancer > .listaSignos__item__img > a {
  background-position: center -301px; }

.\--leo > .listaSignos__item__img > a {
  background-position: center -390px; }

.\--virgo > .listaSignos__item__img > a {
  background-position: center -486px; }

.\--libra > .listaSignos__item__img > a {
  background-position: center -581px; }

.\--escorpio > .listaSignos__item__img > a {
  background-position: center -677px; }

.\--sagitario > .listaSignos__item__img > a {
  background-position: center -773px; }

.\--capricornio > .listaSignos__item__img > a {
  background-position: center -870px; }

.\--acuario > .listaSignos__item__img > a {
  background-position: center -966px; }

.\--piscis > .listaSignos__item__img > a {
  background-position: center -1063px; }

.linkOtrosHoroscopos {
  float: right;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-right: 15px;
  margin-bottom: 25px; }

.linkOtrosHoroscopos > span {
  text-transform: uppercase; }

.linkOtrosHoroscopos::before {
  right: 0;
  position: absolute; }

body#page-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh; }
  body#page-error .main-container {
    margin: 0 auto;
    text-align: center;
    max-width: 1024px; }
  body#page-error header .logo {
    margin: 0 auto;
    max-width: 200px; }
    body#page-error header .logo svg {
      fill: #006998;
      width: 100%; }
  body#page-error header h1 {
    font-size: 25px;
    line-height: normal;
    margin-bottom: 25px; }
  body#page-error .btn-home {
    border: 1px solid #0075C4;
    border-radius: 4px;
    color: #0075C4;
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase; }
    body#page-error .btn-home:hover {
      background: #0075C4;
      color: #FFF;
      transition: all 0.3s ease; }
  body#page-error .menu > li {
    display: inline-block;
    margin: 20px 7px; }
    body#page-error .menu > li:nth-child(even) {
      border-left: 2px solid #EEE;
      border-right: 2px solid #EEE;
      margin: 20px 0;
      padding: 0 7px; }
    body#page-error .menu > li a {
      color: #0075c4; }
      body#page-error .menu > li a:hover {
        text-decoration: underline; }
  body#page-error .liniers-horizontal-img > img {
    width: 100%; }
  body#page-error .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 15px;
    min-height: 30px;
    width: 100%;
    max-width: 1024px; }
    body#page-error .footer .copyright {
      color: #666; }
    body#page-error .footer .humor {
      font-family: SuecaSlab; }
      body#page-error .footer .humor a {
        color: #0075C4; }
  @media (max-width: 1023px) {
    body#page-error {
      background-image: url(../img/Liniers-Vertical.jpg);
      background-position: bottom 40px right 15px;
      background-repeat: no-repeat;
      background-size: 50%; }
      body#page-error .main-container {
        margin-right: 15px;
        margin-left: 15px;
        text-align: left; }
      body#page-error header .logo {
        margin: 0; }
      body#page-error .menu {
        text-align: left; }
        body#page-error .menu li {
          display: block;
          margin-right: 0;
          margin-left: 0; }
          body#page-error .menu li:nth-child(even) {
            border: 0;
            padding: 0; }
      body#page-error .liniers-horizontal-img > img {
        display: none; }
      body#page-error .footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        margin-top: auto; }
        body#page-error .footer .humor {
          display: none; } }
  @media (max-width: 767px) {
    body#page-error .footer .copyright {
      font-size: 11px; } }
  body#page-error .hidden {
    display: none !important; }
  @media (max-width: 1023px) {
    body#page-error .hidden {
      display: block !important; } }

article.page-feriados > header {
  margin-bottom: 30px; }
  article.page-feriados > header > h1 {
    margin-bottom: 25px; }
  @media screen and (min-width: 1260px) {
    article.page-feriados > header > h1 {
      font-size: 37px; } }
  @media screen and (min-width: 1024px) and (max-width: 1259px) {
    article.page-feriados > header > h1 {
      font-size: 35px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    article.page-feriados > header > h1 {
      font-size: 29px; } }
  @media screen and (min-width: 310px) and (max-width: 767px) {
    article.page-feriados > header > h1 {
      font-size: 25px; } }

.page-feriados-mensual .calendario__guia {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .page-feriados-mensual .calendario__guia {
      text-align: left; } }

.page-feriados-mensual .calendario-mensual {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .page-feriados-mensual .calendario-mensual .calendario-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 125px;
    width: 150px; }
    .page-feriados-mensual .calendario-mensual .calendario-arrow > p {
      font-size: 19px;
      margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .page-feriados-mensual .calendario-mensual .calendario-arrow {
        display: none; } }

#monthly-calendar-grid {
  display: -webkit-grid;
  display: -ms-grid;
  display: grid; }
  @media screen and (min-width: 768px) {
    #monthly-calendar-grid {
      -ms-grid-columns: 150px auto 150px;
      grid-template-columns: 150px auto 150px; }
      #monthly-calendar-grid .calendario,
      #monthly-calendar-grid .calendario-arrow {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row-start: 1;
        grid-row-end: auto; }
      #monthly-calendar-grid .calendario-arrow.calendario-arrow-left {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column-start: 1;
        grid-column-end: auto; }
      #monthly-calendar-grid .calendario {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column-start: 2;
        grid-column-end: auto; }
      #monthly-calendar-grid .calendario-arrow.calendario-arrow-right {
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
        grid-column-start: 3;
        grid-column-end: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #monthly-calendar-grid {
      -ms-grid-columns: repeat(2, auto);
      grid-template-columns: repeat(2, auto); }
      #monthly-calendar-grid .calendario {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row-start: 1;
        grid-row-end: auto;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column-start: 1;
        grid-column-end: span 2; }
      #monthly-calendar-grid .calendario-arrow {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row-start: 2;
        grid-row-end: auto;
        margin: 0; }
      #monthly-calendar-grid .calendario-arrow.calendario-arrow-left {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column-start: 1;
        grid-column-end: auto; }
      #monthly-calendar-grid .calendario-arrow.calendario-arrow-right {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column-start: 2;
        grid-column-end: auto; } }

.header__titulo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px; }

@media screen and (min-width: 1260px) {
  .header__titulo > h1 {
    font-size: 37px;
    line-height: 45px; } }

@media screen and (min-width: 1024px) and (max-width: 1259px) {
  .header__titulo > h1 {
    font-size: 35px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__titulo > h1 {
    font-size: 29px;
    line-height: 39px; } }

@media screen and (min-width: 310px) and (max-width: 767px) {
  .header__titulo {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .header__titulo > h1 {
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 10px; } }

/*==================================
--------------ITEM SIGNO------------
====================================*/
.header__titulo__share > button {
  margin-right: 25px;
  height: 32px; }

.header__titulo__share > button::before {
  font-size: 18px; }

.header__titulo__share > button > span {
  top: 35px; }

.header__titulo__share {
  width: 200px;
  flex-shrink: 0; }

@media screen and (min-width: 768px) {
  .header__titulo__share {
    text-align: right; } }

@media screen and (max-width: 767px) {
  .header__titulo__share > button > span {
    visibility: hidden; }
  .header__titulo__share > button {
    margin-right: 10px; } }

/*-----------------*/
/*------HOY-------*/
.hoy {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.hoy > .tituloConAutor {
  flex-basis: 100%; }

.hoy > .tituloConAutor > h3 {
  max-width: 70%; }

.hoy > header > button {
  position: absolute;
  top: 15px;
  right: 30px; }

.hoy > header > form > .icon-seguir {
  position: absolute;
  top: 20px;
  right: 25px; }

.hoy > header > .miSigno__icon {
  position: absolute;
  top: 25px;
  right: 15px; }

.hoy > header > .miSigno__icon > p {
  margin-top: 4px; }

.hoy__img {
  flex-basis: 155px;
  text-align: center;
  font-size: 13px;
  color: #666666; }

.hoy__img > div {
  background-image: url(../img/sprite-horoscopo.png);
  margin: 0 auto; }

.hoy__descrip {
  flex-basis: calc(95% - 155px - 20px); }

@media screen and (max-width: 1023px) {
  .hoy {
    flex-flow: column; }
  .hoy__img {
    flex-basis: 130px; }
  .hoy__img > div {
    background-size: 115px;
    width: 110px;
    height: 100px; }
  /*img signo*/
  .hoy.\--aries > .hoy__img > div {
    background-position: center -13px; }
  .hoy.\--tauro > .hoy__img > div {
    background-position: center -125px; }
  .hoy.\--geminis > .hoy__img > div {
    background-position: center -236px; }
  .hoy.\--cancer > .hoy__img > div {
    background-position: center -346px; }
  .hoy.\--leo > .hoy__img > div {
    background-position: center -450px; }
  .hoy.\--virgo > .hoy__img > div {
    background-position: center -557px; }
  .hoy.\--libra > .hoy__img > div {
    background-position: center -668px; }
  .hoy.\--escorpio > .hoy__img > div {
    background-position: center -779px; }
  .hoy.\--sagitario > .hoy__img > div {
    background-position: center -887px; }
  .hoy.\--capricornio > .hoy__img > div {
    background-position: center -998px; }
  .hoy.\--acuario > .hoy__img > div {
    background-position: center -1108px; }
  .hoy.\--piscis > .hoy__img > div {
    background-position: center -1218px; } }

@media screen and (min-width: 1024px) {
  .hoy {
    flex-flow: wrap; }
  .hoy__img {
    margin-right: 20px;
    flex-basis: 155px; }
  .hoy__img > div {
    background-size: 155px;
    width: 155px;
    height: 130px; }
  /*img signo*/
  .hoy.\--aries > .hoy__img > div {
    background-position: center -25px; }
  .hoy.\--tauro > .hoy__img > div {
    background-position: center -173px; }
  .hoy.\--geminis > .hoy__img > div {
    background-position: center -321px; }
  .hoy.\--cancer > .hoy__img > div {
    background-position: center -467px; }
  .hoy.\--leo > .hoy__img > div {
    background-position: center -612px; }
  .hoy.\--virgo > .hoy__img > div {
    background-position: center -758px; }
  .hoy.\--libra > .hoy__img > div {
    background-position: center -902px; }
  .hoy.\--escorpio > .hoy__img > div {
    background-position: center -1050px; }
  .hoy.\--sagitario > .hoy__img > div {
    background-position: center -1198px; }
  .hoy.\--capricornio > .hoy__img > div {
    background-position: center -1346px; }
  .hoy.\--acuario > .hoy__img > div {
    background-position: center -1496px; }
  .hoy.\--piscis > .hoy__img > div {
    background-position: center -1645px; } }

/*----------------*/
/*-----SEMANAL-----*/
.semanal {
  margin-bottom: 30px; }

/*-----------------*/
/*-----OTROS SIGNOS------*/
.otrosSignos {
  padding: 30px 20px 0;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px; }

.otrosSignos > h4 {
  font-size: 16px; }

.otrosSignos__lista {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 20px; }

.otrosSignos__lista__signo {
  text-align: center;
  margin-bottom: 40px;
  opacity: 0; }

.otrosSignos__lista__signo > a > div {
  margin: 0 auto 5px;
  background-image: url(../img/sprite-horoscopo.png); }

.otrosSignos__lista__signo > a > p {
  font-size: 14px; }

.otrosSignos__lista__signo > a > span {
  font-size: 12px;
  color: #666; }

@media screen and (min-width: 1240px) {
  .otrosSignos__lista__signo {
    width: 16%; } }

@media screen and (max-width: 1239px) and (min-width: 1024px) {
  .otrosSignos__lista__signo {
    width: 25%; } }

@media screen and (max-width: 1023px) {
  .otrosSignos__lista__signo {
    width: 33%; } }

@media screen and (max-width: 767px) and (min-width: 310px) {
  .otrosSignos__lista__signo > a > div {
    width: 50px;
    height: 50px;
    background-size: 53px; }
  /*img signos*/
  .otrosSignos__lista__signo.\--aries > a > div {
    background-position: center -1px; }
  .otrosSignos__lista__signo.\--tauro > a > div {
    background-position: center -52px; }
  .otrosSignos__lista__signo.\--geminis > a > div {
    background-position: center -103px; }
  .otrosSignos__lista__signo.\--cancer > a > div {
    background-position: center -154px; }
  .otrosSignos__lista__signo.\--leo > a > div {
    background-position: center -203px; }
  .otrosSignos__lista__signo.\--virgo > a > div {
    background-position: center -252px; }
  .otrosSignos__lista__signo.\--libra > a > div {
    background-position: center -303px; }
  .otrosSignos__lista__signo.\--escorpio > a > div {
    background-position: center -353px; }
  .otrosSignos__lista__signo.\--sagitario > a > div {
    background-position: center -403px; }
  .otrosSignos__lista__signo.\--capricornio > a > div {
    background-position: center -454px; }
  .otrosSignos__lista__signo.\--acuario > a > div {
    background-position: center -505px; }
  .otrosSignos__lista__signo.\--piscis > a > div {
    background-position: center -557px; } }

@media screen and (min-width: 768px) {
  .otrosSignos__lista__signo > a > div {
    width: 75px;
    height: 75px;
    background-size: 80px; }
  /*img signos*/
  .otrosSignos__lista__signo.\--aries > a > div {
    background-position: center -2px; }
  .otrosSignos__lista__signo.\--tauro > a > div {
    background-position: center -79px; }
  .otrosSignos__lista__signo.\--geminis > a > div {
    background-position: center -156px; }
  .otrosSignos__lista__signo.\--cancer > a > div {
    background-position: center -233px; }
  .otrosSignos__lista__signo.\--leo > a > div {
    background-position: center -307px; }
  .otrosSignos__lista__signo.\--virgo > a > div {
    background-position: center -380px; }
  .otrosSignos__lista__signo.\--libra > a > div {
    background-position: center -455px; }
  .otrosSignos__lista__signo.\--escorpio > a > div {
    background-position: center -532px; }
  .otrosSignos__lista__signo.\--sagitario > a > div {
    background-position: center -609px; }
  .otrosSignos__lista__signo.\--capricornio > a > div {
    background-position: center -684px; }
  .otrosSignos__lista__signo.\--acuario > a > div {
    background-position: center -762px; }
  .otrosSignos__lista__signo.\--piscis > a > div {
    background-position: center -839px; } }

/*-----------------*/
/*-------MI Signo--------*/
.chino > .miSigno > h2 > b {
  font-family: "suecaslabbold"; }

.chino .miSigno__img > div {
  background-image: url(../img/sprite-horoscopo-chino.png); }

@media screen and (min-width: 1024px) {
  /*---img signo destacado--*/
  .\--rata > .miSigno__img > div {
    background-position: center -18px; }
  .\--bufalo > .miSigno__img > div {
    background-position: center -144px; }
  .\--tigre > .miSigno__img > div {
    background-position: center -267px; }
  .\--liebre > .miSigno__img > div {
    background-position: center -393px; }
  .\--dragon > .miSigno__img > div {
    background-position: center -516px; }
  .\--serpiente > .miSigno__img > div {
    background-position: center -633px; }
  .\--caballo > .miSigno__img > div {
    background-position: center -757px; }
  .\--cabra > .miSigno__img > div {
    background-position: center -881px; }
  .\--mono > .miSigno__img > div {
    background-position: center -1005px; }
  .\--gallo > .miSigno__img > div {
    background-position: center -1129px; }
  .\--perro > .miSigno__img > div {
    background-position: center -1253px; }
  .\--jabali > .miSigno__img > div {
    background-position: center -1379px; } }

@media screen and (max-width: 1023px) {
  /*---img signo destacado--*/
  .\--rata > .miSigno__img > div {
    background-position: center -10px; }
  .\--bufalo > .miSigno__img > div {
    background-position: center -99px; }
  .\--tigre > .miSigno__img > div {
    background-position: center -186px; }
  .\--liebre > .miSigno__img > div {
    background-position: center -273px; }
  .\--dragon > .miSigno__img > div {
    background-position: center -354px; }
  .\--serpiente > .miSigno__img > div {
    background-position: center -439px; }
  .\--caballo > .miSigno__img > div {
    background-position: center -521px; }
  .\--cabra > .miSigno__img > div {
    background-position: center -608px; }
  .\--mono > .miSigno__img > div {
    background-position: center -696px; }
  .\--gallo > .miSigno__img > div {
    background-position: center -780px; }
  .\--perro > .miSigno__img > div {
    background-position: center -867px; }
  .\--jabali > .miSigno__img > div {
    background-position: center -954px; } }

@media screen and (max-width: 767px) and (min-width: 310px) {
  .chino > .miSigno {
    display: flex;
    flex-flow: column;
    padding: 20px;
    align-items: center; }
  .chino .miSigno__img {
    margin-bottom: 0; }
  .chino > .miSigno > h2 {
    margin-bottom: 10px; } }

/*-----------------*/
/*-------LISTA SIGNOS--------*/
.chino .listaSignos__item__img > a {
  background-image: url(../img/sprite-horoscopo-chino.png); }

/*---img signos item---*/
.\--rata > .listaSignos__item__img > a {
  background-position: center -13px; }

.\--bufalo > .listaSignos__item__img > a {
  background-position: center -109px; }

.\--tigre > .listaSignos__item__img > a {
  background-position: center -206px; }

.\--liebre > .listaSignos__item__img > a {
  background-position: center -301px; }

.\--dragon > .listaSignos__item__img > a {
  background-position: center -390px; }

.\--serpiente > .listaSignos__item__img > a {
  background-position: center -486px; }

.\--caballo > .listaSignos__item__img > a {
  background-position: center -581px; }

.\--cabra > .listaSignos__item__img > a {
  background-position: center -677px; }

.\--mono > .listaSignos__item__img > a {
  background-position: center -773px; }

.\--gallo > .listaSignos__item__img > a {
  background-position: center -870px; }

.\--perro > .listaSignos__item__img > a {
  background-position: center -966px; }

.\--jabali > .listaSignos__item__img > a {
  background-position: center -1063px; }

@media screen and (min-width: 1024px) {
  .chino .listaSignos__item > header {
    justify-content: center;
    text-align: center; }
  .chino .listaSignos__item__descrip {
    min-height: 90px; } }

@media screen and (max-width: 1023px) {
  .chino .listaSignos__item {
    grid-template-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-rows: auto;
    display: -webkit-grid;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .chino .listaSignos__item > header {
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    grid-column-start: 7;
    grid-column-end: 20;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-bottom: 0;
    margin-top: 5px; }
  .chino .listaSignos__item__img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column-start: 1;
    grid-column-end: 6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 9;
    grid-row-start: 1;
    grid-row-end: 10; }
  .chino .listaSignos__item__descrip {
    -ms-grid-column: 7;
    -ms-grid-column-span: 13;
    grid-column-start: 7;
    grid-column-end: 20;
    -ms-grid-row: 3;
    -ms-grid-row-span: 6;
    grid-row-start: 3;
    grid-row-end: 9;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .chino .listaSignos__item > header {
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    grid-column-start: 9;
    grid-column-end: 20;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-bottom: 0;
    margin-top: 5px; }
  .chino .listaSignos__item__img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column-start: 1;
    grid-column-end: 6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 9;
    grid-row-start: 1;
    grid-row-end: 10; }
  .chino .listaSignos__item__descrip {
    -ms-grid-column: 9;
    -ms-grid-column-span: 11;
    grid-column-start: 9;
    grid-column-end: 20;
    -ms-grid-row: 3;
    -ms-grid-row-span: 6;
    grid-row-start: 3;
    grid-row-end: 9;
    width: 100%; }
  .chino .listaSignos__item > header > h2 > span {
    top: 0; } }

/*-----------------*/
/*_-------HOY--------*/
.chino .hoy {
  padding-top: 40px; }

.chino .hoy__img {
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  text-align: left; }

.chino .hoy__img > div {
  background-image: url(../img/sprite-horoscopo-chino.png); }

.chino .hoy__img h5 {
  margin-bottom: 10px; }

.chino .hoy__img p {
  line-height: 24px; }

.chino .hoy__descrip > h4 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px; }

.chino .hoy__descrip > p + h4 {
  margin-top: 40px; }

@media screen and (max-width: 1023px) {
  .chino .hoy__img {
    display: flex;
    margin-bottom: 20px;
    flex-basis: auto; }
  .chino .hoy__img > div {
    margin-right: 20px; }
  .chino .hoy__descrip > h4 {
    font-size: 16px;
    line-height: 20px; }
  .chino .hoy__img > article {
    width: calc(100% - 110px); }
  /*img signo*/
  .hoy.\--rata > .hoy__img > div {
    background-position: center -13px; }
  .hoy.\--bufalo > .hoy__img > div {
    background-position: center -125px; }
  .hoy.\--tigre > .hoy__img > div {
    background-position: center -236px; }
  .hoy.\--liebre > .hoy__img > div {
    background-position: center -346px; }
  .hoy.\--dragon > .hoy__img > div {
    background-position: center -450px; }
  .hoy.\--serpiente > .hoy__img > div {
    background-position: center -557px; }
  .hoy.\--caballo > .hoy__img > div {
    background-position: center -668px; }
  .hoy.\--cabra > .hoy__img > div {
    background-position: center -779px; }
  .hoy.\--mono > .hoy__img > div {
    background-position: center -887px; }
  .hoy.\--gallo > .hoy__img > div {
    background-position: center -998px; }
  .hoy.\--perro > .hoy__img > div {
    background-position: center -1108px; }
  .hoy.\--jabali > .hoy__img > div {
    background-position: center -1218px; } }

@media screen and (min-width: 1024px) {
  .hoy {
    flex-flow: wrap; }
  .hoy__img {
    margin-right: 20px;
    flex-basis: 155px; }
  /*img signo*/
  .hoy.\--rata > .hoy__img > div {
    background-position: center -25px; }
  .hoy.\--bufalo > .hoy__img > div {
    background-position: center -173px; }
  .hoy.\--tigre > .hoy__img > div {
    background-position: center -321px; }
  .hoy.\--liebre > .hoy__img > div {
    background-position: center -467px; }
  .hoy.\--dragon > .hoy__img > div {
    background-position: center -612px; }
  .hoy.\--serpiente > .hoy__img > div {
    background-position: center -758px; }
  .hoy.\--caballo > .hoy__img > div {
    background-position: center -902px; }
  .hoy.\--cabra > .hoy__img > div {
    background-position: center -1050px; }
  .hoy.\--mono > .hoy__img > div {
    background-position: center -1198px; }
  .hoy.\--gallo > .hoy__img > div {
    background-position: center -1346px; }
  .hoy.\--perro > .hoy__img > div {
    background-position: center -1496px; }
  .hoy.\--jabali > .hoy__img > div {
    background-position: center -1645px; } }

/*----------------------*/
/*--------OTROS Signos--------*/
.chino .otrosSignos__lista__signo > a > div {
  background-image: url(../img/sprite-horoscopo-chino.png); }

@media screen and (max-width: 767px) and (min-width: 310px) {
  /*img signos*/
  .otrosSignos__lista__signo.\--rata > a > div {
    background-position: center -1px; }
  .otrosSignos__lista__signo.\--bufalo > a > div {
    background-position: center -52px; }
  .otrosSignos__lista__signo.\--tigre > a > div {
    background-position: center -103px; }
  .otrosSignos__lista__signo.\--liebre > a > div {
    background-position: center -154px; }
  .otrosSignos__lista__signo.\--dragon > a > div {
    background-position: center -203px; }
  .otrosSignos__lista__signo.\--serpiente > a > div {
    background-position: center -252px; }
  .otrosSignos__lista__signo.\--caballo > a > div {
    background-position: center -303px; }
  .otrosSignos__lista__signo.\--cabra > a > div {
    background-position: center -353px; }
  .otrosSignos__lista__signo.\--mono > a > div {
    background-position: center -403px; }
  .otrosSignos__lista__signo.\--gallo > a > div {
    background-position: center -454px; }
  .otrosSignos__lista__signo.\--perro > a > div {
    background-position: center -505px; }
  .otrosSignos__lista__signo.\--jabali > a > div {
    background-position: center -557px; } }

@media screen and (min-width: 768px) {
  /*img signos*/
  .otrosSignos__lista__signo.\--rata > a > div {
    background-position: center -2px; }
  .otrosSignos__lista__signo.\--bufalo > a > div {
    background-position: center -79px; }
  .otrosSignos__lista__signo.\--tigre > a > div {
    background-position: center -156px; }
  .otrosSignos__lista__signo.\--liebre > a > div {
    background-position: center -233px; }
  .otrosSignos__lista__signo.\--dragon > a > div {
    background-position: center -307px; }
  .otrosSignos__lista__signo.\--serpiente > a > div {
    background-position: center -380px; }
  .otrosSignos__lista__signo.\--caballo > a > div {
    background-position: center -455px; }
  .otrosSignos__lista__signo.\--cabra > a > div {
    background-position: center -532px; }
  .otrosSignos__lista__signo.\--mono > a > div {
    background-position: center -609px; }
  .otrosSignos__lista__signo.\--gallo > a > div {
    background-position: center -684px; }
  .otrosSignos__lista__signo.\--perro > a > div {
    background-position: center -762px; }
  .otrosSignos__lista__signo.\--jabali > a > div {
    background-position: center -839px; } }

/*----------------------*/

/*# sourceMappingURL=078288b43045359ba3b0af293ac9f418.min.css.map*/