@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    src: url("/fonts/Arimo-VariableFont_wght.ttf") format('truetype');
    /* 400-800 */
}

body {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    padding-right: 0px !important;
    padding-left: 0px;
    color: #0D4D23;
}

p {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.40vw;
    text-align: justify;
    color: #929292;
}

p.contacto {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.10vw;
    text-align: justify;
    color: #929292;
}

p.desc {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.20vw;
    text-align: justify;
    color: #4d4d4d;
}

ul.detalle {
    list-style: circle
}

.toast-body {
    font-family: 'HelveticaNeue';
    color: #353535;
}

li.caracteristicas {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.00vw;
    text-align: justify;
    color: #7b7b7b;
}

li.certificaciones {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 0.90vw;
    text-align: justify;
    color: #1f1f1f;
}

p.masGrande {
    /* font-size: 1.80vw;*/
    padding: 0 5%;
}

h1 {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 2.40vw;
    text-align: center;
    color: #136E32;
}

h2 {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.90vw;
    text-align: center;
    color: #136E32;
}

h2.otro {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.90vw;
    text-align: center;
    color: #282828;
}

h2.otroSmaller {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.40vw;
    text-align: center;
    color: #136E32;
    /*color: #282828;*/
}

.gris-clarito {
    background-color: #f7f9f7;
    /* background-color: #E7F1EB;*/

}

.borde {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #d1e0d6;
    border-radius: 5px;
}

h5 {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.40vw;
    text-align: justify;
    color: #136E32;
}

h6 {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 1.20vw;
    text-align: left;
    color: #136E32;
}

.imgSMALL {
    border: thin solid rgb(250, 250, 250);
    border-radius: 6px;
}

.producto {
    padding: 5px;
    margin: 5px;
    max-width: 210px;
    /*max-height: 210px;*/
    border: thin solid rgb(250, 250, 250);
    border-radius: 6px;
    /*box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.05);*/
}

.shadow {
    box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.05);
    width: 200px;
}

.producto img {
    max-width: 200px;
    max-height: 150px;
    object-fit: cover;
    overflow: hidden;
}

.producto:hover {
    border: thin solid rgba(209, 209, 209, 1.00);
    border-radius: 6px;
}

.producto h2 {
    padding-top: 5px;
    margin: 0px;
    font-family: 'HelveticaNeue';
    font-weight: 800;
    font-size: 16px;
    color: #136E32;
}

.producto p {
    font-family: 'HelveticaNeue';
    margin-top: -15px;
    padding: auto;
    font-weight: 400;
    font-size: 12px;
    color: #282828;
    text-align: center;
}


.verde-clarito {
    background-color: #E7F1EB;
    color: #5A9A70;
    font-size: larger;
}

.header-dat {
    font-family: 'HelveticaNeue';
    font-weight: 400;
    font-size: 13px;
    padding-top: 20px;
}

.header-clip {
    height: 100px;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 13% 100%);
    background: #0A5D6C;
}

.logoRedes {
    max-width: 45px;
}

.logoTiendas {
    max-width: 60px;
}

footer {
    background: #0A5D6C;
    height: auto;
    color: #ffffff;
    padding: 10px 10%;
}

.iconsFooter {
    font-size: 25px;
}

.chica {
    font-size: 12px;
    ;
}

a.footer-chica {
    font-size: 12px;
    color: #A1C5AD;
}

.logo-top-azul {
    position: absolute;
    left: 20px;
    top: 10px;
    max-width: 100px;
    visibility: visible;
}

.logo-top-blanco {
    position: absolute;
    left: 20px;
    top: 10px;
    max-width: 100px;
    visibility: hidden;
}

.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    font-weight: 800;

    text-transform: uppercase;
    font-size: smaller;
}

.navbar-nav>li {
    padding-left: 12px;
    padding-right: 12px;
}

ul {
    padding-left: 20px;
    list-style: none;
}

li {
    margin-bottom: 0px;
    color: #929292;
}

li.awesome:before {
    font-family: 'FontAwesome';
    content: '\f061';
    margin: 0 5px 0 -15px;
}

.btnCertificado {
    position: absolute;
    bottom: 10px;
}

a {
    color: #0A5D6C;
}

a.page-link {
    color: #0A5D6C;
}

a.page-link:hover {
    color: #000;
}


.active>.page-link,
.page-link.active {
    z-index: 3;
    background-color: #0A5D6C;
    border-color: #0A5D6C;
}

p.left {
    text-align: left !important;
}

td {
    font-size: 10px;
}

th {
    font-size: 10px;
}

a .logoSHOPSVG {
    max-height: 25px;
    padding: 0 10px 0 0;
}

.productoClave p {
    font-size: 12px !important;
}

.form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(214, 214, 214);
    opacity: 1;
    /* Firefox */
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(214, 214, 214);
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(214, 214, 214);
}

.tabla-lista {
    font-size: 16px;
}

.compralo p {
    font-size: 15px;
}

/* PARA MOVILES */
/* BREAKPOINTS   sm: 576px,  md: 768px, lg: 992px */
@media (max-width: 768px) {
    p {
        font-size: 2.25vw;
    }

    h1 {
        font-size: 3.80vw;
    }

    h2 {
        font-size: 3.70vw;
    }

    h5 {
        font-size: 3.80vw;
    }

    h6 {
        font-size: 3.70vw;
    }

    p.masGrande {
        font-size: 3.00vw;
    }

    p.desc {
        font-size: 3.00vw;
        padding: 20px;
    }

    li.caracteristicas {
        font-size: 2.70vw;
    }

    li.certificaciones {
        font-size: 2.50vw;
    }

    p.descGrupo {
        font-size: 6.00vw;
        text-align: center;
        padding: 2px;
    }

    .compralo p {
        padding-left: 20px;
        margin-top: 15px;
        font-size: 15px;
    }

    .logoSHOPSVG {
        max-height: 50px;
    }

    .productoClave p {
        font-size: 12px !important;
        padding-left: 20px;
    }
}

.lista-mobile-small {
    font-size: 0.95rem;
    line-height: 1.5;
}

@media (max-width: 767.98px) {
    .lista-mobile-small {
        font-size: 0.65rem;
        line-height: 1.4;
    }
}

@media (max-width: 992px) {
    .header-clip {
        height: 100px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background: #0A5D6C;
    }

    .header-dat {
        font-family: 'HelveticaNeue';
        font-weight: 400;
        font-size: 1vw;
        padding-top: 5px;
    }

    .header-text {
        font-size: 2vw;
    }

    .logo-top-azul {
        visibility: hidden;
    }

    .logo-top-blanco {
        visibility: visible;
    }

    .logoRedes {
        max-width: 17px;
    }

    .logoTiendas {
        max-width: 30px;
    }

    .hephaistos.tparrows {
        visibility: hidden;
    }

}