@font-face {
    font-family: 'fuenteAPP';
    /* src: url('https://www.appinformatica.com/fuentes/EncodeSansCondensed-500-Regular.ttf') format("truetype"); */
    src: url('https://www.appinformatica.com/fuentes/EncodeSansNarrow-500-Medium.ttf') format("truetype");
}

@font-face {
    font-family: 'fuenteAPP_light';
    src: url('https://www.appinformatica.com/fuentes/EncodeSansCondensed-300-Light.ttf') format("truetype");
}
@media print{
    a[href]:after{
        content: none !important;
    }
    @page
   {
    size: A4;
    size: portrait;
  }
}
html,
body {
    width: 100%;
    height: 100%;
    /*  font: normal 13px arial,helvetica,sans-serif */
    font-family: "fuenteAPP";
    background-color: white;
    position: relative;
    overflow-x: hidden;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 25px !important;
}

ol,
ul {
    list-style: none;
}

a:active {
    background-color: transparent !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
}

p {
    margin-top: 0.7rem !important;
    margin-bottom: 0.7rem !important;
}


input::placeholder {
    
    opacity: 0.5;
    color: #929292;
}



.flotante {
    display:scroll;
        position:fixed;
        bottom:10rem;
        right:3rem;
}

.ui-state-active, .ui-widget-content {
    background: #07a8a2 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #07a8a2;
	font-weight: normal;
	color: #ffffff;
}

.dropbtn {
    background-color: white;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    font-size: 16px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #f1f1f1}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
    background-color: white;
  }
.descripcion-ficha{
    text-align:left;
    max-width:52rem;
    font-size:20px; 
    margin-left:4rem; 
    margin-right:3rem;
    color:#6c757d;
    margin-top:2em;
    margin-bottom:2rem;
    padding-bottom:1rem; 
    line-height:2.5rem
}

  .encabezado-fichas{
    /*max-width:36rem; */
    padding-left: 3rem;
    padding-right: 3rem;
    /*margin-left:1rem;*/
  }



.cabecerafamilia{
    margin-left: 2rem;
}

.piedescriptivos{
    margin-left: 4rem;
    margin-bottom: 2rem;
    margin-right: 4rem;
    line-height: 1.6;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    color: #030303;
  }

.menuSupLogo{
    
    padding-left:1rem; 
    font-size:12px;
    color: #929292;
}


.tupedido {
    /* width: 12rem;*/
    width: 75%;
    margin-top: -15px;
    /*margin-left: 2rem;*/
    padding-bottom: 2rem;
    background: white;
    font-size: 1.8rem;
}

.alertaCarrito{
    text-align: center;
    font-size: 14px;
    color:red;
}
.cierreCarrito{
    float: right;
    margin-top: -30px;
    font-size: 18px;
    cursor: pointer;
}

.boton-buscar{
    margin-left:1rem;
    margin-top: 1rem;
    border-width: 0px;
}

.emsg{
    text-align: left;
    color: red;
    font-size: 14px;
}

.boton-filtro-seleccionado{
    border-color: red;
    border-width: 1px;
    border-style: solid;
}

.leyenda-cpostal{
    font-size: 19px;
    text-align: left;
}
.ancho100{
    width:100%; 
}
.ancho50{
    width:100% ;
}
.ancho49{
    width:100% ;
}
.ancho14{
    width:100%;
}
.ancho85{
    width:100%;
}

.swal2-popup {
    font-size: 1.6rem !important;
    font-family: fuenteAPP;
  }


.breadcrumb{
    background-color: white !important; 
    /* margin-bottom:3rem; */
    margin-left: 3rem;
    
}
.breadcrumb-item{
    font-size: 14px;
    color: #929292;
    font-family: "fuenteAPP";
}

.breadcrumb-item a{
    text-decoration: none !important;
    color: #929292;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">" !important;
}

#popup {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}
 
.content-popup {
    margin:0px auto;
    margin-top:120px;
    position:relative;
    padding:10px;
    width:25rem;
    min-height:150px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}
 
.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}
 
.popup-overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}
 
.close {
    position: absolute;
    right: 15px;
}



#seccion_pedidos {
    margin-left: 2rem !important;
}

.grupo-pedidos {
    max-width: 95%;
    min-width: 95%;
}

.btn-secondary {
    color: #929292;
    background-color: white;
    border-color: #929292;
}

.rombo {
    overflow: hidden;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    height: 20px;
    margin-left: 8px;
}

.rombo1 {
    display: inline-block;
    width: 50px;
    height: 23px;
}

.flecha {
    position: relative;
    width: 26px;
    height: 22px;
    margin-right: 22px;
    margin-left: 10px;
    color: #FFF;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
}

.clasee {
    background-color: #FFB300;
}

.table>:not(:first-child) {
    border-top: 2px solid #f0f2f4;
}

.carousel-item {
    transition: none !important;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
    transform: translateX(0);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
    transform: translateX(0)
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.botones {
    flex-grow: 1;
    text-align: center;
    border-width: 1px;
    border-color: #3C9;
    border-style: solid;
    border-radius: 6px;
    padding: 1rem;
    margin: 0 1rem 1rem 0;
}

.Rojo {
    border-color: #F00 !important;
    background-color: #FF6961;
}

a:hover {
    color: black;
}

div.botones:hover {
    background-color: white;
    color: black;
}

.Turquesa {
    color: white;
    background-color: #7fb5b5;
    border-color: #3f888f !important;
}

.Blanco {
    color: black;
    background-color: azure;
    border-color: #3f888f !important;
}

.titulo {
    display: flex;
    margin-left: 2rem;
    font-size: 2rem;
    padding: 1rem;
}

.galeriaimg {
    height: auto;
    width: auto;
    max-width: 160px;
    max-height: 160px;
}

.marcoart {
    width: 160px;
    height: 160px;
    /*overflow: hidden;*/
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

#fondoverde {
    position: relative;
    float: right;
    width: 80%;
    max-width: 550px;
    height: 100%;
    background: #07a8a2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fondoverde:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -45px;
    background: #07a8a2;
    width: 60px;
    height: 100%;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
}

.left {
    /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
    display: flex;
    place-items: center;
    justify-content: right;
    text-align: center;
    margin-right: 3rem;
    display: none;
}

.right {
    /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 2rem;
    width: 100%;
}

.menudashboard {
    margin-top: 0rem;
    margin-left: 1rem;
    margin-bottom: 3rem;
}

.containerlogin {
    width: 90%;
}

.cabecera-buscador {
    padding-top: 10rem;
}

.row {
    align-items: center !important;
}

.card-tiendas {
    margin-right: 4rem;
    margin-left: 4rem;
    min-width: 90%;
    max-width: 90%;
    margin-bottom: 4rem !important;
}

.card-franquicias {
    max-width: 80%;
    min-width: 80%;
    margin-right: 5rem;
    margin-bottom: 3rem !important;
}

.fotos-tiendas {
    width: 60px;
    height: auto;
}

.celdasEntrega {
    color: black;
    padding-top: 0.3rem !important;
    padding-bottom: 0rem !important;
}

.carrovacio {
    text-align: center;
    color: black;
    font-size: 22px;
    padding-top: 0.3rem !important;
    padding-bottom: 0rem !important;
}

.paginador {
    display: block !important;
    position: inherit !important;
    border-radius: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.form input {
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 17px;
}

.form button {
    border: solid 1px #07a8a2;
    border-radius: 4px;
    /*font-family: "Roboto", sans-serif;*/
    margin-right: 0;
    margin-top: 2rem;
    margin-bottom: 5rem;
    /*margin-left: 17rem;*/
    /*width: 50%;*/
    background: #07a8a2;
    border: none;
    outline: none;
    padding: 0.7rem;
    color: #FFFFFF;
    font-size: 20px;
    /*
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    */
    cursor: pointer;
}


/*
  .form button:hover,.form button:active,.form button:focus {
    background: white;
    color:#07a8a2;
    border-radius: 4px;
    border:solid 1px #07a8a2;
  
  }
  */

.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 18px;
}

.form .message a {
    font-size: 16px;
    ;
    color: #07a8a2;
    text-decoration: none;
}

.form-account input {
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 10px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
    background-color: white;
}

.form-account button {
    border: solid 1px #07a8a2;
    border-radius: 4px;
    margin-right: 3rem;
    margin-top: 2rem;
    margin-bottom: 5rem;
    margin-left: 12rem;
    width: 50%;
    height: 4rem;
    background: #07a8a2;
    padding: 0.7rem;
    color: #FFFFFF;
    font-size: 20px;
    /*
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    */
    cursor: pointer;
}


/*
  .form-account button:hover,.form button:active,.form button:focus {
    background: white;
    color:#07a8a2;
    border-radius: 4px;
    border:solid 1px #07a8a2;
  
  }
  */

.leyenda-buscador {
    font-family: fuenteAPP;
    margin-left: 4rem;
    font-size: 12px;
    color: #6c757d;
    margin-top: 2rem;
}

.form-account .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 18px;
}

.form-account .message a {
    font-size: 16px;
    ;
    color: #07a8a2;
    text-decoration: none;
}

.login-page {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 100%;
    margin: 0 auto;
}

.recordarClave {
    font-size: 16px;
    color: #838080 !important;
    text-decoration: underline;
    text-align: left;
}

.boton-login {
    color: white;
    background-color: #07a8a2;
    padding: 0.4rem;
    font-size: 17px;
    border: solid 1px #07a8a2;
    border-radius: 4px;
    cursor: pointer;
    /*ont-weight: bold;*/
}

.avisoonline {
    position: relative;
    font-family: fuenteAPP;
    color: #fff;
    padding-left: 190px;
}

.avisoonline .enlacetutienda {
    text-decoration: none;
    color: white;
}

.avisoonline .shop-online {
    position: absolute;
    bottom: 10px;
    left: 0px;
    text-align: right;
    font-size: 16px;
}

.avisoonline .shop-select {
    border-left: solid 1px #008a85;
    padding: 11px 15px 8px;
}

.avisoonline .shop-select .shop-title {
    font-family: 'fuenteAPP_light';
    font-size: 20px;
    line-height: 20px;
}

.avisoonline .shop-select .shop-title .icone-home {
    width: 24px;
    vertical-align: bottom;
    margin-right: 10px;
}

.avisoonline .shop-select .shop-selected {
    position: relative;
    font-size: 26px;
    font-weight: bold;
    margin-left: 3%;
}

.avisoonline .shop-select .shop-arrow {
    float: right;
    margin-left: 20px;
    margin-top: -2px;
}

.avisoonline .phone {
    margin-left: 15px;
}

.franjaAlta {
    position: relative;
    background-color: #fff;
    /*box-shadow:0 1px 3px rgba(0,0,0,0.2);*/
    width: 100%;
    z-index: 10000;
    /* margin-bottom:2rem;*/
}

div#logo {
    float: left;
    margin-top: 4px;
    margin-left: 19px;
}

.secciones-panel {
    font-size: 16px;
    min-width: 95%;
    max-width: 95%;
    /*min-height: 80rem;
    max-height: 80rem;*/
    padding: 0rem 0rem 0rem 0rem;
    line-height: 3rem;
    /*border-width: thin;
    border-style: groove;
    border-color: lightgray;
    */
    margin-left: 1rem;
    margin-bottom: 2rem;
    padding-left: 0%;
}

.titulo-seccion {
    width: 14rem;
    margin-top: -15px;
    margin-left: 2rem;
    padding-bottom: 2rem;
    background: white;
}


/*
.seccion-seleccionada {
     border-color: tomato !important; 
}
*/

.imagenFicha {
    height: auto;
    width: 300px;
    /*
    min-height: 600px;
    max-height: 600px;
    */
}

::placeholder {
    color: black;
}

.swiper-pagination-bullet-active {
    background-color: #07a8a2;
}

.pagina {
    width: 100%;
    min-height: 100%;
    padding-left: 0rem;
}

.botonSinBordes {
    border: 0 !important;
}

.sinborde {
    border: 0;
    border-bottom-color: #ccc;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    font-size: 20px;
    /*font-weight: bold;*/
    font-family: fuenteAPP;
    width: 75%;
    margin-left: 1rem;
    outline: none;
}

.logocarro {
    width: 25px;
    height: auto;
    margin-right: 1rem;
}

.botonanadir {
    color: white;
    background-color: #07a8a2;
    padding: 0.4rem;
    font-size: 17px;
    border: solid 1px #07a8a2;
    border-radius: 4px;
    cursor: pointer;
    /*ont-weight: bold;*/
    margin-left: 3rem;
}

.botonoferta {
    color: red;
    background-color: transparent;
    padding: 0.4rem;
    font-size: 17px;
    /* border: solid 1px red; */
    border-radius: 4px;
    /*cursor: pointer;*/
    /*ont-weight: bold;*/
    /*margin-left: 3rem;*/
}

.botonanadir-ficha {
    color: white;
    background-color: #07a8a2;
    padding: 0.4rem;
    font-size: 22px;
    border: solid 1px #07a8a2;
    border-radius: 4px;
    cursor: pointer;
}

.botonmenudatos {
    flex: 0 1 calc(50% - 1rem);
    background: #ebeaea;
    color: #616060 !important;
    line-height: 1rem;
    text-align: center;
    font-family: fuenteAPP;
    font-size: 14px;
    padding: 1rem;
    border-radius: 4px;
    margin: 0.5rem;
    cursor: pointer;
    /*
    color: #07a8a2;
    margin-bottom: 1rem;
    padding: 0.7rem;
    font-size: 14px;
    border: solid 1px #07a8a2;
    border-radius: 4px;
    margin-left: 1rem;
    **/
    cursor: pointer;
}

.botonmenudatos a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #616060 !important;
    /*color: #07a8a2;*/
    font-family: fuenteAPP;
    font-size: 14px;
}

.botonpagar {
    color: white !important;
    padding: 0.7rem;
    font-size: 20px;
    border: solid 1px #07a8a2;
    background-color: #07a8a2;
    border-radius: 4px;
    cursor: pointer;
}

.botonpagar a {
    text-decoration: none;
    color: white;
    font-size: 22px;
}

.botonmenudatos a:link,
a:visited,
a:active {
    text-decoration: none;
    color: white;
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none !important;
}

.botonbuscar {
    box-shadow: none;
    border-radius: 0px;
    border: 0;
    background-color: transparent;
    outline: none;
    outline: white;
}

.swiper-container {
    /*margin-top: 2rem;*/
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

div#columnCart {
    display: block;
    position: fixed;
    top: 2rem;
    right: 20px;
    width: 310px;
    padding: 5px 0px;
    font-family: fuenteAPP;
    font-size: 14px;
}

#rgpd {
    color: #817c7c !important;
}

.menugeneraloff {
    display: none;
}

.menugeneralon {
    display: block;
}

.bocadillo-cuadrado {
    margin: 20px;
    margin-left: 4rem;
    padding: 2px;
    position: relative;
    border-radius: 4px 4px 4px 4px;
    width: 25rem;
    /*background-color: #b2f7f0;*/
}

.contenedor-flex-api-menu {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.contenedor-carrito {
    position: fixed;
    margin-top: 3rem;
    bottom: 0;
    width: 100%;
    background-color: lightsalmon;
    height: 9rem;
    /*
    border-color: gray;
    border-width: 1px;
    border-style: solid;
    */
    /*border-radius: 4px;*/
}


/* Fin de clases de página */

.complementos_desc {
    text-decoration: none;
    line-height: 140%;
    font-size: 16px;
    font-family: fuenteAPP;
    color: #6c757d;
}

.td-complementos-descripcion {
    padding: 1.5rem 0rem 1.5rem 1rem !important;
}

.td-complementos-foto {
    padding: 1.5rem 1rem 1.5rem 0em !important;
}

.td-articulos-descripcion {
    padding: 1.5rem 2rem 1.5rem 0rem !important;
}

.td-articulos-foto {
    padding: 1.5rem 1rem 1.5rem 1.5rem !important;
}

.td-ficha-descripcion {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
}

.td-fichas-foto {
    padding: 1rem 0rem 1rem 1rem !important;
}

.td-fichas-descripcion {
    padding: 1rem 1rem 1rem 1rem !important;
}

td {
    padding: 1rem 1rem 1rem 1rem !important;
}

.contenedor-flex-cabecera {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    /*padding: 1.5rem;*/
    align-items: center;
    flex-wrap: nowrap;
    font-family: 'fuenteAPP';
    width: 100%;
    background-color: white;
}

.contenedor-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    /*padding: 1.5rem;*/
    align-items: center;
    flex-wrap: wrap;
    font-family: 'fuenteAPP';
    /*margin-left: 0rem !important;*/
}

.contenedor-flex-lista-tops {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    padding: 0rem;
    margin-left: 4rem;
    /*align-items: center;*/
    flex-wrap: wrap;
    font-family: 'fuenteAPP';
}

.contenedor-flex-tarjetas-tiendas {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    flex-wrap: wrap;
    font-family: 'fuenteAPP';
}

.contenedor-flex-carro {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: 0px;
    padding: 1.5rem;
    padding-left: 0px;
    align-items: center;
    flex-wrap: wrap;
}

.contenedor-flex-ficha {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: row;
    margin-left: 0px;
    padding: 10px 5px 10px 15px;
    justify-content: start;
    align-items: center;
    flex-wrap: nowrap;
    font-family: 'fuenteAPP';
}

.bt-flex-familia {
    flex: 1 0 calc(70% - 1rem) !important;
}

.contenedor-flex-api-menu {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.contenedor-flex-ficha-share {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.imgpago{
    width: 8rem;
   
}

.contenedor-flex-top {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 0 0 0 0;
    /*align-items: center;*/
    flex-wrap: nowrap;
    font-family: 'fuenteAPP';
}

.contenedor-flex-top-carrito {
    flex: 0 1 calc(50% - 1rem);
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 0 0 0 0;
    /*align-items: center;*/
    flex-wrap: nowrap;
    font-family: 'fuenteAPP';
    margin-left: 0rem;
    margin-right: 1.5rem;
    background-color: white;
    z-index: 19000;
}

.swiper-slide-active {
    margin-bottom: 3rem;
}

.boton-marca {
    /*display: flex;*/
    color: #616060 !important;
    line-height: 1rem;
    text-align: left;
    font-size: 14px;
    padding: 1rem;
}

.boton-flex-cabecera {
    flex: 0 1 calc(50% - 1rem);
    color: #616060 !important;
    line-height: 1rem;
    text-align: center;
    font-size: 14px;
    /* padding: 1rem;*/
    border-radius: 4px;
    /* margin: 0.5rem;*/
    cursor: pointer;
    /* text-transform: uppercase;*/
}

.boton-flex-carrito {
    /*flex:0 1 calc(50% - 1rem);*/
    color: #616060 !important;
    line-height: 1rem;
    /*text-align: center;*/
    font-size: 16px;
    /* padding: 1rem; */
    border-radius: 4px;
    margin: 1rem;
    cursor: pointer;
    /* text-transform: uppercase; */
}

.boton-flex {
    flex: 0 1 calc(50% - 1rem);
    background: #ebeaeab8;
    color: #616060 !important;
    line-height: 2rem;
    text-align: center;
    font-size: 14px;
    padding: 1rem;
    border-radius: 4px;
    margin: 0.5rem;
    cursor: pointer;
    text-transform: uppercase;
}

.boton-flex-lista-tops {
    /*flex:1 0;*/
    background-color: rgb(214 243 242);
    color: #616060 !important;
    /* line-height: 1rem;*/
    /*text-align: center;*/
    font-size: 15px;
    padding: 0.5rem;
    border-radius: 4px;
    margin: 0.5rem;
    margin-left: 0 !important;
    cursor: pointer;
    /*text-transform: uppercase;*/
}

.boton-flex-lista-alternativos {
    /*flex:1 0;*/
    background-color: #07a8a2;
    color: white !important;
    /* line-height: 1rem;*/
    /*text-align: center;*/
    font-size: 15px;
    padding: 0.5rem;
    border-radius: 4px;
    margin: 0.5rem;
    cursor: pointer;
    /*text-transform: uppercase;*/
}

.boton-flex-lista-alternativos a {
    color: white !important;
}

.boton-flex-lista-tops-ficha {
    /*flex:1 0;*/
    background-color: rgb(248, 226, 207);
    color: #616060 !important;
    /* line-height: 1rem;*/
    /*text-align: center;*/
    font-size: 15px;
    padding: 1rem;
    border-radius: 4px;
    margin: 0.5rem;
    cursor: pointer;
    /*text-transform: uppercase;*/
}

.boton-flex-carro {
    flex: 0 1 calc(50% - 1rem);
    background: #f3f2f2;
    color: #07a8a2 !important;
    line-height: 1.5rem;
    text-align: center;
    font-size: 17px;
    padding: 1rem;
    border-radius: 16px;
    margin: 0.5rem;
    cursor: pointer;
}

.boton-flex-familia {
    flex: 0 1 calc(50% - 1rem);
    background-color: rgb(248 226 207 / 58%);
    color: #616060 !important;
    line-height: 1.5rem;
    text-align: center;
    font-size: 14px;
    padding: 1rem;
    border-radius: 4px;
    margin: 0.5rem;
    cursor: pointer;
    text-transform: uppercase;
}

.boton-flex-ficha {
    flex: 0 1 calc(50% - 1rem);
    background: #ebeaea;
    color: #616060 !important;
    line-height: 1rem;
    text-align: center;
    font-size: 14px;
    padding: 1rem;
    border-radius: 8px;
    margin: 0.5rem;
    cursor: pointer;
}

.boton-flex-ficha a {
    text-decoration: none !important;
}

.top-flex-ficha {
    flex: 0 1 calc(50% - 1rem);
    color: #838080 !important;
    line-height: 2rem;
    text-align: center;
    font-size: 16px;
    padding: 0rem 0rem 0rem 0rem;
    /*margin: 0.5rem;*/
}

.top-flex-banner {
    flex: 0 1 calc(50% - 1rem);
    color: #838080 !important;
    line-height: 2rem;
    text-align: center;
    font-size: 16px;
    padding: 0rem 0rem 0rem 0rem;
    /*margin: 0.5rem;*/
}

.top-flex-ficha a {
    text-decoration: none !important;
}

.top-flex-banner a {
    text-decoration: none !important;
}

.foto_tops {
    /*
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 150px;
    */
    width: auto;
    /* min-height: 100%; */
    /* max-height: 100%; */
    height: auto;
    max-width: 140px;
    max-height: 115px;
}

.foto_banner {
    width: auto;
    height: auto;
    max-width: 360px;
    max-height: 360px;
}

.foto_tops_complementos {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}

.facebook {
    border-width: 1px;
    border-style: solid;
    border-color: #3b5998;
    background-color: white;
    display: none;
}

.boton-flex-carro a {
    text-decoration: none;
    color: #07a8a2;
}

.boton-flex a {
    text-decoration: none;
    color: #616060 !important;
    ;
}

.boton-flex-lista-tops a {
    text-decoration: none;
    color: #616060 !important;
    ;
}

.boton-flex-familia a {
    text-decoration: none;
    color: #616060 !important;
    ;
}

.facebook a {
    text-decoration: none;
    color: white !important;
    color: #3b5998;
}

.twitter {
    border-width: 1px;
    border-style: solid;
    border-color: #00acee;
    background-color: white;
    display: block;
}

.twitter a {
    text-decoration: none;
    color: #00acee !important;
}

.whatsapp {
    border-width: 1px;
    border-style: solid;
    border-color: #25d366;
    background-color: white;
}

.whatsapp a {
    text-decoration: none;
    color: #25d366 !important;
}

.imprimir {
    cursor: pointer;
    /*color:white;*/
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    background-color: white;
    display: none;
}

.imprimir a {
    text-decoration: none;
    color: #666 !important;
}


/*
.seleccionado {
    background: #07a8a2;
    border-color: rgb(250, 214, 182);
    border-width: 1px;
    border-style: solid;
    color: black !important;
    margin-right: 3rem;
}

.seleccionado a {
    color: black !important;
}
*/

.menu {
    flex: 1;
}

.leyenda-top {
    background-color: #f0efef;
    padding: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: fuenteAPP;
    font-size: 17px !important;
}

.pvp {
    color: #030303;
    font-size: 22px;
}

.en_tienda {
    /* font-family: fuenteApp_light; */
    font-size: 13px;
    color: #929292
}

.leyenda-top p {
    font-size: 16px !important;
    color: #474747 !important;
}

.linea-top {
    border-top: 1px solid #ccc !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ficha_thumbs {
    margin-top: 0px !important;
    margin-left: 1.5rem;
}

.ficha_thumbs ul li img {
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 80px;
}

#ficha-producto h1.tit_ficha {
    font-size: 20px;
}

td {
    padding: 1rem 1rem 1rem 1rem !important;
}

.boton-general {
    display: inline-block;
    margin-left: 1rem;
    background-color: #07a8a2;
    color: white !important;
    line-height: 1.5rem;
    text-align: center;
    font-size: 16px;
    padding: 0.5rem;
    border-radius: 25px;
}

.boton-general a {
    text-decoration: none;
    color: white !important;
}

.price-to-action {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 1rem !important;
}

a.btn_comprar {
    margin-bottom: 0px !important;
}

#ficha-producto .ficha_info {
    padding-bottom: 0px !important;
}

#ficha-producto p {
    color: #838080 !important;
}

#ficha-producto .image_product #foto_grande {
    width: auto;
    height: auto;
    max-height: 220px;
    max-width: 200px;
    margin-bottom: 5px;
    margin-left: 2rem;
}

.otras-opciones {
    color: #6c757d;
    font-size: 16px;
    margin-left: 2rem !important;
    margin-right: 2rem;
    margin-bottom: 4rem;
}

.otras-opciones-entrega {
    color: #6c757d;
    font-size: 16px;
    margin-left: 2rem !important;
    margin-top: 4rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.tit_ficha {
    margin: 0 0 0 0 !important;
}

.ficha_precio {
    font-size: 30px;
}

#ficha-producto .image_product {
    margin: 0 0 20px 0;
}

#ficha-producto {
    padding: 5px 20px 20px 20px;
}

@media (min-width: 1440px) {
    .swiper-container {
        margin-top: 5rem;
        width: 100%;
        height: 100%;
    }
    .lateralCarrito {
        top: 10rem;
        left: 104rem;
        width: 23%;
        z-index: 3;
        background-color: white;
    }
}

@media (min-width: 1366px) {
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        border-color: inherit;
        border-style: none;
        border-width: 0;
    }
    .table>:not(:first-child) {
        border-top: 2px solid #f0f2f4;
    }
    .menuSupLogo{
        font-size: 12px;
        padding-left:1rem; 
        color: #929292;
    }
    .card-tiendas {
        margin-right: 4rem;
        margin-left: 4rem;
        min-width: 17%; 
        max-width: 17%;
        margin-bottom: 4rem !important;
    }
    .foto_tops_complementos {
        width: auto;
        height: auto;
        max-width: 175px;
        max-height: 175px;
    }
    .imagenFicha {
        height: auto;
        width: auto;
        max-width: 500px;
        max-height: 400px;
    }
    .menudashboard {
        margin-top: 0rem;
        margin-left: 7rem !important;
    }
    .cabecera-buscador {
        padding-top: 11rem;
        padding-left: 6rem;
    }
    .cabecerafamilia{
        margin-left: 6rem;
    }
    .piedescriptivos{
        margin-left: 6rem;
        margin-bottom: 2rem;
        margin-right: 6rem;
    }
    .pagina {
        width: 77%;
        min-height: 100%;
        padding-left: 4rem;
    }
    .franjaAlta {
        /*width: 65%;*/
        z-index: 1000;
        width: 100%;
    }
    .tablaLateralCarrito {
        width: 100%;
    }
    .lateralCarrito {
        position: absolute;
        /*z-index: 10000;*/
        left: 100rem;
        top: 7rem !important;
        padding-top: 3rem !important;
        /*float: right;*/
        display: block;
        width: 30% !important;
    }
    .contenedor-flex {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 1.5rem;
        flex-wrap: wrap;
    }
    .boton-flex {
        margin: 0.5rem;
        flex: 0 1 auto;
        font-size: 13px;
        line-height: 1rem;
    }
    .boton-flex-familia {
        margin: 0.5rem;
        flex: 0 1 auto;
        font-size: 13px;
    }
    .boton-flex-ficha {
        margin: 0.5rem;
        flex: 0 1 auto;
    }
    .leyenda-top p {
        font-size: 17px !important;
    }
    .top-flex-ficha {
        /*margin: 1rem;*/
        flex: 0 1 auto;
        line-height: 2rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .top-flex-banner {
        /*margin: 1rem;*/
        flex: 0 1 auto;
        line-height: 2rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .boton-flex-lista-tops {
        font-size: 13px;
    }
    .contenedor-flex-ficha {
        flex: 0 1 calc(50% - 1rem);
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 3rem;
    }
    .contenedor-flex-ficha-share {
        flex: 0 1 calc(50% - 1rem);
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
    }
    .contenedor-flex-top {
        flex: 0 1 calc(50% - 1rem);
        margin-top: 0rem;
        display: flex;
        flex-flow: row wrap;
        /*justify-content:space-between; */
        align-items: center;
        /*flex-wrap:nowrap;*/
    }
    .marcoart {
        width: 180px;
        height: 180px;
        /*overflow: hidden;*/
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .cuadrocarro {
        border-width: thin !important;
        border-color: #FF8000 !important;
        border: solid;
    }
    .tupedido {
        /* width: 12rem;*/
        width: 75%;
        margin-top: -15px;
        /*margin-left: 2rem;*/
        padding-bottom: 2rem;
        background: white;
        font-size: 2rem;
    }
    .contenedor-flex-top-carrito {
        border-width: thin !important;
        border-color: #07a8a2 !important;
        /*border-color: #FF800094 !important;*/
        border: solid;
        padding-left: 0rem;
        padding-right: 2rem;
        padding-bottom: 3rem;
    }
    .boton-buscar{
        margin-left:2rem;
        margin-top: 0rem;
    }
    
    .boton-buscar:hover{
        background-color: white;
        color: black;
        border-color: white;
    }
    .btn-outline-secondary:hover {
        background-color: white;
        color: black;
        border-color: white;
    }
    .descripcion-ficha{
        text-align:left;
        max-width:52rem;
        font-size:20px; 
        margin-left:5rem; 
        margin-right:3rem;
        color:#6c757d;
        margin-top:2em;
        margin-bottom:2rem;
        padding-bottom:1rem; 
        line-height:2.5rem
    }
    .encabezado-fichas{
        max-width:50rem; 
        margin-left:5rem;
        padding-left: 0rem;
    padding-right: 0rem;
      }
    /*
    .botonpagar {
        border: solid 1px #FF8000;
        background-color: #FF8000;
    }
    */
    .bt-flex-familia {
        flex: 0 1 auto !important;
    }
    .ficha_thumbs {
        margin-top: 0px !important;
        margin-left: 1.5rem;
    }
    .ficha_thumbs ul li img {
        width: auto;
        height: auto;
        max-height: 100px;
        max-width: 80px;
        margin-left: 0;
    }
    .ficha_thumbs ul li {
        font-size: 15px;
        display: inline-block;
        width: 23%;
        margin: 0 1% 10px;
    }
    .otras-opciones {
        margin-left: 4rem !important;
        margin-right: 2rem !important;
    }
    .otras-opciones-entrega {
        margin-left: 1rem !important;
        margin-right: 2rem !important;
    }
    .facebook {
        display: block;
    }
    .whatsapp {
        display: none;
    }
    .twitter {
        display: block;
    }
    .imprimir {
        display: block;
    }
    #foto_grande {
        margin-left: 12rem;
    }
    .contenedor-flex-top {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 1rem;
        margin-left: 2rem;
        flex-wrap: wrap;
    }
    .sinborde {
        width: 30%;
    }
    .foto_tops {
        /*
        width: auto;
        height: auto;
        max-width: 170px;
        max-height: 170px;
        */
        width: auto;
        /* min-height: 100%; */
        /* max-height: 100%; */
        height: auto;
        max-width: 170px;
        max-height: 170px;
    }
    .containerlogin {
        display: flex;
        /*grid-template-columns: 1fr 1fr;
        background: url(bg.jpg) center;
        background-size: cover;
        height: 60vh;
        */
        margin-right: 20rem;
        width: auto;
    }
    .left {
        /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
        display: flex;
        place-items: center;
        justify-content: right;
        text-align: center;
        margin-right: 3rem;
    }
    .right {
        /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
        display: flex;
        place-items: center;
        justify-content: left;
        text-align: center;
        margin-left: 3rem;
    }
}

@media (min-width: 1900px) {
    .imgpago{
        width: 10rem;
    }
    
    .menuSupLogo{
        
        padding-left:1rem; 
        font-size:17px;
        color: #929292;
    }
    .leyenda-cpostal{
        font-size: 20px;
        text-align: left;
    }
    .ancho100{
        width:100%; 
      }
      .ancho50{
        width:50% !important; 
        display:inline-block;
      }
      .ancho49{
        width:49% !important; 
        display:inline-block;
      }
      .ancho14{
        display:inline-block;
        width:14%; 
      }
      .ancho85{
        display:inline-block;
        width:85%; 
      }
    .left {
        /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
        display: flex;
        place-items: center;
        justify-content: right;
        text-align: center;
        margin-right: 3rem;
    }
    .right {
        /*background: linear-gradient(red, rgba(0, 0, 255, 0.411));*/
        display: flex;
        place-items: center;
        justify-content: left;
        text-align: center;
        margin-left: 3rem;
    }
    .containerlogin {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background: url(bg.jpg) center;
        background-size: cover;
        height: 60vh;
        margin-right: 50rem;
        width: auto;
    }
    .fotos-tiendas {
        width: 120px
    }
    .foto_tops {
        /*
        width: auto;
        height: auto;
        max-width: 170px;
        max-height: 170px;
        */
        width: auto;
        /* min-height: 100%; */
        /* max-height: 100%; */
        height: auto;
        max-width: 170px;
        max-height: 170px;
    }
    .card-franquicias {
        max-width: 40rem;
        min-width: 40rem;
        margin-right: 4rem;
        margin-bottom: 3rem !important;
    }
    .card-tiendas {
        margin-right: 1rem;
        margin-left: 1rem;
        min-width: 24rem;
        max-width: 24rem;
        margin-bottom: 4rem !important;
    }
    .login-page {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        width: 50%;
        margin: 0 auto;
    }
    .desplegable-secciones {
        min-width: 42rem;
        max-width: 42rem;
        padding: 0rem 0rem 0rem 0rem;
        line-height: 3rem;
        border-width: thin;
        border-style: groove;
        border-color: lightgray;
        margin-left: 2rem;
        margin-bottom: 2rem;
    }
    .secciones-flex {
        padding-top: 7rem;
    }
    #seccion_pedidos {
        margin-left: 5rem !important;
    }
    .secciones-panel {
        min-width: 90%;
        max-width: 90%;
        /*
        min-height: 80rem;*/
        padding: 0rem 0rem 0rem 0rem;
        line-height: 3rem;
        border-width: thin;
        /*border-style: groove;
        border-color: lightgray;*/
        margin-left: 0rem;
        margin-bottom: 2rem;
    }
    .lateralCarrito {
        position: absolute;
        /* z-index: 10000;*/
        left: 146rem;
        top: 7rem !important;
        padding-top: 3rem !important;
        /*float: right;*/
        display: block;
        width: 23% !important;
    }
    .contenedor-flex {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 0.5rem;
        margin-left: 2rem;
        flex-wrap: wrap;
    }
    .top-flex-ficha {
        min-width: 45rem;
        max-width: 45rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .top-flex-thumbs {
        flex: 0 1;
        justify-content: center;
        color: #838080 !important;
        margin-right: 2rem;
        margin-bottom: 2rem;
        line-height: 2rem;
        text-align: center;
        font-size: 16px;
        padding: 0rem 0rem 0rem 0rem;
        max-width: 250px;
        min-width: 250px;
        /*margin: 0.5rem;*/
    }
    .top-flex-banner {
        min-width: 45rem;
        max-width: 45rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .top-flex-carro {
        /*min-width: 50rem;*/
        /*max-width: 50rem;*/
        padding: 0rem 0rem 0rem 0rem;
    }
    #foto_grande {
        margin-left: 12rem !important;
        /*max-height: 470px !important; 
    max-width: 425px !important;*/
    }
    .contenedor-flex-top {
        display: flex;
        justify-content: flex-start;
        flex-flow: row !important;
        line-height: 1rem;
        margin-left: 0rem !important;
        flex-wrap: wrap !important;
    }
    .boton-flex-carro {
        background: white;
    }
    .sinborde {
        margin-left: 3rem;
        font-size: 25px;
    }
    p {
        margin-top: 0.7rem !important;
        margin-bottom: 0.7rem !important;
    }
}

@media (min-width: 1024px) {
    .tit_ficha {
        margin: 20px 0 0 0 !important;
    }
    #ficha-producto {
        padding: 20px 20px 20px 20px;
    }
    #ficha-producto .image_product {
        margin: 0 20px 0px 0;
    }
    #ficha-producto h1.tit_ficha {
        font-size: 24px;
    }
    .ficha_precio {
        font-size: 34px;
    }
    .contenedor-flex-top {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 1rem;
        margin-left: 2rem;
        flex-wrap: wrap;
    }
    .contenedor-flex {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 1rem;
        margin-left: 2rem;
        flex-wrap: wrap;
    }
    .contenedor-carro {
        display: flex;
        justify-content: flex-start;
        flex-flow: row;
        line-height: 1rem;
        margin-left: 0px;
        flex-wrap: wrap;
    }
    /*
.ficha_thumbs{
	margin-top:2rem !important;	
}
*/
    .top-flex-ficha {
        padding: 0 4rem 0 0rem;
        padding: 0rem 0rem 0rem 0rem;
        /*
        border-width: thin;
        border-color: #80808042;
        border-style: solid;
        max-height: 20rem;
        min-height: 20rem;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        */
        /*max-width: 77rem;*/
    }
    .top-flex-ficha-prod {
        padding: 0 4rem 0 0rem;
        padding: 0rem 0rem 0rem 0rem;
        min-width: 58rem;
        max-width: 64rem;
    }
    .top-flex-banner {
        padding: 0 4rem 0 0rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    #foto_grande {
        margin-left: 0rem;
    }
    .price-to-action {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 4rem !important;
    }
    #ficha-producto {
        padding: 25px 25px 0px !important;
        margin-top: 2.5rem;
    }
    div#columnaCategorias {
        top: 0.5rem !important;
    }
    #ficha-producto .image_product #foto_grande {
        width: auto;
        height: auto;
        max-height: 300px;
        max-width: 300px;
        margin-bottom: 10px;
    }
    /*
.ficha_thumbs ul li img {
    width: auto;
    height: auto;
    max-height: 80px;
    max-width: 80px;
	margin-left:5rem;
}

.ficha_thumbs ul li {
	font-size:15px;
	display:inline-block;
	width: 20%;
	margin:0 1% 10px;
}*/
}

.lateralCarrito {
    display: none;
    /*z-index: 10000;*/
    position: absolute;
    top: 8rem;
    padding-top: 3rem !important;
    /*float: right;*/
    width: 100%;
    background-color: white;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: auto;
    left: 0;
    width: 100%;
}

.swiper-slide-active {
    margin-bottom: 1rem;
}