@charset "UTF-8";
@font-face {
  font-family: 'Calibre-Black';
  src: url("/fonts/Calibre-Black.eot");
  src: local("☺"), url("/fonts/Calibre-Black.woff") format("woff"), url("/fonts/Calibre-Black.ttf") format("truetype"), url("/fonts/Calibre-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre-BlackItalic';
  src: url("/fonts/Calibre-BlackItalic.eot");
  src: local("☺"), url("/fonts/Calibre-BlackItalic.woff") format("woff"), url("/fonts/Calibre-BlackItalic.ttf") format("truetype"), url("/fonts/Calibre-BlackItalic.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre-Bold';
  src: url("/fonts/calibre-bold.eot");
  src: local("☺"), url("/fonts/calibre-bold.woff") format("woff"), url("/fonts/calibre-bold.ttf") format("truetype"), url("/fonts/calibre-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre-BoldItalic';
  src: url("/fonts/calibre-bolditalic.eot");
  src: local("☺"), url("/fonts/calibre-bolditalic.woff") format("woff"), url("/fonts/calibre-bolditalic.ttf") format("truetype"), url("/fonts/calibre-bolditalic.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre-Light';
  src: url("/fonts/calibre-light.eot");
  src: local("☺"), url("/fonts/calibre-light.woff") format("woff"), url("/fonts/calibre-light.ttf") format("truetype"), url("/fonts/calibre-light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre-LightItalic';
  src: url("/fonts/calibre-lightitalic.eot");
  src: local("☺"), url("/fonts/calibre-lightitalic.woff") format("woff"), url("/fonts/calibre-lightitalic.ttf") format("truetype"), url("/fonts/calibre-lightitalic.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Calibre';
  src: url("/fonts/calibre-regular.eot");
  src: local("☺"), url("/fonts/calibre-regular.woff") format("woff"), url("/fonts/calibre-regular.ttf") format("truetype"), url("/fonts/calibre-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display-Black';
  src: url("/fonts/PlayfairDisplay-Black.eot");
  src: url("/fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-Black.woff2") format("woff2"), url("/fonts/PlayfairDisplay-Black.woff") format("woff"), url("/fonts/PlayfairDisplay-Black.ttf") format("truetype"), url("/fonts/PlayfairDisplay-Black.svg#PlayfairDisplay-Black") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display-Bold';
  src: url("/fonts/PlayfairDisplay-Bold.eot");
  src: url("/fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("/fonts/PlayfairDisplay-Bold.woff") format("woff"), url("/fonts/PlayfairDisplay-Bold.ttf") format("truetype"), url("/fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display-BlackItalic';
  src: url("/fonts/PlayfairDisplay-BlackItalic.eot");
  src: url("/fonts/PlayfairDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"), url("/fonts/PlayfairDisplay-BlackItalic.woff") format("woff"), url("/fonts/PlayfairDisplay-BlackItalic.ttf") format("truetype"), url("/fonts/PlayfairDisplay-BlackItalic.svg#PlayfairDisplay-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'Playfair Display-BoldItalic';
  src: url("/fonts/PlayfairDisplay-BoldItalic.eot");
  src: url("/fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"), url("/fonts/PlayfairDisplay-BoldItalic.woff") format("woff"), url("/fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype"), url("/fonts/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Playfair Display-Italic';
  src: url("/fonts/PlayfairDisplay-Italic.eot");
  src: url("/fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("/fonts/PlayfairDisplay-Italic.woff") format("woff"), url("/fonts/PlayfairDisplay-Italic.ttf") format("truetype"), url("/fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Playfair Display-Regular';
  src: url("/fonts/PlayfairDisplay-Regular.eot");
  src: url("/fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("/fonts/PlayfairDisplay-Regular.woff") format("woff"), url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype"), url("/fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Work Sans';
  src: url("/fonts/WorkSans-Thin.eot");
  src: url("/fonts/WorkSans-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/WorkSans-Thin.woff2") format("woff2"), url("/fonts/WorkSans-Thin.woff") format("woff"), url("/fonts/WorkSans-Thin.ttf") format("truetype"), url("/fonts/WorkSans-Thin.svg#WorkSans-Thin") format("svg");
  font-weight: 100;
  font-style: normal; }
.titulo {
  font-family: 'Calibre-BlackItalic';
  font-size: 50px;
  line-height: 0.9; }

.titulo2 {
  line-height: 0.9;
  font-family: 'Calibre-Bold';
  font-size: 50px;
  line-height: 0.9; }

.text {
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Calibre-Light'; }

.text2 {
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Calibre-Bold'; }

.sub {
  line-height: 1;
  font-size: 32px;
  font-family: 'Calibre-Bold'; }

.title-posts {
  line-height: 1;
  font-size: 28px;
  font-family: 'Calibre-BoldItalic'; }

.subitalic {
  line-height: 50px;
  font-size: 32px;
  font-family: 'Calibre-BoldItalic'; }

.sub2 {
  line-height: 1;
  font-size: 23px;
  font-family: 'Calibre-Bold'; }

.sub3 {
  line-height: 40px;
  font-size: 30px;
  font-family: 'Playfair Display-Bold'; }

.btns {
  width: 160px;
  height: 40px;
  border-radius: 6px;
  background-color: black;
  color: white; }

.yehellowbg {
  background-color: #fbe002; }

.yehellowlt {
  color: #fbe002; }

.fecha {
  font-size: 15px;
  display: inline-block;
  font-family: 'Calibre-Light'; }

.fechadown {
  padding-top: 15px;
  font-size: 14px;
  display: flex;
  font-family: 'Calibre-Light'; }

.fechadown2 {
  padding-top: 15px;
  font-size: 15px;
  font-family: 'Playfair Display-Regular'; }

.category2 {
  font-family: 'Playfair Display-Bold';
  padding-top: 15px;
  font-size: 22px; }

.paddingsub {
  padding-top: 15px; }

.fblink {
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Calibre-Bold';
  text-decoration: underline;
  text-align: right; }

.blanco {
  color: white; }

.negro {
  color: white; }

.bgblanco {
  background-color: white; }

.bgnegro {
  background-color: black; }

.container-botw {
  height: 37.5vw;
  position: relative; }
  @media (max-width: 992px) {
    .container-botw {
      height: 100vh; } }

.videoContainer {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: black; }

#autorbotw {
  z-index: 4;
  font-size: 15px;
  font-family: 'Playfair Display-Regular';
  left: 50%;
  top: 91%;
  transform: translate(-50%, -50%); }
  @media (max-width: 992px) {
    #autorbotw {
      top: 90%; } }

#etiquetabotw {
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  color: white; }
  @media (max-width: 992px) {
    #etiquetabotw {
      top: 65%;
      width: 80%;
      font-size: 35px; } }
  #etiquetabotw:focus, #etiquetabotw:visited {
    color: white !important; }

#categoriabotw {
  z-index: 4;
  font-family: 'Calibre-Black';
  font-size: 22px;
  left: 50%;
  top: 30px;
  transform: translateX(-50%); }
  @media (max-width: 992px) {
    #categoriabotw {
      top: 40%; } }

#fechabotw {
  z-index: 4;
  font-size: 15px;
  font-family: 'Calibre';
  left: 90%;
  top: 49%;
  transform: translateX(-50%); }
  @media (max-width: 992px) {
    #fechabotw {
      width: 100%;
      top: 45%;
      left: 0;
      transform: translateX(0%);
      text-align: center; } }

#listabotw {
  z-index: 4;
  font-family: 'Calibre-BoldItalic';
  font-size: 32px;
  left: 8%;
  top: 32%;
  position: absolute; }
  @media (max-width: 992px) {
    #listabotw {
      left: 50%;
      top: 54%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 22px;
      width: 100%; } }

iframe {
  /* optional */
  width: 100%;
  height: 100%; }

.txtoverlay {
  position: absolute;
  z-index: 3; }

.gradiente {
  position: relative;
  z-index: 2;
  background: black;
  background: -moz-linear-gradient(90deg, black 7%, rgba(0, 0, 0, 0.8603816527) 24%, rgba(0, 0, 0, 0) 74%);
  background: -webkit-linear-gradient(90deg, black 7%, rgba(0, 0, 0, 0.8603816527) 24%, rgba(0, 0, 0, 0) 74%);
  background: linear-gradient(90deg, black 7%, rgba(0, 0, 0, 0.8603816527) 34%, rgba(0, 0, 0, 0) 94%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); }

.titulovideo {
  z-index: 4;
  font-family: 'Calibre-Black';
  font-size: 90px;
  line-height: .9; }
  .titulovideo:hover {
    color: white !important;
    text-decoration: underline; }
  @media (max-width: 992px) {
    .titulovideo {
      font-size: 55px; } }

a:hover {
  color: white;
  text-decoration: underline; }

.linkactivo {
  text-decoration: underline; }

.botones {
  z-index: 4;
  position: absolute;
  left: 92%;
  top: 28px;
  transform: translateX(-50%);
  width: 100px;
  height: 20px; }

.play {
  z-index: 5;
  top: 2px;
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url("/svg/play-arrow.svg");
  background-size: contain; }

.pause {
  z-index: 5;
  top: 2px;
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url("/svg/pause-button.svg");
  background-size: contain; }

.special-foto-div {
  height: 37.5vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 768px) {
    .special-foto-div {
      height: 65.5vw; } }

.botonesvideo {
  display: block; }
  @media (max-width: 992px) {
    .botonesvideo {
      line-height: 1.5; } }

/*# sourceMappingURL=botw.css.map */