/* -------------------------------------------------- */
/* ------------------ FOOTER ------------------------ */
/* -------------------------------------------------- */

footer {
      display: flex;
      justify-content: center;
      background-color: #315b9d;
      padding: 2vw;
}

.footer_titulitos {
      font-family: robotoM;
      font-weight: 400;
      color: #000;
}

.footer_emails {
      font-family: "RobotoM", sans-serif;
      font-weight: 400;
      color: var(--celeston);
}

/* -------- MAPA --------- */

.mapa_google {
      width: 100%;
      height: 90px;
      margin-top: 5px;
	/*filter: grayscale(100%);  */       
}

/* -------------------------------------------------- */
/* ------------------ REDES ------------------------- */
/* -------------------------------------------------- */

.redes {
      display: flex;
      justify-content: center;
      padding: 1vw;
      background-color: #eee;
}

.redes a {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: .5vw;
}

.redes a img {
      height: 1.7em;
      transition: all .2s ease;
      filter: brightness(50%);
}

.redes a:hover img {
      margin: -5px auto 5px;
}

.redes .pc {
      display: block;
}

.redes .movil {
      display: none;
}


/* -------------------------------------------------- */
/* -------------- FOOTER CONTAINER ------------------ */
/* -------------------------------------------------- */

.footer-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      color: #000;
      font-size: 14px;
      font-family: RobotoL, Arial, sans-serif;
      padding: 4vw 0;
}

.footer-container p {
      margin-bottom: 1em;
}

.footer-container .footer-info-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      width: 90%;
      font-style: normal;
}

.footer-container .footer-info-container .footer-section {
      display: flex;
      flex-direction: column;
      width: 50%;
      min-width: 220px;
      max-width: 450px;
      border-left: 1px rgba(0, 0, 0, .2) solid;
      padding: 1vw 5vw;
}

.footer-container .footer-info-container .footer-section ul {
      margin-left: 5px;
}

.footer-container .footer-info-container .footer-section:first-child {
      border-left: 0;
}


/* -------------------------------------------------- */
/* -------------- LEGACY FOOTER NAV ----------------- */
/* -------------------------------------------------- */

footer ul.navegador {
      padding-left: 17px;
      box-sizing: border-box;
}

footer ul.navegador li {
      list-style: disc;
      color: #fff;
      transition: all .3s ease;
}

footer ul.navegador li:hover {
      background-color: rgba(255, 255, 255, .1);
      padding-left: 5px;
}

footer ul.navegador li a.desplegable {
      display: block;
      font-size: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 8px;
      text-align: left;
      color: #fff;
}

footer ul.navegador li a.desplegable small {
      display: none;
}

footer ul.navegador li.bottom {
      list-style: none;
}


/* ------------------------------------------------------ */
/* ------------------ SUB FOOTER ------------------------ */
/* ------------------------------------------------------ */

.secciones {
      display: block;
      width: 90%;
      flex-direction: column;
      justify-content: flex-start;
      padding-right: 0;
}

.secciones nav {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-evenly;
      align-items: flex-start;
}

.secciones h4 {
      color: #fff;
      border-bottom: 1px #fff solid;
      font-size: 2vw;
      padding-bottom: .5vw;
      margin-bottom: 1.5vw;
}

.secciones ul.nivel1 {
      display: none;
      width: 28%;
}

.secciones ul.nivel1.ver_en_pie {
      display: block;
      padding-left: 17px;
}

.secciones ul.nivel1 li.links {
      list-style: disc;
      color: #fff;
      box-sizing: border-box;
      transition: all .3s ease;
      padding: 4.5px;
      padding-left: 0;
}

.secciones ul.nivel1 li.links:hover {
      background-color: rgba(255, 255, 255, .1);
      padding-left: 5px;
}

.secciones ul.nivel1 li.links > a {
      display: inline-flex;
      width: 100%;
      font-size: 15px;
      line-height: 1.3em;
      color: #fff;
      transition: all .3s ease;
}

.secciones ul.nivel1 li.links > a span {
      display: flex;
      justify-content: space-between;
      width: 100%;
}

.secciones ul.nivel1 li.links > a span i {
      transform: rotate(-90deg);
      color: rgba(255, 255, 255, .1);
      transition: all .2s ease;
}

.secciones ul.nivel1 li.links:hover > a span i {
      display: block;
      font-size: .8vw;
      transform: rotate(-45deg);
      margin-top: 4px;
      color: #fff;
}

footer .secciones ul.nivel1 li.links.btn-catalogo-movil {
      list-style: none;
}

footer .secciones ul.nivel1 li.links.btn-catalogo-movil:hover,
footer .secciones ul.nivel1 li.links.btn-productos-movil:hover {
      background-color: rgba(255, 255, 255, 0);
      padding-left: 0;
}

footer .secciones .tituloSecciones,
footer .secciones ul.nivel1 li.links div.a span {
      display: block;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-left: 0;
}

.secciones #btn-catalogo-pc,
.secciones #btn-productos-pc,
.secciones .btn-servicio-pc,
.secciones #btn-servicio-tecnico {
      display: none !important;
}


/* -------------------------------------------------- */
/* -------------------- CREDITOS -------------------- */
/* -------------------------------------------------- */

section.creditos {
      padding: 1vw 2vw;
      background-color: #000;
      color: #666;
      font-size: 13px;
}

section.creditos a {
      text-decoration: none;
      color: #337ab7;
      transition: all .5s ease-out;
}

section.creditos a:hover {
      text-decoration: underline;
}


/* -------------------------------------------------- */
/* ------------ RESPONSIVE: WIDER TO NARROWER ------- */
/* -------------------------------------------------- */

@media (min-width: 900px) {

      footer .secciones ul.nivel1 li.links div.a span {
            margin-left: 17px;
      }

      #btn-productos-pc {
            display: block;
      }

      .secciones #btn-catalogo-pc,
      .secciones #btn-productos-pc {
            display: flex;
      }

      .btn-productos-movil,
      header .btn-catalogo-movil,
      header .btn-servicio-movil {
            display: none;
      }

      footer .secciones .btn-productos-movil {
            display: block;
            text-transform: uppercase;
            padding-bottom: 0;
      }

      footer .secciones .btn-productos-movil:hover {
            background-color: transparent;
            padding-left: 0;
      }

      .menu-movil-header {
            display: none;
      }

      footer .menu-movil-header {
            display: block;
      }

      footer .secciones .tituloSecciones {
            margin-left: 0;
            margin-top: 5px;
            margin-bottom: 14px;
      }
}

@media (max-width: 900px) {

      footer {
            flex-direction: column-reverse;
            padding: 4vw 4vw;
      }

      .footer-container {
            font-size: 16px;
      }

      .footer-container .footer-info-container {
            flex-direction: column;
      }

      .footer-container .footer-info-container .footer-section {
            border-left: 0;
            max-width: none;
            width: 100%;
            margin-bottom: 40px;
      }

      .redes {
            width: 100%;
            padding: 8vw;
      }

      .redes a {
            margin-right: 2vw;
      }

      .redes a:nth-last-child(1) {
            margin-right: 0;
      }

      .redes a img {
            height: 2em;
      }

      .redes a:nth-child(1) img {
            height: 1.7em;
      }

      .redes .pc {
            display: none;
      }

      .redes .movil {
            display: block;
      }

      .secciones {
            width: 100%;
      }

      .secciones nav {
            display: flex;
            flex-direction: column-reverse;
      }

      .secciones ul.nivel1 {
            width: 90%;
      }

      .secciones ul.nivel1 li.links {
            list-style: disc;
            line-height: 1.3em;
            margin-left: 17px;
            padding: 5px 0;
      }

      .secciones ul.nivel1 li.links > a span {
            padding-left: 0;
      }

      footer .secciones .tituloSecciones {
            margin-top: 20px;
            margin-left: 17px;
      }

      footer .secciones ul.nivel1 li.links div.a span {
            margin-top: 32px;
            margin-bottom: 0;
      }

      footer .secciones .btn-catalogo-movil,
      footer .secciones .btn-productos-movil {
            display: block;
            text-transform: uppercase;
            margin-left: 17px;
            padding-bottom: 0;
            margin-bottom: 10px;
      }

      #btn-productos-pc {
            display: none;
      }

      .btn-productos-movil {
            display: block;
      }

      section.creditos {
            padding: 2vw;
      }
}

@media screen and (max-width: 776px) {

      footer ul.navegador li a.desplegable {
            line-height: 1.3em;
            box-sizing: border-box;
      }
}