@import url("fonts.css") layer(template);

@layer template {
  body {
    font-feature-settings: "lnum" 1;
  }

  .item-preview a.titulo {
    color: var(--es-color-elsevier-blue);
  }
  .item-preview a.titulo:hover {
    color: #ff551d;
  }

  .paginador {
    margin-bottom: 20px;
  }
  /* .cmbCapas .options-frame .options{height: 285px;} */

  .chkNaranja input:checked {
    background-color: var(--es-color-elsevier-blue);
  }

  .cmbCapas {
    display: inline-block;
    position: relative;
  }

  .cmbCapas input[type="text"] {
    font-display: Arial;
    font-size: 12px;
    font-family: NexusSansPro;
    font-size: inherit;
    width: 76%;
    border: 0;
    background-color: transparent;
    border-bottom: 2px solid #b9b9b9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAOCAYAAADaOrdAAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNqs1IENgCAMBMCO4CiOxGiM4giO4AhuUKspRrHAgyV5ElLSSwhARDRJVklkZvJI3pN0wZroCNw9SSf2gAzgTEjF31AJuGqPTcNQDXgho1AL+CC9EAKYCAqhQBFpQTJmyYYAVUSbLTmkwI4CCGIdCfcATQSAAnTFPd6BC2JAoec3OAQYAIJC8coN5dHEAAAAAElFTkSuQmCC)
      no-repeat;
    background-size: 8px 5px;
    background-position: center right 4px;
    border-radius: 0;
    cursor: pointer;
    margin-left: 12%;
  }

  .cmbCapas input[type="text"]:hover {
    border-bottom: 2px solid #505050;
  }

  .cmbCapas input[type="text"].active {
    border-bottom: 2px solid var(--corp-color);
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-position: center right 4px;
  }

  .cmbCapas .options-frame {
    z-index: 1;
    background-color: #f5f5f5;
    position: absolute;
    width: 100%;
    display: none;
  }

  .cmbCapas .options-frame .options {
    background-color: #fff;
    padding: 5px;
    margin: 25px 12%;
    max-height: 495px;
    overflow-y: auto;
    height: 100px;
    text-align: left;
  }

  .cmbCapas .options-frame .options div {
    cursor: pointer;
  }

  .cmbCapas .options-frame .options div div:hover {
    border: none;
  }
  .container-h {
    width: 99%;
    margin: auto;
    max-width: 920px;
    min-width: 900px;
    position: relative;
  }

  .btn-01:hover {
    background-color: #e5711c;
    border: 2px solid #e5711c;
  }

  .btn-02 {
    background: url("../images/template/flecha_an_de_blanca.png")
      var(--es-color-elsevier-blue) no-repeat center right 10px;
    font-size: 20px;
    color: white;
    border: 2px solid var(--es-color-elsevier-blue);
    padding: 8px 30px 8px 17px;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    font-family: NexusSansPro;
    background-size: 6px 12px;
    border-radius: 24px;
  }
  .btn-02:hover,
  .btn-02.activo {
    cursor: pointer;
    background: url("../images/template/flecha_an_de_blanca.png") #ff551d
      no-repeat center right 10px;
    background-size: 6px 12px;
    border: 2px solid #ff551d;
    color: white;
  }

  .btn-03 {
    background: url("../images/template/flecha_an_de_blanca.png") transparent
      no-repeat center right 10px;
    font-size: 20px;
    color: white;
    border: 2px solid white;
    padding: 11px 30px 8px 17px;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    font-family: NexusSansPro;
    background-size: 6px 12px;
  }
  .btn-03:hover {
    cursor: pointer;
    background: url("../images/template/flecha_an_de_blanca.png")
      var(--es-color-elsevier-blue) no-repeat center right 10px;
    background-size: 6px 12px;
    border: 2px solid var(--es-color-elsevier-blue);
  }

  .btn-04 {
    text-align: center;
    background-color: var(--es-color-elsevier-blue);
    font-size: 20px;
    color: white;
    border: 2px solid white;
    padding: 9px 0;
    line-height: 20px;
    display: inline-block;
    font-family: NexusSansPro;
  }
  .btn-04 .flecha {
    vertical-align: 0;
    margin-left: 21px;
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url("../images/template/flecha_an_de_blanca.png");
    background-size: cover;
  }
  .btn-04:hover {
    background-color: #ff551d;
    color: white;
  }

  .btn-05 {
    background: #e5711c;
    font-size: 20px;
    color: white;
    border: 2px solid #e5711c;
    padding: 11px 18px 8px 17px;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    font-family: NexusSansPro;
    background-size: 6px 12px;
  }
  .btn-05:hover,
  .btn-02.activo {
    cursor: pointer;
    background: white no-repeat center right 10px;
    background-size: 6px 12px;
    border: 2px solid #e5711c;
    color: #e5711c;
  }

  .btn-06 {
    background: url("../images/template/flecha_an_de_blanca.png")
      var(--es-color-brand-orange) no-repeat center right 10px;
    font-size: 20px;
    color: var(--es-color-white);
    border: 2px solid var(--es-color-brand-orange);
    padding: 11px 30px 8px 17px;
    line-height: 18px;
    text-align: left;
    display: inline-block;
    font-family: NexusSansPro;
    background-size: 6px 12px;
  }
  .btn-06:hover {
    cursor: pointer;
    background: url("../images/template/flecha_an_de_naranja.png")
      var(--es-color-white) no-repeat center right 10px;
    background-size: 6px 12px;
    border: 2px solid var(--es-color-brand-orange);
    color: var(--es-color-brand-orange);
  }

  .cmbCapas {
    width: 725px;
    margin-right: 10px;
  }
  .cmbCapas input[type="text"] {
    width: 100%;
    margin-left: 0;
    font-size: 20px;
    color: #505050;
  }
  .cmbCapas .options-frame {
    top: 25px;
    background-color: rgba(242, 242, 242, 0.9);
    line-height: 26px;
  }
  .cmbCapas .options-frame .options {
    height: 226px;
    padding: 15px 25px;
    font-size: 18px;
    color: #505050;
    margin: 25px;
  }
  .cmbCapas .options-frame .options .option {
    margin-bottom: 7px;
    border-bottom: 2px solid transparent;
  }
  .cmbCapas .options-frame .options .option span:hover {
    color: #ff551d;
    border-bottom: 2px solid #ff551d;
  }
  .cmbCapas .resultados {
    display: none;
    font-size: 20px;
    color: #007392;
    margin-top: 15px;
    margin-left: 5%;
  }

  .banner-slider {
    background-size: cover;
    color: white;
    font-size: 18px;
    line-height: 32px;
  }
  .banner-slider .trans {
    width: auto;
    height: 274px;
    padding: 38px 30px;
    background: -moz-linear-gradient(
      left,
      rgba(21, 20, 20, 0.96) 0%,
      rgba(7, 52, 63, 0.23) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(21, 20, 20, 0.96) 0%,
      rgba(7, 52, 63, 0.23) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(21, 20, 20, 0.96) 0%,
      rgba(7, 52, 63, 0.23) 100%
    ); /* W3C */
  }
  .banner-slider .titulo {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .banner-slider .titulo span {
    color: #ff551d;
  }

  .desp-login .top {
    background-size: 1190px;
    height: 22px;
  }
  .desp-login .info {
    width: 265px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #505050;
    padding-right: 35px;
    border-right: 2px solid #f2f2f2;
  }
  .desp-login .info .titulo-top {
    font-size: 26px;
    color: #323232;
  }
  .desp-login .info .titular {
    color: var(--es-color-elsevier-blue);
    margin-top: 25px;
  }
  .desp-login .info .btn-02 {
    width: 135px;
    margin: auto;
    font-size: 20px;
    display: block;
  }
  .desp-login .info .btn-02 span {
    font-family: NexusSansProItalic;
  }
  .desp-login .msg {
    margin-top: 20px;
    width: auto;
    margin-bottom: 20px;
    display: none;
    color: #505050;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ff551d;
  }

  .desp-login .box-login {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
  }
  .desp-login .box-login .instrucciones {
    font-size: 17px;
    color: #323232;
  }
  .desp-login .box-login .actions {
    margin-top: 35px;
  }
  .desp-login .box-login .actions .chk-recordar {
    float: left;
  }
  .desp-login .box-login .actions .btn-acceder {
    float: right;
    font-size: 17px;
    color: #505050;
  }
  .desp-login .box-login .actions .btn-01 {
    width: 30px;
    height: 30px;
    padding: 8px;
    vertical-align: text-bottom;
    font-size: 0;
  }
  .desp-login .box-login .actions .btn-01:hover {
    background-color: var(--es-color-elsevier-blue);
    border: 2px solid var(--es-color-elsevier-blue);
  }
  .desp-login .box-login .lista-flechas {
    margin-top: 30px;
    font-size: 15px;
  }
  .desp-login .box-login .lista-flechas a {
    color: #52524f;
    cursor: pointer;
  }
  .desp-login .box-login .lista-flechas a:hover {
    color: var(--es-color-elsevier-blue);
    cursor: pointer;
  }
  .desp-login .box-login .lista-flechas span {
    color: #52524f;
    cursor: pointer;
  }
  .desp-login .box-login .lista-flechas span:hover {
    color: var(--es-color-elsevier-blue);
    cursor: pointer;
  }
  .desp-login .box-login .lista-flechas li {
    margin-top: 12px;
  }
  .desp-login .box-login .lista-flechas .flecha-an-de-corp {
    display: inline-block;
    width: 5px;
    height: 8px;
    background-size: cover;
    vertical-align: 2px;
    margin-right: 15px;
  }
  .desp-login .box-login .obligatorio-msg {
    margin-top: 15px;
    font-size: 12px;
    color: #323232;
  }
  .desp-login .desconectar {
    margin-top: 15px;
  }
  .desp-login .recordar {
    display: none;
  }
  .desp-login .recordar .btn-02 {
    margin: 15px auto 0 auto;
    display: block;
  }

  .paginador-2 {
    text-align: center;
  }
  .paginador-2 div {
    width: 27px;
    text-align: center;
    display: inline-block;
    color: #000000;
    font-size: 17px;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 2px solid white;
    margin-left: 17px;
    margin-top: 5px;
    cursor: pointer;
  }
  .paginador-2 div.activo,
  .paginador-2 div:hover {
    border-bottom: 2px solid #f06b00;
  }
  .paginador-2 div span {
    display: none;
  }
  .paginador-2 .mobile {
    display: none;
  }
  .paginador-2 .anterior {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center;
  }
  .paginador-2 .siguiente {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center;
  }

  .nav-anterior-siguiente .btn-01 {
    margin-right: 20px;
  }
  .nav-anterior-siguiente .anterior .btn-01 {
    text-align: right;
    background-size: 15px 15px;
    background-position: center left 15px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-image: url("../images/template/flecha_izq_007398.png");
  }
  .nav-anterior-siguiente .anterior:hover > .btn-01 {
    background-image: url("../images/template/flecha_izq_c_ffffff.png");
    background-color: #007392;
    border-color: #007392;
  }
  .nav-anterior-siguiente .siguiente .btn-01 {
    background-size: 15px 15px;
    background-position: center right 15px;
    background-repeat: no-repeat;
    padding-right: 40px;
    background-image: url("../images/template/flecha_de_007398.png");
  }
  .nav-anterior-siguiente .siguiente:hover > .btn-01 {
    background-image: url("../images/template/flecha_der_c_ffffff.png");
    background-color: #007392;
    border-color: #007392;
  }
  .nav-anterior-siguiente .volver .btn-01 {
    text-align: right;
    background-size: 15px 15px;
    background-position: center left 7px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-image: url("../images/template/volver_007398.png");
  }
  .nav-anterior-siguiente .volver:hover > .btn-01 {
    background-image: url("../images/template/volver_c_ffffff.png");
    background-color: #007392;
    border-color: #007392;
  }

  .navegacion-busqueda {
    padding: 22px 15px 16px 15px;
    position: relative;
  }
  .navegacion-busqueda .logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }
  .navegacion-busqueda .logo img {
    width: 160px;
    height: 25px;
  }
  .navegacion-busqueda .nav-anterior-siguiente {
    display: inline-block;
  }
  .navegacion-busqueda .info {
    color: #007392;
    font-size: 18px;
    background: url("../images/template/info_737373.png") no-repeat center right;
    background-size: 12px 12px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    cursor: pointer;
  }
  .navegacion-busqueda .info-iframe {
    position: absolute;
    width: 300px;
    left: 824px;
  }

  .buscador-rapido {
    margin-top: 50px;
  }
  .buscador-rapido .opciones {
    background-color: #f2f2f2;
    font-size: 16px;
  }
  .buscador-rapido .opciones .titulo {
    padding: 17px;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--es-color-elsevier-blue);
  }
  .buscador-rapido .opciones .opcion {
    color: #737373;
    padding: 17px;
    border-left: 2px solid transparent;
  }
  .buscador-rapido .opciones .opcion div {
    display: inline-block;
  }
  .buscador-rapido .opciones .opcion div:after {
    margin: 0 7px;
    display: inline-block;
    content: "";
    background: url("../images/template/flecha_de_007398.png") no-repeat center
      center;
    width: 11px;
    height: 11px;
    background-size: 11px;
  }
  .buscador-rapido .opciones .opcion div:last-of-type:after {
    content: none;
  }
  .buscador-rapido .opciones .opcion .magic-radio + label:before {
    width: 16px;
    height: 16px;
    border: 2px solid #737373;
  }
  .buscador-rapido .opciones .opcion .magic-radio + label:after {
    background-color: var(--es-color-elsevier-blue);
  }
  .buscador-rapido .opciones .opcion.active {
    border-left: 2px solid var(--es-color-elsevier-blue);
    background-color: #d9d9d9;
  }
  .buscador-rapido
    .cmbCapas
    .options-frame
    .options
    .revista-prev
    .portada
    img {
    width: 83px;
    height: 111px;
  }
  .buscador-rapido .cmbCapas .options-frame .options .revista-prev .accesos {
    display: none;
  }

  .buscador-rapido label[for="txtRevistas"] {
    visibility: hidden;
  }

  main .menu .menu-list li.subitems.idiomas {
    background-image: url("../images-corp/mundo.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    max-width: 70px;
    padding-left: 18px;
    background-position: center left;
  }
  main .menu .menu-list li.subitems.idiomas:after {
    content: "";
    background-image: url("../images-corp/flecha-an-ab.svg");
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 18px;
    background-position: center left;
    margin-left: 5px;
  }
  main .menu .menu-list li.subitems.idiomas ul {
    min-width: auto;
    right: 0;
  }

  .buscador-rapido .btn {
    background-color: #007389;
    color: white;
    padding: 10px 60px;
    font-size: 19px;
    vertical-align: bottom;
    border-radius: 29px;
  }
  .revistaAntSig .content .portada {
    margin-top: 20px;
    text-align: center;
  }
  .revistaAntSig .content .portada img {
    box-shadow: 2px 2px 2px 0px;
    width: 100%;
  }

  #banner-sidebar-top {
    margin-bottom: 20px;
  }

  main .info-revista .descripcion .btn-flecha {
    border-radius: 24px;
  }

  @media screen and (min-width: 575px) and (max-width: 1144px) {
    .navegacion-busqueda {
      display: flex;
      flex-wrap: wrap;
    }
    .navegacion-busqueda .logo {
      order: 1;
      margin-bottom: 25px;
    }
    .navegacion-busqueda .info {
      order: 2;
      height: 17px;
    }
    .navegacion-busqueda .info-iframe {
      left: 132px;
      top: 38px;
    }
    .navegacion-busqueda .nav-anterior-siguiente {
      order: 3;
      display: block;
    }
  }

  @media screen and (min-width: 280px) and (max-width: 575px) {
    main .container .info-revista {
      margin-top: 30px;
    }
    main .info-revista .index p {
      height: auto;
      text-align: center;
    }
    main .info-revista .index .ver-mas {
      display: none;
    }
    main .ocultar.mostrar {
      position: static;
      height: auto;
      margin: 9px auto;
    }
    .cmbCapas {
      width: 100%;
    }
    .cmbGlobal {
      width: 100%;
      margin-top: 25px;
    }
    .sidr.left {
      background: #323232;
    }
    .sidr .menu-p-m ul {
      margin: 0;
      border: 0;
    }
    .sidr .menu-p-m ul .item-p {
      color: white;
      border: none;
    }
    .sidr .menu-p-m ul .item-p a {
      font-size: 21px;
      line-height: 25px;
      color: white;
      border-color: white;
      padding: 24px 28px 22px 13px;
    }
    .sidr .menu-p-m ul .item-p:hover > a {
      box-shadow: none;
    }
    .sidr .menu-p-m ul .item-p:hover {
      background-color: var(--es-color-elsevier-blue);
    }
    .sidr .menu-p-m ul .item-p:last-of-type {
      border-bottom: none;
    }
    .sidr .menu-p-m ul .menu-revista:hover {
      background: none;
    }
    .sidr.left .comprar {
      background-image: url("../images/template/carrito_007398.png");
      background-size: 33px 32px;
    }
    .sidr.left .enlaces {
      background: white;
    }
    .suscribase-newsletter {
      background: white;
      margin-top: 0;
      padding: 15px 0;
    }
    .sidr.left a {
      background-image: none;
    }
    .container-h {
      padding: 0 8px;
      width: auto;
      min-width: 0;
    }
    .buscador-rapido .btn {
      margin: auto;
      display: block;
      margin-top: 12px;
    }
    .scroll-top {
      background-color: var(--es-color-elsevier-blue);
    }
  }
}