/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03/09/2018, 17:07:26
    Author     : Aldana
*/
.navbar{
    /*width: 1440px;
    height: 146px;*/
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

navbar-fixed-top{
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

.navbar_grande {
    height: 7em;
    padding-top: 2.5em;
}

.navbar-aldana{
    position: fixed;
    z-index: 2;
    top: 6em;
    background-color: #fff;
}

.direccion_en_menu {
    height: 4em;
    text-align: center;
    border-top: solid 1px #eaeaea;
    padding: 1.3em;
    border-bottom: solid 1px #eaeaea;
    background-color: #D9F1FB;
}

.direccion_en_menu .abajo span {
    font-size: 1em;
    color: #009EE3;
    margin:0px;
    letter-spacing: 0.1em;
    /*text-transform: uppercase;*/
}
.direccion_en_menu .abajo button {
    border: none;
    background-color: transparent;
}

.direccion_en_menu .arriba{
    display: none;
}
.direccion_en_menu .arriba button {
    /*height: 1em;*/
    border: none;
    margin-left: 1em;
    /*background-image: url("../img/flecha-u.svg");
    background-repeat: no-repeat;/* Do not repeat the image */
    background-color: transparent;
    /*background-position: center; /* Center the image */
    /*background-size: cover;
    /*border: solid 1.5px var(--bright-red);*/
}

.direccion_en_menu .arriba span {
    font-family: SFProText-Medium;
    font-size: 1em;
    color: #000000;
    margin: 0px;
    text-transform: uppercase;
}

.direccion_en_menu .arriba img {
    margin-bottom:0.3em;
    width: 1em;
}

.menu-superior-lista-izquierda > .telefono{
  font-family: SFProText-Bold;
  font-size: 1.2em;
  color: #ff0000; 
}

.menu-superior-lista-izquierda > li.telefono > a{
  font-size: 1em;
  color: #ff0000; 
  padding: 0;
  display: block;
}

.menu-superior-lista-izquierda > li.telefono > a:hover{
  color: #ff0000; 
}

.menu-superior-lista-izquierda > .separador {
  height: 31px;
  border: solid 1px #eaeaea;
  margin-top: -0.3em;
  margin-left: 0.7em;
}

.navbar_grande > .logo > img{
    width: 10em;
    margin-top: -1.5em;
}

.globito {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 1em;
}

.menu-superior-lista-izquierda > li{
    margin-left:0.5em;
    /*margin-right: 0.5em;*/
}
.boton-hamburguesa{
    /*padding-top: 0.3em;*/
}
.boton-hamburguesa > .hamburguesa{
    border: none;
    background-color: transparent;
}

.boton-hamburguesa > .atras{
    display: none;
    height: 1.5em;
    border: none;
    margin-top: -0.2em;
    background-image: url("../img/atras.svg");
    background-repeat: no-repeat;/* Do not repeat the image */
    background-color: transparent;
    background-position: center; /* Center the image */
    background-size: cover;
}

.navbar_grande .logo{
    margin-top: -1em;
}

.navbar_grande .logo img{
    width: 8em;
}

.menu-superior-derecha .carrito-items-cantidad > div {
    width: 18px;
    height: 18px;
    border-radius: 8px;
  
    font-size: 0.9em;
    color: #ffffff;
    text-align: center;
    
    position: absolute;
    z-index: 1;
    
    margin-top: -0.6em;
    margin-left: 1em;
}

.menu-superior-derecha .carrito-items-cantidad > div.carrito-contador {
    background-color: #ff0010;
}

.menu-superior-derecha .carrito-items-cantidad > div.carrito-warning {
 
}

.menu-superior-derecha .perfil-imagen > img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: -0.4em;
}

.menu-superior-derecha .perfil-imagen-lista {
  font-family: SFProText-Medium;
  font-size: 0.9em;
  color: #000000;
  text-transform: uppercase;
}

.menu-superior-derecha .perfil-imagen-lista li{
    margin: 1em 0em; 
}

.menu-superior-derecha .perfil-imagen-lista li>a:hover {
    text-decoration: none;
    color: #ff0000;
    background-color: #ffffff;
}

.direccion_en_menu_elegir{
    display:none;
}

.direccion_en_menu_elegir .envio:hover{
    cursor: pointer;
}

.direccion_en_menu_elegir .envio {
    border-radius: 5px;
    background-color: #fafafa;
    border: solid 1px #eaeaea; 
    padding: 1em;
    margin: 1em 0;
}

.direccion_en_menu_elegir .envio.activo {
    background-color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
}

.direccion_en_menu_elegir .envio p{
    font-family: SFProText-Semibold;
    font-size: 1.2em;
    color: #666666;
    
    background-image: none;
}

.direccion_en_menu_elegir .envio.activo p{
    color: #000000;
    
    background-image: url('../img/check-on.svg');
    background-repeat: no-repeat;/* Do not repeat the image */
    background-color: transparent;
    background-position-x: 4.5em;
}

.direccion_en_menu_elegir .envio span{
    font-family: SFProText-Regular;
    font-size: 0.80em;
    color: #999999;
}

.direccion_en_menu_elegir .envio.activo span{
    color: #ff0010;
}

.direccion_en_menu_elegir .envio input{
    height: 3em;
    font-family: SFProText-Regular;
    font-size: 1em;
    color: #666666;

    background-color: #fafafa;
    border: solid 1px #eaeaea;
    border-left: none;
    border-right: none;
}

.direccion_en_menu_elegir .envio.activo input{
    color: #000000;
    
    background-color: #ffffff;
}

.direccion_en_menu_elegir .envio button{
    font-family: SFProText-Regular;
    font-size: 12px;
    color: #999999;
    padding: 0.95em;
    
    border-radius: 8px;
    background-color: transparent;
    border: solid 1px #eaeaea;
    border-left: 0;
}

.direccion_en_menu_elegir .envio button:hover{
    background-color: transparent;
}

.direccion_en_menu_elegir .delivery.envio > .input-group span{
    background-image: url("../img/aqui_g.svg");
}

.direccion_en_menu_elegir .delivery.envio.activo > .input-group span{
    background-image: url("../img/aqui.svg");
}

.direccion_en_menu_elegir .pickup.envio > .input-group span{
    background-image: url("../img/local_g.svg");
}

.direccion_en_menu_elegir .pickup.envio.activo > .input-group span{
    background-image: url("../img/local.svg");
}

.direccion_en_menu_elegir .envio > .input-group span{
    background-repeat: no-repeat;/* Do not repeat the image */
    background-color: transparent;
    background-position: center; /* Center the image */
    /*background-size: cover; */
    background-size: 1.3em;
    border-radius: 8px 0 0 8px;
    border: solid 1px #eaeaea;
    border-right: 0;
}

.direccion_en_menu_promo{
    display: none;
  background-color: #ff0010;
  font-family: SFProText-Bold;
  font-size: 0.85em;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  padding: 1em 0 0.5em 0;
}