@charset "utf-8";
:root {
  --main-theme-color      : #D60524;
  --main-foreground-color : #D60524;
  --footer-bg-color       : #F7F7F7;
  --gray                  : #DDD;
  --black                 : #333;
}

textarea {
  resize : none;
}

/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select,
  textarea,
  input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }
}

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

input[type=password].verificado,
input[type=text].verificado {
}

input[type="password"].incorrecto,
input[type="text"].incorrecto {
  border-color : rgba(253, 13, 13, .5);
  outline      : 0;
  box-shadow   : inset 0px 0px 10px 0px rgba(253, 13, 13, .2);
}

.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
  display  : block;
}

.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;
}

.bg-main {
  background-color : var(--main-theme-color);
}

.containerLookup {
  background-color : var(--main-theme-color);
  height           : 300px;
  text-align       : center;
}

.containerLookup .searchBar {
  display  : inline-block;
  top      : 131px;
  position : relative;
}

.containerLookup .searchBar .input-search {
  width         : 60%;
  display       : inline-block;
  border-radius : 20px !important;
}

.container-fluid {
  /*! padding : 0; */
}

.row {
}

.searchBtn {
  left                   : -40px;
  position               : relative;
  top                    : 1px;
  display                : inline-block;
  font-style             : normal;
  font-weight            : normal;
  line-height            : 1;
  -webkit-font-smoothing : antialiased;
}

.categoryContainer {
  margin-top : 5%;
}

.tagsContainer {
  text-align : center;
}

.boton_categoria {
  margin : 20px;
}

.boton_tag {
  margin : 10px;
}

.navbar {
  background-color : #FFF;
  color            : #000;
}

.bg-dark {
  background-color : #FFF !important;
}

.navbar-dark .navbar-brand {
  color : #000;
}

.navbar-dark .navbar-nav .nav-link {
  color : #333;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color : #7C7C7C;
}

#navbarResponsive {
  justify-content : flex-end;
}

.navbar-expand-lg .navbar-toggler {
  display : flex;
}

.navbar-toggler {
  /*! width : 100px; */
}

.homeNav,
.articulosNav {
  display : none;
}

.itemsc {
  font-weight : bold;
}

.text-columns-3 {
  -webkit-column-count : 2;
  -moz-column-count    : 2;
  column-count         : 2;
  -webkit-column-gap   : 10px;
  -moz-column-gap      : 10px;
  column-gap           : 10px;
  -webkit-column-rule  : 1px solid rgba(28, 110, 164, 0.25);
  -moz-column-rule     : 1px solid rgba(28, 110, 164, 0.25);
  column-rule          : 1px solid rgba(28, 110, 164, 0.25);
}

.text-columns-avoid-break {
  -webkit-column-break-inside : avoid;
  page-break-inside           : avoid;
  break-inside                : avoid;
}

.menuBar {
  /*! background-color: #3c9; */
}

.menuBar ul li a span.d-block {
  /*! color: white; */
  text-decoration : none;
}

.menuBar ul li a span.d-block:hover {
  background-color : var(--main-theme-color);
  color            : white;
}

.menuBar li {
  margin-top    : 7px;
  margin-bottom : 7px;
}

.results {
  padding-bottom : 20px;
}

.resultadoCategoria {
  margin-top    : 7px;
  margin-bottom : 7px;
}

.input-group-addon {
  z-index  : 999;
  position : relative;
}

.searchBtn {
  cursor : pointer;
}

.bold {
  font-weight : bold;
}

.textoContacto {
  text-align : justify;
}

.page-item.active .page-link {
  background-color : #3C9;
  border-color     : #3C9;
}

.page-link {
  color : #3C9;
}

.page-link:hover {
  color : var(--main-theme-color);
}

.pagination {
  justify-content : center;
}

.searchHeader {
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  padding-top     : 30px;
}

.searchHeader .breadcrumb-header {
  width : 20%;
}

.miniSearchBar {
  width : 30%;
}

.cdx-simple-image__caption {
  display : none;
}

.ce-block__content {
  margin    : 0;
  max-width : 100%;
}

.cdx-warning {
  margin-left : 30px;
}

.titulo_articulo {
  text-align : center;
}

.fecha-articulo {
  text-align     : center;
  padding-bottom : 2%;
}

.menuBar .list {
}

a {
  text-decoration : none;
  color           : var(--main-theme-color);
}

a.articulo-menu.active,
a:hover {
  color : var(--main-theme-color);
}

ul,
ol {
  /*! color: white; */
}

.resultado_subtitulo {
  color : black;
}

.navbar {
  border-bottom : solid 1px darkgray;
}

.container {
  /*
  max-width: 100%;
   */
}

.container-wiki {
  /*
   margin: 0;
   max-width: 100%;
   */
}

.menubar_titulo {
  /*! color: white; */
  font-weight : bold;
}

.d-none {
  display : none;
}

.border_bottom {
}

.border-left {
}

.breadcrumbs {
  align-self : center;
}

.breadcrumb-header {
  margin          : 3% 0 3%;
  display         : flex;
  justify-content : space-between;
  font-size       : 15px;
  font-family     : 'Lato', sans-serif;
}

.back {
  cursor     : pointer;
  align-self : center;
}

body {
  display        : flex;
  flex-direction : column;
  height         : 100vh;
}

.footer {
  padding    : 2%;
  margin-top : auto;
}

.footer .phone {
  font-size : 22px;
}

ul.social-buttons li a {
  color        : #C1C1C1;
  font-size    : 30px;
  margin-right : 15px;
}

ul.social-buttons li a:hover {
  color : #3C9;
}

ul.social-buttons li {
  list-style : none;
  display    : inline-block;
}

.articulo_activo {
  background-color : var(--main-theme-color);
  color            : white;
  padding          : 3%;
}

.social-icons {
}

.t-right {
  align-self : center;
}

.social-buttons {
  margin : 0;
}

.autocomplete-suggestion {
  padding : 5px 10px 5px 10px;
  cursor  : pointer;
}

.autocomplete-suggestion:hover {
  background-color : var(--gray);
}

.suggestion_subtitulo {
  font-size : .7rem;
}

.sitemap {
  columns     : 3 300px;
  padding-top : 4%;
}

.sitemap_cat {
  break-inside                : avoid;
  page-break-inside           : avoid;
  -webkit-column-break-inside : avoid;
}

.sitemap h1,
.sitemap h2,
.sitemap h3,
.sitemap h4,
.sitemap h5,
.sitemap h6 {
  margin : 1rem 0;
}

.sitemap ul {
  list-style   : none;
  padding-left : 0;
}

.sitemap li a {
  margin-bottom : .5em;
  display       : block;
}

.onlyMobile {
  display : none;
}

@media (max-width : 568px) {
  h2 {
    font-size : 22px;
  }

  h4 {
    font-size : 17px;
  }

  h5 {
    font-size : 15px;
  }
}

@media (max-width : 768px) {
  .menuBar ul li a span.d-block {
    text-align : center;
    padding    : .4em;
  }

  .menuBar {
    margin-bottom : 1em;
  }

  .onlyMobile {
    display : block;
  }

  .menuBar {
    display : none;
  }

  .menuBar.list-categories {
    display : block !important;
  }

  .searchBar .form-control.input-search {
    width : 90% !important;
  }
}

@media (max-width : 576px) {
  .text-columns-3 {
    -webkit-column-count : 1;
    -moz-column-count    : 1;
    column-count         : 1;
    -webkit-column-gap   : 10px;
    -moz-column-gap      : 10px;
    column-gap           : 10px;
    -webkit-column-rule  : 1px solid rgba(28, 110, 164, 0.25);
    -moz-column-rule     : 1px solid rgba(28, 110, 164, 0.25);
    column-rule          : 1px solid rgba(28, 110, 164, 0.25);
  }

  header {
  }

  header .navbar-brand {
    text-align : center;
    display    : block;
    width      : 100%;
  }

  header .navbar-brand img {
  }

  header nav {
  }

  body header nav ul {
    float      : none;
    margin-top : 0;
    text-align : center;
    top        : 0 !important;
  }

  header nav ul li {
  }

  .sitemap {
    padding-left : calc(var(--bs-gutter-x) / 2) !important;
  }

  .menuBar + .ps-5 {
    padding-left : calc(var(--bs-gutter-x) / 2) !important;
  }

  body.portada-init > .container {
    padding-left  : 1em !important;
    padding-right : 1em !important;
  }

  .breadcrumbs {
    text-align : center;
  }

  .breadcrumb-header {
  }

  .breadcrumb-header .back {
    text-align : center;
    margin-top : 10px;
  }
}

@media (max-width : 478px) {
  header nav ul {
    top        : 14px !important;
    margin-top : 0;
    position   : relative;
  }

  header nav ul li {
    display     : inline-block;
    margin-left : 0 !important;
  }
}

body,
input,
textarea {
  font : 14px 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family : 'Lato', sans-serif;
  font-weight : normal;
  color       : #272727;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family : 'Lato', sans-serif;
  font-weight : normal;
  color       : #272727;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color : inherit;
}

h1 {
  font-size   : 40px;
  line-height : 40px;
  font-style  : normal;
  font-weight : 300;
}

h1 b {
  display     : block;
  font-size   : 18px;
  line-height : 23px;
  font-weight : 300;
  color       : #272727;
}

h1.white {
  color : #FFF;
}

h2 {
  font-size   : 35px;
  line-height : 35px;
  font-style  : normal;
  font-weight : 300;
}

h2.white {
  color : #272727;
}

h2.white b {
  color : #272727;
}

h2 i {
  color      : #3079ED;
  font-style : normal;
}

h2 b {
  display     : block;
  font-size   : 18px;
  line-height : 23px;
  font-weight : 200;
  color       : #727272;
}

h2.caps {
  text-transform : uppercase;
}

h2.caps b {
  text-transform : none;
}

h2.caps strong {
  font-weight : 500;
}

h3 {
  font-size   : 27px;
  line-height : 30px;
  font-style  : normal;
}

h3 strong {
  font-weight : 600;
}

h4 {
  font-size   : 22px;
  line-height : 25px;
  font-style  : normal;
}

h4.caps {
  text-transform : uppercase;
}

h4.white {
  color : #FFF;
}

h4 b {
  color       : #999;
  font-size   : 14px;
  display     : block;
  font-weight : normal;
}

h5 {
  font-size   : 18px;
  line-height : 23px;
  font-style  : normal;
}

h5 b {
  color       : #727272;
  font-size   : 13px;
  font-weight : normal;
  display     : block;
}

h5.caps {
  text-transform : uppercase;
}

h5.grayc {
  color : #999;
}

h5.siteccaps {
  color          : #3079ED;
  text-transform : uppercase;
}

h5.sitec {
  color : #3079ED;
}

h5.white {
  color : #FFF;
}

h6 {
  font-size   : 16px;
  line-height : 21px;
  font-style  : normal;
}

h6.grayc {
  color : #999;
}

header nav {
}

header nav ul {
  list-style   : none;
  margin-left  : 0;
  padding-left : 0;
  float        : right;
  margin-top   : -48px
}

header nav ul li {
  display : inline-block;
  /*! margin-left : 10px; */
}

header nav ul li a {
  color : var(--black);
}

.navbar-brand img {
  height : 51px;
  margin : 9px 0;
}

.btn-outline-secondary:hover {
  background-color : var(--main-theme-color)
}

.boton_categoria a:hover {
  color : white !important;
}

.containerLookup {
  height  : auto;
  padding : 20px 0;
}

.containerLookup .searchBar {
  top     : unset;
  z-index : 111111111111111;
}

.containerLookup .searchBar .input-search {
  width : 50%;
}

footer {
  background-color : var(--footer-bg-color);
}

.footer_social_links {
  list-style    : none;
  margin-bottom : 0;
  padding-left  : 0;
  display       : inline-block;
  width         : 100%;
}

.footer_social_links li {
  background-color : #252525;
  color            : #999;
  border-radius    : 24px;
  text-align       : center;
  height           : 40px;
  width            : 40px;
  margin           : 0 0 0 5px;
  line-height      : 37px;
  float            : right;
}

.footer_social_links li a {
  color : #999;
}

.menuBar {
  padding-left  : 0;
  padding-right : 0
}

.menuBar ul.articulos,
.menuBar ul.subcategorias {
  list-style : none;
}

.menuBar ul.articulos {
}

.menuBar ul.subcategorias {
}

.menuBar ul.articulos li,
.menuBar ul.subcategorias li {
  margin-bottom : 1px;
  margin-top    : 0;
}

.menuBar ul.articulos li {
}

.menuBar ul.subcategorias li {
}

.menuBar ul li a span.d-block {
  text-decoration : none;
}

a.articulo-menu.active span,
.menuBar ul li a span.d-block:hover {
  background-color : var(--main-theme-color);
  color            : white;
}

.sitemap ul li a {
  color : #212529;
}

textarea.form-control {
  min-height : 115px;
}

.searchBar .form-control.input-search {
  padding-right : 54px;
}

.autocomplete-suggestions {
  border           : 1px solid #EEE;
  border-radius    : 23px 23px 10px 10px;
  background-color : #FFF;
  margin-top       : -38px;
  padding-bottom   : 3px;
  box-sizing       : content-box;
  overflow         : hidden;
}

.autocomplete-suggestions .autocomplete-suggestion {
  border-radius : 10px;
}

.autocomplete-suggestions .autocomplete-suggestion:last-child {
}

.autocomplete-suggestions .autocomplete-suggestion:first-child {
  padding-top   : 50px;
  border-radius : 23px 23px 10px 10px;
}

.sitemap > ul > li > h4:first-child {
  margin-top : 0;
}

.alertify {
  z-index : 11111111111;
}

.container.menuBar.list-categories {
  text-align : center;
}

.container.menuBar.list-categories ul {
  padding-left : 0;
}

.btnsCats a {
  border           : 1px solid aliceblue;
  border-radius    : 1em;
  padding          : .5em 1em;
  display          : inline-block;
  margin-bottom    : 1em;
  margin-left      : .5em;
  margin-right     : .5em;
  background-color : #3079ED1A;
  transition       : .5s;
  color            : var(--main-theme-color);
}

.btnsCats a:hover {
  background-color : var(--main-theme-color);
  color            : #FFF;
  transition       : .5s;
}

.cont-social-links a {
  text-align : center;
  min-width  : 50px;
  display    : inline-block;
  transition : .5s;
}

.filtro-blanco {
  filter : grayscale(1) invert(1) brightness(2);
}

.logo-grupo-agencia img {
  max-width  : 93px;
  width      : 100%;
  margin-top : -19px;
  /* margin-left: -12px; */
  display    : inline;
}