/*
Lineas comentadas en estilos.css para incluir nuevos estilos:
1470: Menu modal
1992: Menu principal
*/

/* ---------------------------------------------------
VARIABLES
---------------------------------------------------*/
:root {
    --verdeho26: #036c42;
    --rojoho26: #bc1621;
    --grisho26: #444645;
}



/* ---------------------------------------------------
fuentes
---------------------------------------------------*/

@font-face {
    font-family: 'BentonModDisp';
    font-style: normal;
    font-weight: 300;
  src: url('/fonts/BentonModDisp/BentonModDisp-Light.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/BentonModDisp/BentonModDisp-LightIt.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/BentonModDisp/BentonModDisp-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/BentonModDisp/BentonModDisp-RegularIt.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/BentonModDisp/BentonModDisp-Semibold.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/BentonModDisp/BentonModDisp-SemiboldIt.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/BentonModDisp/BentonModDisp-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/BentonModDisp/BentonModDisp-BoldIt.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/BentonModDisp/BentonModDisp-Black.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/BentonModDisp/BentonModDisp-BlackIt.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: normal;
  font-weight: 1000;
  src: url('/fonts/BentonModDisp/BentonModDisp-Ultra.otf') format('opentype');
}

@font-face {
  font-family: 'BentonModDisp';
  font-style: italic;
  font-weight: 1000;
  src: url('/fonts/BentonModDisp/BentonModDisp-UltraIt.otf') format('opentype');
}




/* ---------------------------------------------------
menu
---------------------------------------------------*/

#navbarMenu .galleta-h26 img {
  max-width: 243px;
}

@media (min-width: 992px) {
  .navbar-nav-redes-h24 {
    margin-top: -10px;
  }
}

@media (min-width: 992px) {
  .navbar-nav-opciones-h24 {
    margin-top: -10px;
  }
}

@media (min-width: 992px) {
  #navbarMenu .nav-link.idioma-fin {
    border-right: none !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
  }
}

#navbarMenu .nav-link.redes {
  padding-left: 3px;
  padding-right: 3px;
  margin: 10px 4px;
}

#navbarMenu .nav-link.redes:hover i {
  color: #33a81c;
}

#navbarMenu .nav-link.redes i {
  font-size: 13px;
  color: #5e5d5d;
}

#navbarMenu .navbar-nav-redes-h24 .nav-link.cambio-idioma {
  font-size: 13px !important;
}

.modal-body-menu .col-redes {
    margin: 0px;
    margin-top: 0px;
    padding-top: 45px;
    padding-bottom: 65px;
    background-color: #fff;
}

.modal-body-menu .col-redes a {
    padding-right: 12px;
    display: inline-flex;
}

.modal-body-menu .col-redes a i {
    font-size: 20px;
    color: #5e5d5d;
}

.modal-body-menu .col-redes a:hover i {
    color: var(--verdeboton);
}


/* ---------------------------------------------------
página candidato
---------------------------------------------------*/

.cont-candidato-ho26 h1 {
  font-family: 'BentonModDisp', sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
  color: var(--verdeho26);
}

.cont-candidato-ho26 .img-candidato-ho26 img {
  max-width: 350px;
}
.cont-candidato-ho26 .div-contenido {
  max-width: 600px;
  min-width: 300px;
}

.cont-candidato-ho26 .div-contenido .filigrana {
  max-height: 35px;
  margin-bottom: 25px;
}

.cont-candidato-ho26 .div-contenido span p:first-of-type {
  font-size: 1.1em;
  font-weight: 500;
}


.div-candidato-h26-sigueme {
    text-align: center;
}
.div-candidato-h26-sigueme .sigueme{
      font-family: 'BentonModDisp', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 1.5rem;
      line-height: 1.8rem;
      color: var(--verdeho26);
}
.div-candidato-h26-sigueme .redes a{
      color: var(--rojoho26);
      font-size: 1.5rem;
      line-height: 1.8rem;
      padding: 0px 10px;
}
.div-candidato-h26-sigueme .redes a:hover{
      color: var(--verdeho26);
}