body{font-family: 'Raleway'!important;font-weight: 400;font-size: 15px;-webkit-font-smoothing: subpixel-antialiased;}
h1,h2,h3,h4{text-transform: uppercase;font-family: Oswald/*!important*/;font-weight: 700;}
h3{font-size: 29px;font-family: Oswald/*!important*/;font-weight: 700;color: #e52323;}
h5{text-transform: uppercase;font-family: Oswald/*!important*/;font-size: 15px;font-weight: 300;}
a{color: inherit;text-decoration: none!important;cursor: pointer!important;}
a:hover{color: inherit!important;text-decoration: none!important;}

header{position: fixed;width: 100%;z-index: 4;top: 0;}
@keyframes example {
    0% {background-color: rgba(255,110,1,0);}
    50% {background-color: rgba(255,110,1,0.7);}
    65% {background-color: rgba(255,110,1,0.7);}
    100% {background-color: rgba(255,110,1,0);}
}

.just-added{background-color: rgba(255,110,1,0);animation-name: example;animation-duration: 1.5s;animation-delay: 0.5s;animation-fill-mode:both;}


body #localidad{display: none;text-align: center;padding: 6px;color: #e52323;font-weight: 700;font-size: 16px;}
body.referente #localidad{display: block;text-align: center;padding: 6px;color: #e52323;font-weight: 700;font-size: 16px;}
#localidad img {padding-right: 6px;}



nav{min-height: 80px;background-color: white;text-align: center;}
/*nav{min-height: 90px;background-color: white;box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.3);text-align: center;}*/
nav .cont{display: block;/*display: inline-block;*/}
nav .products {min-width: 70%;padding-top: 11px;}
nav .products ul{margin: auto;padding:0;list-style: none;padding-bottom: 12px;display: table;width: 100%;text-align: center;}
nav .products li{display: inline-block;padding: 0 9px;font-weight: 700;color: #474747;font-size: 17px;display: table-cell;line-height: 19px;}
nav .cart-btn{cursor: pointer;position: relative;}
nav .cart-btn .counter{z-index: 2;position: absolute;min-width: 20px;top: 0;left: 0;background: #fff;padding: 2px;font-size: 11px;background: #ff6d00;color: white;border-radius: 75px;}
nav .cont.logocont img{width: 210px;}
nav .cont.logocont{padding-top: 17px;}
nav .cont.icons{position: absolute;right: 2%;top: 18%;}

nav .wrap{width: 85%;position: relative;margin: auto;}
/*:::::::::::  HEADER REFERENTE  :::::::::::*/
nav.referente .cont {/*margin-top: 10px;*/}
nav.referente .cont.optsmenu {top: 35%;}
nav.referente .cont.logocont {min-height: 100px;padding: 8px 0;/*margin-top: 10px;*/}
nav.referente .cont.logocont h3 {/*margin: 0;*/}
nav.referente .products {min-width: 0;width: 100%;background: #5d5d5d;padding-top: 10px;margin-top: 0;padding-bottom: 1px;}
nav.referente .cont.icons{position: absolute;right: 3%;}
nav.referente .cont.icons {top: 29%;}
nav.referente .cont.logocont h3{font-size: 27px;font-family: Oswald!important;font-weight: 600;}
nav.referente .cont.logocont img {max-height: 70px;display: inline-block;width: auto;max-height: 95px;max-width: 40%;}
nav.referente .cont.logocont .not-isotype img {margin: 5px 0;}
nav.referente .cont.logocont .isotype h3{/*display: inline-block*/;padding-left: 10px;vertical-align: middle;}
nav.referente .cont.products ul{margin-bottom: 0px;}
nav.referente .cont.products li{color: white;}

nav.referente .h5datosentrega {color:white;padding-top: 5px;padding-bottom: 5px;}

/*:::::::::::  FOOTER REFERENTE  :::::::::::*/
footer.referente label {font-size: 19px;}
footer.referente label.name {display: block;}
footer.referente .logo {margin-right: 17px;max-width: 25px;margin-bottom: 3px;}
footer.referente .pic {width: 100%;}
footer.referente .pic.no-logo{height: 110px;}
/*footer.referente .pic::after{padding-bottom: 100%;content: "";display: block;}*/
footer.referente .pic .content{position: absolute;height: 100%;width: 100%;background-size: 100%;background-position: center;display: table-cell;vertical-align: middle;}
footer.referente h3{color:white;text-transform: none;font-size: 25px;font-family: Oswald!important;font-weight: 400;text-align: center;line-height: 35px;margin-bottom: 3px;width: 90%;margin: auto;}
footer.referente h3.name {text-align: left;margin: 0;text-transform: uppercase;line-height: 27px;}
footer.referente .pic img{max-width: 235px;max-height: 115px;margin-bottom: 10px;}
footer.referente .pic img.iso{display: block;margin: auto;margin-bottom: 13px;}
/*footer.referente .pic .no-logo{padding-top: 30%;}*/
footer.referente .location{font-size: 16px;line-height: 18px;display: block;vertical-align: middle;max-width: 280px;}
footer.referente .location label{margin: 0;font-size: 15px;max-width: 81%;vertical-align: middle;}
footer.referente .location img{/*float: left;*/margin-right: 8px;}
footer.referente .redes{margin-top: 0px;display: inline-block;margin-bottom: 7px;}
footer.referente .pagos a {margin-right: 26px;}
.referente .pagos label {font-size: 17px;}
footer.referente .pagos img {max-width: 45px;margin: 0px 2px 14px 0;}
footer.referente .pic .content.no-logo{position: static;padding: 25% 0;}
footer.referente .legals{display: block;text-align: left;}
footer.referente .copyright{font-size: 14px;padding-left: 14px;text-align: left;}


footer {background: #ea1f1f;padding: 40px 0;}
footer a, footer .atencion, footer .aclaracion{vertical-align: middle;color: #ffffff;font-weight: 400!important;font-size: 15px;line-height: 18px;margin-bottom: 5px;}
footer .atencion{line-height: 21px;}
footer .links a{display: block;}
footer .logo {margin-right: 20px;margin-right: 20px;margin-bottom: 10px;}
footer label{font-size: 20px; color: white;margin-bottom: 11px;margin-top: 9px;}
footer .data{padding: 0;}

/* footer para ecommerce */

.footerEc {background: #9a9a9a;padding: 40px 0;}
.footerEc a, .footerEc .atencion, .footerEc .aclaracion{vertical-align: middle;color: #ffffff;font-weight: 400!important;font-size: 15px;line-height: 18px;margin-bottom: 5px;}
.footerEc .atencion{line-height: 21px;}
.footerEc .links a{display: block;}
.footerEc .logo {margin-right: 20px;margin-right: 20px;margin-bottom: 10px;}
.footerEc label{font-size: 20px; color: white;margin-bottom: 11px;margin-top: 9px;}
.footerEc .data{padding: 0;}

.wpp{position: fixed;z-index: 3;bottom: 30px;left: 25px;}
.wppstyle{max-width: 70px;}

.highlight .owl-nav{position: absolute;top: 45%;width: 100%;}
.highlight .owl-nav img{width: 31px;}
.highlight .owl-nav .right{position: absolute;right: -40px;top: 0;}
.highlight .owl-nav .left{position: absolute;left: -40px;top: 0;}

a.whatsapp{background-color: #10c14b;box-shadow: -4px 0px 0px #0a8e32;}
a.whatsapp img{width: 28px;}

.breadcrumb{color: #3f3f3f;background: none;padding: 0;margin-top: 20px;}
.breadcrumb label{margin: 0 10px;}

button{cursor: pointer;}
.add-to-cart{
	background: #ff6d00;
    border: none;
    font-family: Oswald!important;
    text-transform: uppercase;
    color: white;
    font-size: 19px;
    min-width: 127px;
    box-shadow: -4px 0px 0px #db5800;
}

/*boton de ecommerce*/
.add-to-ecommerce{
    background: #e52323;
    border: none;
    font-family: Oswald!important;
    text-transform: uppercase;
    color: white;
    font-size: 19px;
    min-width: 160px;
    box-shadow: -4px 0px 0px #db5800;
}
/*boton de mail*/
.add-to-mail{
    background: #13bcff;
    border: none;
    font-family: Oswald!important;
    text-transform: uppercase;
    color: white;
    font-size: 19px;
    min-width: 160px;
    box-shadow: -4px 0px 0px #db5800;
}

.btn-consulta{
    font-size: 26px; 
    background-color: white;
    font-family: Oswald!important;
    text-transform: uppercase; 
    padding-left: 20px;
    border: 1px solid;
    border-color: #009688;
    width: 85%;
    padding-bottom: 5px;    
    padding-left: 20px;
    min-width: 160px;
}

.btn-consulta img{
    display: inherit !important;
    width: 22% !important;
}

.feature, .feature img, .feature h3{display: inline-block;}
.feature{margin: 0 65px;max-width: 150px;vertical-align: middle;}
.feature img {display: block;text-align:center;margin: auto;}
#prodImage .feature img {display: inline-block;margin-right: 3%;vertical-align: middle;}
.feature h3{font-size: 18px;font-family: Oswald!important;font-weight: 700;}

.barra .articulo{height: 495px;padding: 0;border: 1px solid #edcccc;text-align: center;position: relative;margin-bottom: 35px;}
.barra .articulo .thumb {
    height: 295px;
    /*background-image: url("https://www.elreferente.com.ar/assets/pagina/img/no-image.svg");*/
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	position: relative;
	z-index: 1;
    margin: auto;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 18px;
    border-bottom: 1px solid #edcccc;
}
.barra .articulo .thumb .wrap{height: 100%;position: relative;}
.barra .articulo .thumb .wrap img.pimage{max-width: 100%;height: 100%;object-fit: contain;object-position: center;text-align: center;display: table-cell;margin: auto;vertical-align: middle;}


.barra .articulo .thumb img.prodImg {
    width: 100%;
    margin: auto;
}

.barra .articulo .info {
    z-index: 2;
    text-align: center;
    margin: auto;
    width: 85%;
    background: white;
    height: 63px;
    display: table;
}
.barra .articulo h4{color:#3f3f3f;}
.barra .articulo .info .title{font-family: Oswald!important;font-size: 17px;line-height: 19px;font-weight: 500;letter-spacing: -0.2px;margin-top: 5px;display: table-cell;vertical-align: middle;}
.barra .articulo label {display: block;margin: 0;}
.barra .articulo label.old-price {color: #3f3f3f;font-size:16px;text-decoration: line-through;}
.barra .articulo label.price {color: #e54c4c;font-size: 26px;font-family: Oswald!important;font-weight: 700;margin-top: -8px;margin-bottom: 6px;}
.articulo label.stockitem {font-size: 80%;}
.articulo label.stockitem span {font-size: 130%;}


.barra .articulo .overlay{width: 100%;height:100%;position: absolute;background: rgba(255,255,255, 0.4);top: 0;left: 0;opacity: 0;z-index: 3;}
.barra .articulo .overlay img {width: auto;margin: auto;margin-top: 100px;}
.barra .articulo .multiplier, .barra .articulo .promo {position: absolute;z-index: 2;}
.barra .articulo .multiplier {right: 7px;top: 7px;padding: 5px 10px;background: #e52323;color: white;font-family: Oswald!important;font-size: 17px;}
.barra .articulo .promo {left: 0px;bottom: 21px;text-align: right;box-shadow: none;box-shadow: -3px 2px 1px #a91919;padding: 4px 7px 4px 22px;}
.highlabel {position: absolute;text-transform: uppercase;font-family: Oswald!important;color: white;box-shadow: 0px 9px 8px rgba(0,0,0,0.3);background-color: #e52323;padding: 7px 13px;}

.barra .articulo .fechaentrega, .barra .articulo .promo {position: absolute;z-index: 2;}
.barra .articulo .fechaentrega {left: 0px;top: 7px;padding: 5px 10px;background: #636262;color: white;font-family: Oswald!important;font-size: 17px;font-weight: 200;}

@keyframes in {
    0% {opacity: 0;right: -1000px;}
    100% {opacity: 1;right: 0px;}
}
@keyframes out {
    0% {opacity: 1;right: 0px;}
    100% {opacity: 0;right: -1000px;}
}

.articulo .nombre img{display: inline-block;max-width: 85px;vertical-align: middle;border: solid 1px #ffd4d4;}
.articulo .nombre span{padding-left: 10px;display: inline-block;max-width: 75%;vertical-align: middle;text-align: left;}
.articulo .nombre span .bodega{color: #3f3f3f;font-size: 14px;margin-bottom: 0;}
.articulo .nombre span .titulo {color: #515151;font-size: 21px;font-family: DINCond!important;line-height: 21px;text-transform: uppercase;}
.articulo .cantidad span button{border: 1px solid #515151;padding: 0px 6px;margin: 0;background: none;}
.articulo .cantidad span label{padding: 0 12px;border-top: 1px solid #515151;border-bottom: 1px solid #515151;margin: 0;}
.articulo .borrar button{border: none;background: none;}
.articulo .borrar button img{width: 23px;}


.cart-wrapper{position: fixed;top: 0;right: 0;height: 100%;z-index: 4;}
#cart {box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.3);z-index: 3;padding: 13px;right :-1000px;bottom: 0;position: fixed;background: white;max-width: 410px;float: right;animation-duration: 1s;height: 85%;}
#cart .title {background: transparent;position: relative;padding: 18px;}
#cart .title button {position: absolute;right: 15px;top: 14px;background: rgba(0,0,0,0.6);border: none;font-family: 'Raleway'!important;font-weight: 700;font-size: 13px;color: white;}
#cart.expanded {animation-name: in;animation-fill-mode: forwards;}
#cart.collapsed {animation-name: out;animation-fill-mode: backwards;animation-direction: backwards;}
#cart .products{padding: 18px 0;height: 80%;overflow-y: auto;border: 1px solid #e8e8e8;border-left: none;border-right: none;}
#cart .buttons{padding: 8px 18px;display: block;}
#cart .buttons a {display: block;width: 100%;margin: auto;text-align: center;padding: 8px;margin-top: 8px;}


#cart .articulo .thumb .bdimg{width: 100%;border: 1px solid #515151;border-bottom: none;height: 90px;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(https://admin.smarket.com.ar/assets/pagina/img/no-image.svg);}
#cart .articulo {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #515151;position: relative;}
#cart .articulo .info{float: right;width: 275px;padding-left: 7px;}
#cart .articulo .titulo{margin-bottom:0;font-size: 21px;font-family: DINCond!important;text-transform: uppercase;width: 90%;line-height: 21px;}
#cart .articulo .thumb{float: left;width: 79px;}
#cart .articulo .precio{font-family: Oswald!important;}
#cart .articulo .total{font-family: Oswald!important;font-weight: 700;font-size: 18px;margin-top: 10px;}
#cart .articulo .cantidad span {width: 100%;position: relative;text-align: center;display: inline-block;border-top: 1px solid #515151;border-bottom: 1px solid #515151;}
#cart .articulo .cantidad label {border: none;}
#cart .articulo .cantidad button {position: absolute;border-top: none;border-bottom:none;border-left: 1px solid #515151;border-right: 1px solid #515151;}
#cart .articulo .cantidad button.left {left: 0}
#cart .articulo .cantidad button.right {right: 0}
.articulo .cantidad span button{border: 1px solid #515151;padding: 0px 6px;margin: 0;background: none;}
.articulo .cantidad span label{padding: 0 12px;border-top: 1px solid #515151;border-bottom: 1px solid #515151;margin: 0;}
#cart .borrar.value {position: absolute;top: 0;right: 10px;}
#cart .borrar.value img{position: absolute;top: 0;right: 10px;width: 20px;}
#cart .title h4 {font-size: 17px;font-family: 'Raleway'!important;text-transform: none;}

.barra .articulo button.btn-naranja.add-to-cart {
    width: 74%;
    left: 13%;
    bottom: 0;
}
.barra .articulo .prices{position: absolute;width: 100%;bottom: 0;}


.price-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 10%;
}


.referente #cart.referente {top: 60px;}
.referente #cart{height: 85%;}
.referente #cart .products {height: 77%;}
/*#cart.referente .products{padding: 18px 0;height: 63vh;}*/

.notifications{display:none;position: fixed;top: 90px;width: 100%;z-index: 5;text-align: left;display: none;}


/* Estilos seccion Proveedores Home*/

    .proveedores {
      display: flex!important;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      margin-top: 60px!important;       
      margin-left: 15px;        
    }

    .header h2 {
      margin: 0;
      color: #e52323;
    }

    .ver-todos {
      background: #fff;
      border-radius: 20px;
      padding: 5px 15px;
      border: 1px solid #ccc;
      cursor: pointer;
    }

    .vendedores {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 15px;
    }

    .card {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      padding: 15px;
      display: flex;
      align-items: center;
      gap: 15px;
    border-left: 5px solid #2f43ba;
        flex-direction: row!important;
    }
    
    a.card {
  background: #fff;
  border-left: 5px solid #2f43ba;  /* Cambiado */
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: box-shadow 0.2s ease;
}
      
      
    .card img {
      width: 100px;
      height: 60px;
      object-fit: contain;
      border-radius: 10px;
    }

    .info {
      flex: 1;
    }

    .info h4 {
      margin: 0;
      font-size: 16px;
    }

    .tag {
      display: inline-block;
      background: #fff4cc;
      color: #d6a200;
      padding: 2px 8px;
      font-size: 12px;
      border-radius: 12px;
      margin-left: 8px;
    }

    .tag.garantizada {
      background: #d5f5e3;
      color: #2e7d32;
    }

    .stars {
      color: gold;
      font-size: 14px;
    }

    .details {
      font-size: 13px;
      color: #555;
      margin-top: 5px;
    }

    .details i {
      margin-right: 5px;
      color: #4caf50;
    }
      
    /* Estilos diferentes según tipo de entrega */

.card.entrega-inmediata {
  background: #e6fff2;
  border-left: 5px solid #00c853;
}

.card.entrega-garantizada {
  border: 2px dashed #2e7d32;
  background: #f1fff7;
}

.card.entrega-3dias {
  background: #fffde7;
  border-left: 5px solid #fbc02d;
}
      
      /* BADGE EN LA ESQUINA */
    .badge {
      position: absolute;
      top: 10px;
      right: 10px;
      background: red;
      color: #fff;
      font-size: 11px;
      padding: 3px 8px;
      border-radius: 12px;
      text-transform: uppercase;
      font-weight: bold;
    }
    
    .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}



@media(max-height: 700px){
    #cart .products {height: 70%;}
    .referente #cart .products {height: 68%;}
}
@media(max-height: 500px){
    #cart .products {height: 65%;}
    .referente #cart .products {height: 62%;}
}