@charset "UTF-8";

/* CSS Document */


/*Author: Malcolm Córdova @malcolmcordova mercadocreativo@gmail.com www.malcolmcordova.com*/

@import url("anim.css");
@import url("animate.css");
@import url("inicio.css");
@import url("home.css");
@import url("menufooter.css");
@import url("header.css");
@import url("menu-top-header.css");
@import url("sliderhome.css");
@import url("swiffy-slider.min.css");
@import url("imageGalery.css");
@import url("product.css");
@import url("page.css");
@import url("cardsmall.css");
@import url("promociones.css");
@import url("store.css");
@import url("user.css");
@import url("favorites.css");
@import url("post-favorites.css");
@import url("search.css");
@import url("cart.css");
@import url("pedidos.css");
@import url("wallet.css");
@import url("admin.css");
@import url("category.css");
@import url("fonts.css");
@import url("botones.css");
@import url("normalize.css");
@import url("reset.css");

/*@import url("pricing.css");*/

@import url("shared.css");
:root {
    --dark-brown: #2c180e;
    --lighter-brown: #F5F1EC;
    --light-brown: #cbb18e;
    --medium-brown: #a88f6c;
    --green-gray: #beb8a5;
    --white: #ffffff;
    --white-menu: #f2f2f2;
    --star-color: #fea569;
    --blue:#10455c;
    --dark-blue:#073549;
    --green:#6CB244;
    --orange:#F06A25;
    --magenta: #D5287B;
    --shadow: 0px 7px 10px #2525253d;
    --shadow-brown: 0px 7px 10px var(--dark-brown);
    --shadow-lightbrown: 0px 7px 10px var(--light-brown);
    --font-family: 'HelveticaNeueLTStd-Roman';
    --linea-color: #CCB092;
    --gris: #707070;
    --grisclaro: #B8B8B8;
    --price-size: 26px;
    --subtituloh1-size: 24px;
    --subtituloh2-size: 22px;
    --subtituloh3-size: 20px;
    --subtituloh4-size: 18px;
    --subtituloh5-size: 16px;
    --texto-size: 14px;
    --icon-size-s: 16px;
    --icon-size-m: 18px;
    --icon-size-g: 20px;
    --border-interno: 14px;
    /* var(--dark-brown); */
}

body {
    font-family: var(--fontFamily);
}

a,
a:hover,
a:active,
a:focus {
    color: var(--dark--brown) !important;
    outline: none !important;
    text-decoration: none !important;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: var(--fontFamily);
    margin: 0 0 20px 0;
    padding: 0;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.clear {
    clear: both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    height: 0;
}

.nopadd {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

img {
    width: 100%;
}

.shadow {
    box-shadow: var(--shadow);
}

.shadowup {
    box-shadow: 0px -7px 10px #2525253d;
}

.shadow-red {
    box-shadow: var(--shadow-red);
}

.w-60 {
    width: 60%;
}

.center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}

.gradient-dark-brown {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100 */
    background: rgb(125, 185, 232);
    /* Old browsers */
    background: -moz-linear-gradient(top, #3c2415 -10%, #000000 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3c2415 -10%, #000000 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3c2415 -10%, #000000 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=0);
    /* IE6-9 */
}

.post-inners2 {
    width: 100%;
    height: 85dvh;
    z-index: 90;
    top: -9%;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    background: #b0b0b0;
    
    /* background: linear-gradient(180deg,rgba(176, 176, 176, 0) 0%, rgba(255, 255, 255, 0.99) 52%, rgba(255, 255, 255, 1) 100%); */
    /* background: linear-gradient(180deg,rgba(176, 176, 176, 0) 0%, rgba(40, 40, 40, 0.99) 52%, rgba(40, 40, 40, 1) 100%); */

    background: linear-gradient(180deg,rgba(176, 176, 176, 0) 0%, rgba(0, 0, 0, 0.99) 52%, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
}

.shadowSearch {
    width: 97%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 14px;
    box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.3);
    padding-bottom: 15px;
}

.hidelogo{
    display: none !important;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@media (min-width: 768px) {
    .menu-top {
        width: 80%;
    }
    .page {
        margin-left: 20%;
        width: 80%;
    }
    .header {
        margin-left: 20%;
        width: 80%;
    }
    .page .lineamedio {
        width: 80vw;
    }
    .header .sidemenu {
        transform: translate3d(0, 0, 0);
        transition: 0.3s all;
    }
    .user .areablanc-interna,
    .home .areablanc-interna,
    .search .areablanc-interna,
    .favorites .areablanc-interna,
    .wallet .areablanc-interna {
        width: 80vw;
    }
}

@media (min-width: 576px) {
    .col-sm-6,
    .col-sm-4 {
        float: left;
    }
}

@media screen and (orientation: landscape) and (max-width: 990px) {
    .aviso-horizontal {
        display: block;
        width: 100vw;
        height: 100vh;
        background-color: #f3f3f3;
        position: absolute;
        z-index: 9999999999999;
        left: 0;
        top: 0;
      background-image: url('../images/fondo-horizontal.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }
  }
@media screen and (orientation: portrait) {
    .aviso-horizontal {
        display: none;
    }
  }