/******************************************************************    HASTA    *******   991 PX *********************PEQUEÑAS************/
@media (max-width: 991px){
    body{
        margin-top: 113px;
    }
    
    /*↓991 LOGO CABECERA */
    
    .logoContainer{
        margin: 0 auto;
    }
    
    
    /*↓991*************        BOTONES CABECERA      ******************  */
         .divisor
        {
            display:none;
        }
 
 
    .cont-quienes-somos-contacto{
        margin-top: 10px;
        margin-right: 85px;
    }
    
    
    /*↓991**************icono acceso usuario de cabecera*/ 
    .usuario-top,
    .i-usuario,
    .usuario-top .i-usuario{
      display:block;
      position: static;
      font-weight: bold;
      font-size: 1.23em;

    }
    .texto-loginUser{
      display: none;
    }

    /*↓991 icono contacto de cabecera*/
    .contacto.i-telefono{
      display: block;
      font-weight: bold;
      padding-top: 1px;
    }
    .contactoText{
      display: none;
    }
    /*↓991 iconos quienes somos / contacto */
    .cont-quienes-somos-contacto a{
        margin: 0;
        padding: 0;
        display: block;
        float: right;
        /*width: 25px;*//* Crea un ancho irreal en la vista usuario loggeado y hace que el icono del telefono se desplace */
        font-size: 23px;
        /*height: 25px;*/
    }
    /*↓991 icono quienes somos*/
    .quienesSomosText{
        display: none !important;
    }
  
    /*↓991 Icono usuario BACK OFFICE */ 
  
    .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario.i-usuario-area-usuario{
        margin-top: -4px;
    }
    .boton-resumen-area-usuario a.textoAreaUsuario{
        display: none;
    }
    #botonSalir{
        float: right; 
        margin-right: 8px;
        margin-left: 8px;
    }
  
    /*↓991    barra de busqueda */

    .buscador-productos{
      width: 96%;
      margin: 19px auto;
    }
    /*↓991 *barra de busqueda fin  */
  
                                        
                                        /*  ICONO DE CHAT */
                                     
    /*↓991 **************************    * MENÚ ADMIN RESPONSIVO PANEL DE FARMACIA  *    ******************************/                                        

    #headingOne{
        display: block;
        background: transparent;
        border: 0;
        
    }
    
    /*↓991 **************************** REDES SOCIALES *********************************/    
         
    .cabecera-contenedor .redes-sociales .dvIcoIn {
        display: none;
    }



/*    table .imgServicio{
        width: 140px;
    }
*/
                                        
} /* FIN   ↓  992 */

/******************************************************************                 ↑  992 PX                   ********************GRANDES*************/
@media (min-width: 992px){
    body {
        margin-top: 140px;
    }
  /* icono acceso usuario*/
  .usuario-top,
  .i-usuario,
  .usuario-top .i-usuario{
    display:none;
    position: static;
    font-size: 1.24em;
  }
  .texto-loginUser{
    display: inline;
  }

  /* icono contacto de cabecera*/
  .contacto.i-telefono{
    display: none;
  }
  .contactoText{
    display: block;
  }
  /* icono quienes somos*/
  .quienesSomosText{
    display: block;
  }
  /* PRUEBAS NUEVO HEIGHT CABECERA */
  .cont-cabecera-sidebar{
      height: 140px;
  }
  .sidebar{
      top: 83px;
  }
  .cont-buscador-productos{
      top: -41px !important;
  }
  .resumen-carrito-cabecera{
      top: -77px !important;
  }
}
/************************************************************************************************************************************************************** */

@media (max-width: 550px){
    a.linkContacto {
        display: none;
    }
}
@media (max-width: 485px){

    .dropdown-menu.resumen-carrito-contenedor{
        left: initial !important;
        right: -15px;
        width: 100vw;
    }
    .boton-resumen-area-usuario{
        width: 70px;
    }
    
}
/************************************************************************************************************************************************************** */
@media (max-width: 450px){

    .desplegable{
        display: none;
    }
    .resumen-carrito-texto .unidades2{
    display: block;
    border-radius: 50%;
    color: white !important;
    /* transform: scale(0.7); */
    position: absolute;
    background: orange;
    top: 9px;
    width: 20px;
    text-align: center;
    /* height: 20px; */
    left: 7px;
    font-size: 14px;
    }
    .resumen-carrito-texto .unidades{
        display:none;
    }
    .resumen-carrito-boton{
        position: static;
        float: right;
    }
    .resumen-carrito-cabecera{
        width: 27px !important;
    }
    .cont-quienes-somos-contacto{
        margin-top: 7px;
        margin-right: 42px;
    }
    span.i-carrito{
        margin-top: -2px;
    }
    .miareaSalir{
        float: right;
    }
}
/***************************    * MODULO MENÚ RESPONSIVO PANEL DE FARMACIA *    ******************************/


.hamburguesaPos {
    display: inline-block;
    margin: 0 1em;
    border: none;
    background: none;
    font-size: 10px;
    
}

.hamburguesaPos span {
    display: block;
}
/****** posiciones de hamburguesa2 y MENÚ FARMACIAS ***********/
.hamburguesaPos{
    position: absolute;
}
.panel-body.menu-farmacias{
    width: 360px;
    position: absolute;
}
.iconoInicioUsuario{
    font-size: 22px;
    position: absolute;
    top: -44px;
    left: 40px;
}
.iconoInicioUsuario a,
.iconoInicioUsuario a:link,
.iconoInicioUsuario a:hover{
    text-decoration: none;
    color:black;
}

@media (max-width: 991px){
    .hamburguesaPos{
            top: -47px;
            left: -16px;    
        }
    .panel-body.menu-farmacias{
            top: 60px;
            left: 0px;
            width: 100%;
    }
    .menu-responsive-farmacia-opcion{
        height: 48px;
    }
}
@media (max-width: 768px ){

    .panel-body.menu-farmacias{
            left: -15px;
    }
    .contenedor-submodulo.grafico-ventas-dashboard{
        min-height: 350px;
        min-height: 64vw;
    }
    .leyenda-grafico{
        font-size: 15px !important;
    }
    .cont-buscador-productos{
        height: 0px !important;
        top: -10px !important;
    }
}
@media (max-width: 480px){

    .panel-body.menu-farmacias{
            left: -16px;
            width: 100%;
    }
    .logoContainer,
    .logoContainer img{
        width: 95px !important;
    }
    .logoContainer > div > div {
        margin-top: 8px;
    }
}
@media (max-width: 320px){

    .panel-body.menu-farmacias{
            width: 111%;
            left: 0px;
        }
    /**** apaño *****/
    .contenedor-general .modulos,
    .contenedor-general .pie{
        position: relative;
        z-index: -1;
    }
    .chat-responsivo{
        z-index: 9999999;
    }
}
@media (max-width: 1201px) {
    #gestion-pedidos{
        display:flex;
        flex-direction: column-reverse;
        margin-top: 13px;
        width: 100%;
    }
    .enlaces-redes-sociales.linea-detalle{
        text-align: left;
    }
}


@media (max-width : 768px) and (orientation: portrait){
    .catalogo .producto-vista-detalle .producto-informacion .producto-importes {
        position: fixed;
        bottom: 35px;
        z-index: 999;
        left: 0;
        padding: 0;
        padding-top: 5px;
        margin: 0;
    }
    .catalogo .producto-vista-detalle .producto-importes .producto-importe-unitario,
    .catalogo .producto-vista-detalle .producto-importes .producto-importe-subtotal{
        font-size: 4em;
    }
    .catalogo .producto-vista-detalle .producto-importes .simbolo-euro{
        font-size: 24px;
    }
    .catalogo .producto-vista-detalle .producto-importes .simbolo-euro span{
        font-size: 20px;
    }

    .producto-anadir-carrito {
        position: fixed;
        z-index: 999 !important;
        bottom: 0;
        width: 75%;
        left: 10px;
    }
    .producto-importes:before {
        content: "";
        width: 100%;
        height: 167px;
        background: white;
        position: absolute;
        box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.18);
        top: 0px;
    }
    .catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-unidades{
        margin: 3px;
    }
    .hilo-ariadna.text-left{
        display: none;
    }
    .contenedor-general .container .columna-centro,
    .catalogo .producto-vista-detalle .producto-contenedor,
    .columna-centro .catalogo .producto
    {
        margin-top: 0 !important;
    }
    .catalogo .producto-vista-detalle .producto-contenedor .producto-imagen {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
    }
    .catalogo .producto .producto-imagen .producto-imagen-vista {
        width: 200px;
        height: 200px;
    }
    .catalogo .producto-vista-detalle .producto-imagen{
        height: auto;
    }
    #sidebar .botones-principales .cont-buscador-productos{
        top: -56px;
    }
    .buscador-productos{
        /*margin: 47px auto;*/
    }
    .cont-cabecera-sidebar{
        height: 90px;
    }
    body{
        margin-top: 90px !important; /* conflicto con reWrite */
    }
    .logoContainer, .logoContainer img{
        /*width: 129px !important;*/
    }
    .logoContainer,
    .logoContainer img,
    .logo-cabecera{
        width: 95px !important;
    }
    
    #cssMenuResponsive{
        top: 33px;
    }
    .margen-superior-menor .catalogo .producto,
    .contenedor-general{
        margin-top: 5px;
        padding-top: 0;
    }
    /*menu login */
    .login-registro{
        top: 70px !important;
    }
    /* menu farmacias */
    .panel-body.menu-farmacias{
        top: 36px;
    }
    .cont-buscador-productos{
        height: 0px !important;
        top: -27px !important;
    }
    
}

@media (max-width: 569px ) and (orientation: landscape) and (min-width: 420px){


    body{
        margin-top: 40px;
    }
    /* navegación */
    .hilo-ariadna.text-left{
        display: none;
    }
    .catalogo .producto-vista-detalle .producto-contenedor .producto-imagen {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
        width: 41.66666667%; /* pisamos bootstram clase xs */
    }
    .catalogo .producto .producto-imagen .producto-imagen-vista {
        width: 200px;
        height: 200px;
    }
    .margen-superior-menor .columna-centro{
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-left: 0;
        padding-left: 0 !important;
        margin-right: 0;
        padding-right: 0 !important;
        
    }
    .margen-superior-menor .catalogo .producto{
        margin-top: 5px;
        padding-top: 0;
    }
    .catalogo .producto-vista-detalle .producto-informacion{
        padding-top: 0;
        padding-left: 8px;
        width: 58.33333333%; /* pisamos a bootstrap en clase xs */
    }
    .producto-titulo .producto-puntuacion .producto-puntuacion-resumen, /* Descripcion de la puntuacion */
    .producto-titulo .descripcion-articulo br:nth-child(1), /*Salto de línea antes de la descripción */
    .producto-titulo > div:nth-child(3), /* codigo EAN */
    .producto-titulo > div:nth-child(4), /* Laboratorio */
    .producto-titulo > div:nth-child(5) /* Marca */
    {
        display: none;
    }
    .catalogo .producto-vista-detalle .producto-informacion .producto-titulo{
        min-height: auto;
    }
    .catalogo .producto-vista-detalle .producto-imagen{
        height: auto;
    }
    .catalogo .producto-vista-detalle .producto-marca {
        width: 40px;
        height: 40px;
        line-height: 37px;
    }
    .catalogo .producto-vista-detalle .redes-sociales-productos {
        line-height: 40px;
    }
    /***** ↓ precios ↓ ******/
    .catalogo .producto-vista-detalle .producto-importes .producto-importe-unitario,
    .catalogo .producto-vista-detalle .producto-importes .producto-importe-subtotal{
        font-size: 4em;
    }
    .catalogo .producto-vista-detalle .producto-importes .simbolo-euro{
        font-size: 24px;
    }
    .catalogo .producto-vista-detalle .producto-importes .simbolo-euro span{
        font-size: 20px;
    }
    .catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-unidades{
        margin: 1px;
    }
    .catalogo .producto-vista-detalle .producto-informacion .producto-importes {
        padding: 0;
        margin: 0;
    }
    .catalogo .producto-vista-detalle .producto-interacciones-usuario{
        padding-bottom: 0;
    }
    /***** ↑ precios ↑ ******/
    
    
    
    /***** ↓  menu  ↓******/
    .cont-cabecera-sidebar{
        height: 55px;
    }
    .logoContainer, .logoContainer img {
        width: 95px !important;
    }    
    .cont-buscador-productos{
        display: none;
    }
/* para android resize por teclado*/
    /*.cont-cabecera-sidebar*/
    .cont-cabecera-sidebarAndroid{ height: 88px; }
/* fin para android */
    
        /***** ↓  menu desplegado  ↓******/
        .posBuscadorComprimido{
            top: -56px !important;
            display: block !important;
        }
        .buscador-productos{
        margin: 47px auto;
        }
        .cont-cabecera-sidebar-Comprimido{
            height: 90px !important;
        }
        .cssMenuResponsive-comprimido{
            top: 32px !important;
        }
        /*menu login */
        .login-registro{
            top: 36px;
        }
        /* menu farmacias */
        .panel-body.menu-farmacias{
            top: 36px;
        }
        
/* para android resize por teclado*/
        /*.cont-buscador-productos*/
        .cont-buscador-productosAndroid{ display: block;}
        /*.buscador-productos*/
        .buscador-productosAndroid{ margin: 0px auto;}
/* fin para android */
        
        /***** ↑  menu desplegado  ↑******/
        
    /******↑  menu  ↑******/
}