.contenedor-page {
    margin: 120px 0px 0px 0px !important;
}

.categorias{
    max-width: 27%;
    flex: 0 0 27%;
}

.volver a{
    text-decoration: none;
    font-family: SF-Pro-Display-Light;
    color: #434343;
}

.div-btn-compra-producto{
    margin-bottom: 10px;
    background: #F6B842;
    padding: 9px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.div-btn-compra-producto:hover{
    color: #000;
    background: #fff;
    border:1px solid #F6B842;
}

.tag-narajan{
    background: #F6B842;
    color: #F6B842;
    padding: 0 10px;
    border-radius: 13px;
}

.contenedor-categoria-producto .titulo{
    font-family: SF-Pro-Display-Light;
    font-size: 20px;
}

.contenedor-categoria-producto ul, ol {
  list-style: none;
  line-height: 30px;
  font-family: SF-Pro-Display-Light;
  font-size: 15px;
}

.categoria-select{
    display: inline-block !important;
}

.contenedor-categoria-producto .categorias li{
   line-height: 13px;
    margin-bottom: 10px;
}

.contenedor-categoria-producto .info_categoia{
    padding: 40px;
}

.contenedor-categoria-producto .info_categoia .card{
  border: none;
    margin-bottom: 5px;

  box-shadow: 0px 8px 15px 2px rgb(202 202 202);
}

.contenedor-categoria-producto .info_categoia .card a{
    text-decoration: none;
}

.contenedor-categoria-producto .info_categoia .card .card-body{
    color: #000;
    height: 100px;
}

.img-categoria-referecia img{
    width: 100%;
}

.caja-encuentranos img{
    width: 100%;
}

.contenedor-categoria-producto .lista-productos-relacionados{
    margin: 40px 0;
}

.contenedor-categoria-producto .info_categoia .image-producto{
    text-align: center;
    padding: 20px 20px;
}

.info_categoia .image-producto .producto{
    box-shadow: 0px 0px 8px 0px rgba(118,118,118,1);
    text-align: center;
    padding: 20px 20px;
    border-radius: 6px;
    position: relative;
    height: 240px;
}

.image-producto .tag-producto{
    position: absolute;
    color: #434343 !important;
    bottom: 20px;
    right: 20px;
    padding: 10px 30px!important;
    font-family: SF-Pro-Display-Bold;
}

.info_categoia h2{
    font-size: 30px;
}

.info_categoia p{
    font-family: SF-Pro-Display-Light;
    text-align: justify;
    line-height: 18px;
}

.accordion {
    width: 100%;
    background: url(../../img/general/catalogo_fondo_menu_vetical@2x.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px 15px 80px 15px;

}
.accordion input {
    display: none;
}
.box {
    position: relative;
    background: white;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: all .15s ease-in-out;
    padding: 10px;
}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    border-radius: 10px;
}

.box-title {
    width: calc(100% - 40px);
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

.box-title img{
    width: 60px;
    margin-right: 10px;
}

.box-content {
    width: 100%;
    padding: 5px;
    font-size: 11pt;
    color: rgba(0,0,0,.54);
    display: none;
}

.box-content a{
    color: rgba(0,0,0,.54);
}

.box-content a:hover{
    color: #fff!important;
    background: #F6B842;
    padding: 2px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
input:checked + .box {
    height: auto;
    margin: 16px 0;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}
input:checked + .box .box-title {
    border-bottom: 1px solid rgba(0,0,0,.18);
}
input:checked + .box .box-content,
input:checked + .box .box-close {
    display: inline-block;
}
.arrows section .box-title {
    width: 100%;
    font-family: SF-Pro-Display-Medium;
    font-size: 17px;
}
input:checked + section.box .box-title:before {
    transform: rotate(90deg);
}

.info-ficha .titulo-1{
    padding: 10px;
    font-family: SF-Pro-Display-Light;
}

.info-ficha .titulo-2{
    padding: 10px;
    font-family: SF-Pro-Display-Medium;
}

.info-ficha .titulo-2 img{
    margin-right: 10px;
    margin-bottom: 10px;
}

.contenedor-consideraciones{
    background: #0A5431;
    padding: 20px;
    color: #fff;
    border-radius: 8px;
}

.contenedor-consideraciones p{
    line-height: 17px;
    margin-bottom: 10px;
}

.consideracion{
    margin: 10px 0;
}

.consideracion .info{
    font-family: SF-Pro-Display-Light;
    line-height: 20px;
}

.imagen_catalogo{
    margin: 30px 0;
}

.imagen_catalogo img{
    width: 100%;
}

.tag-precio-pruducto{
    background: #F6B842;
    text-align: center;
    border-radius: 10px;
    font-family: SF-Pro-Display-Light;
    color: #434343;
}
.imagen-lista{
    width: 100%;
}
.image-no-disponbile{
    width: 130px !important;
}

.color-resaltado{
    color: #fff!important;
    background: #F6B842;
    padding: 2px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btn_ficha_cubicador{
    margin: 20px 0;
}

.iconos_caracteristicas{
    text-align: center;
}

.iconos_caracteristicas img{
     margin: 5px;
}

.imagen_grande{
    width: 100%;
}

.container-cantidad{
    font-family:Lato,sans-serif;
    font-weight:300;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #e0e0e0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:nowrap;
    -ms-flex-flow:nowrap;
    flex-flow:nowrap;
    -webkit-box-pack:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:123px;margin:auto;
}
button:hover{cursor:pointer;}
.bajar-cantidad,.aumentar-cantidad{
    background:none;
    color:#bbb;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-weight:600;
    height:100%;
    outline:none;
    text-align:center;
    -webkit-transition:color 0.3s ease 50ms;
    transition:color 0.3s ease 50ms;
    width:37px;border:none;
}
.bajar-cantidad{
    border-bottom-left-radius:5px;
    border-right:1px solid #f0f0f0;
    border-top-left-radius:5px;
}
.aumentar-cantidad{
    border-bottom-right-radius:5px;
    border-left:1px solid #f0f0f0;
    border-top-right-radius:5px;
}
input.cantidad-producto{
    border:none;
    height:100%;
    max-width:calc(100% - 74px);
    text-align:center;
    width:3em;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
button[disabled]{cursor:default;}

.contenedor-btn-sub-categoria:hover{
        transform: scale(1.05);
        transition: all 0.5s ease;
}


.column {
    margin: 15px 15px 0;
    padding: 0;
}
.column:last-child {
    padding-bottom: 60px;
}
.column::after {
    content: '';
    clear: both;
    display: block;
}
.column div {
    position: relative;
    float: left;
    width: 300px;
    height: 200px;
    margin: 0 0 0 25px;
    padding: 0;
}
.column div:first-child {
    margin-left: 0;
}
.column div span {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: -1;
    display: block;
    width: 300px;
    margin: 0;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: all 0.5s ease;
    opacity: 0;
    text-align: center;
    color: #ffffff;
    padding: 10px 20px;
    background: #5d9e28;
}
figure {
    width: 300px;
    height: 200px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

.hover02 figure img {
    width: 300px;
    height: auto;
    -webkit-transition: .3s ease;
    transition: all 0.5s ease;
}
.hover02 figure:hover img {
    width: 320px;
}
.caja-dia-despacho{
    padding: 5px;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    cursor: pointer;
}

.active-despacho{
    background: #0A5431;
    color: #fff;
}

.caja-dia-despacho .dia-l{
    font-size: 20px;
}

.caja-dia-despacho:hover{
    border: 1px solid #0A5431;
}

.img-carro-compra{
    width: 100% !important;
}