@font-face {
  font-family: 'made_tommybold';
  src: url("../fonts/made_tommy_bold_personal_use-webfont.woff2") format("woff2"), url("../fonts/made_tommy_bold_personal_use-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'made_tommymedium';
  src: url("../fonts/made_tommy_medium_personal_use-webfont.woff2") format("woff2"), url("../fonts/made_tommy_medium_personal_use-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'made_tommylight';
  src: url("../fonts/made_tommy_light_personal_use-webfont.woff2") format("woff2"), url("../fonts/made_tommy_light_personal_use-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.container-elecciones-2022 {
  font-family: 'made_tommymedium'; }
  .container-elecciones-2022 > hr {
    border-top: 3px solid #222150;
    margin-bottom: 0; }
  .container-elecciones-2022 .content {
    background-image: url("../images/bg-desktop.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 201px;
    width: 100%;
    position: relative; }
    @media screen and (max-width: 820px) {
      .container-elecciones-2022 .content {
        background-image: url("../images/bg-tablet.png");
        min-height: 301px; } }
    @media screen and (max-width: 560px) {
      .container-elecciones-2022 .content {
        background-image: url("../images/bg-movil.png");
        min-height: 448px; } }
    .container-elecciones-2022 .content .contain {
      width: 77%;
      left: 23%;
      position: absolute;
      top: 0;
      height: 100%; }
      @media screen and (max-width: 820px) {
        .container-elecciones-2022 .content .contain {
          width: 100%;
          left: 0; } }
      .container-elecciones-2022 .content .contain .content-logo {
        display: none; }
        @media screen and (max-width: 820px) {
          .container-elecciones-2022 .content .contain .content-logo {
            display: block;
            width: 100%;
            text-align: center;
            padding-top: 30px;
            padding-bottom: 0; } }
        @media screen and (max-width: 560px) {
          .container-elecciones-2022 .content .contain .content-logo {
            padding-top: 15px; } }
      .container-elecciones-2022 .content .contain .content-row {
        float: left;
        width: 80%;
        height: 100%; }
        @media screen and (max-width: 820px) {
          .container-elecciones-2022 .content .contain .content-row {
            width: 90%;
            margin-left: 5%;
            height: auto;
            padding-top: 15px; } }
        @media screen and (max-width: 560px) {
          .container-elecciones-2022 .content .contain .content-row {
            width: 62%;
            margin-left: 20%; } }
        .container-elecciones-2022 .content .contain .content-row .data-elecciones {
          width: 95%;
          height: 100%;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          .container-elecciones-2022 .content .contain .content-row .data-elecciones .data {
            display: inline-block;
            width: 32%;
            vertical-align: middle;
            background-color: #222150;
            border-radius: 20px;
            color: #fff;
            padding: 15px 10px;
            text-align: center; }
            @media screen and (max-width: 820px) {
              .container-elecciones-2022 .content .contain .content-row .data-elecciones .data {
                padding: 10px; } }
            @media screen and (max-width: 560px) {
              .container-elecciones-2022 .content .contain .content-row .data-elecciones .data {
                width: 100%;
                margin-bottom: 10px; } }
            .container-elecciones-2022 .content .contain .content-row .data-elecciones .data p {
              font-size: 18px;
              font-family: 'made_tommylight';
              margin-bottom: 10px;
              line-height: 1; }
              @media screen and (max-width: 820px) {
                .container-elecciones-2022 .content .contain .content-row .data-elecciones .data p {
                  font-size: 15px;
                  margin-bottom: 5px; } }
            .container-elecciones-2022 .content .contain .content-row .data-elecciones .data h3 {
              font-family: 'made_tommybold';
              font-size: 45px;
              line-height: 1;
              margin: 0; }
              @media screen and (max-width: 820px) {
                .container-elecciones-2022 .content .contain .content-row .data-elecciones .data h3 {
                  font-size: 35px; } }
      .container-elecciones-2022 .content .contain .action {
        float: left;
        width: 20%;
        height: 100%; }
        @media screen and (max-width: 820px) {
          .container-elecciones-2022 .content .contain .action {
            width: 100%;
            height: auto;
            padding-top: 15px; } }
        @media screen and (max-width: 560px) {
          .container-elecciones-2022 .content .contain .action {
            padding-top: 0; } }
        .container-elecciones-2022 .content .contain .action .center-vertical {
          width: 100%;
          height: 100%;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          .container-elecciones-2022 .content .contain .action .center-vertical img.img-responsive {
            max-width: 100%;
            height: auto; }
            @media screen and (max-width: 820px) {
              .container-elecciones-2022 .content .contain .action .center-vertical img.img-responsive {
                max-width: 240px; } }
  .container-elecciones-2022 .content-options {
    padding-top: 30px; }
    @media screen and (max-width: 560px) {
      .container-elecciones-2022 .content-options {
        padding-bottom: 15px; } }
    .container-elecciones-2022 .content-options .contain ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .container-elecciones-2022 .content-options .contain ul li {
        border-bottom: 1px solid #222150;
        color: #222150;
        position: relative;
        cursor: pointer;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
        @media screen and (max-width: 560px) {
          .container-elecciones-2022 .content-options .contain ul li {
            width: 45%;
            margin-bottom: 15px; } }
        .container-elecciones-2022 .content-options .contain ul li.active, .container-elecciones-2022 .content-options .contain ul li:hover {
          border-bottom-color: #AF1A3C;
          color: #AF1A3C; }
          .container-elecciones-2022 .content-options .contain ul li.active:after, .container-elecciones-2022 .content-options .contain ul li:hover:after {
            content: "";
            display: block;
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 100%;
            background-image: url("../images/triangulo-rojo.png");
            height: 17px;
            background-size: 17px 11px;
            background-repeat: no-repeat;
            background-position: center; }

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