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

.page {
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #e00034;
}

a:active,
a:focus {
    outline: none;
}

body {
    width: 100%;
    height: 100vh;
    font-family: "HelveticaNeue";
    background-color: #efefef;
    transition: all .5s;
}

li.nav-li.nav-li-nuevo {
    margin-left: 1rem!important;
}

@media(min-width:1024px) {
    li.nav-li.nav-li-nuevo {
        margin-left: 0rem!important;
    }
}

body,
.nav-secc-0-lap {
    max-width: 1440px;
    margin: 0 auto;
}


/*HR*/

hr {
    background-color: #e00034;
}


/*labels*/

label {
    display: block;
}


/**/

img {
    width: 100%;
    height: auto;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="mail"],
.input-checkbox {
    -webkit-appearance: none;
    border-radius: 0;
}

input,
textarea,
button {
    background-color: transparent;
    border: none;
    border: 1.3px solid #000000;
    outline: none;
}

input {
    padding-left: 10px;
}

textarea {
    padding: 10px;
}

button {
    cursor: pointer;
}

input:focus,
textarea:focus,
button:active {
    outline: none;
}


/*Clases para estilos compartidos*/

.btn-v4 {
    display: block;
    margin: 10px 0;
    height: 45px;
    line-height: 45px;
    padding: 0 1rem;
}

.btn-v4:hover {
    cursor: pointer;
    color: #e00034;
}

.lista-ditribuidores {
    padding: 2rem;
    padding-bottom: 0px;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.contenedor_ver_mas {
    text-align: center;
    margin: 0;
    font-weight: bold;
    position: relative;
    top: -1rem;
    font-size: 1.3rem;
}

.contenedor_ver_mas span {
    font-size: 2.5rem;
    position: relative;
    top: -10px;
}


/* BOTON PARA SUBIR EN MOVIL*/

.flecha_footer {
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    transform: rotate(180deg);
}

.flecha_footer span {
    font-size: 45px;
}


/* Estilos para Escritorio a partir de 1280px */

@media (min-width: 1280px) {
    /*Estilos de las lines de producto*/
    .contenedor-general-producto {
        padding-bottom: 6rem;
    }
    .ln-prod-s-1-header {
        height: 34.9rem;
        width: 100%;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        display: flex;
    }
    .ln-prod-s-1-hd-img {
        width: 50rem;
    }
    .ln-prod-s-1-hd-info {
        width: 40%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .top-producto-titulo {
        padding-bottom: 6rem;
    }
    .titulo-producto {
        font-size: 2rem;
        color: #e00034;
        font-family: "GothamBook";
        font-weight: normal;
    }
    .titulo-negritas-productos {
        font-size: 6rem !important;
        font-family: "GothamBold";
        margin-bottom: 5px;
    }
    .top-producto-secc-subtitulo {
        display: flex;
    }
    .top-producto-sub-img {
        width: 40%;
        height: 15rem;
        background: url("../img/cuadritos_rojos.svg");
        border: 1px solid #000000;
        border-bottom: none;
    }
    .top-producto-subtitulo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60%;
        height: 100%;
        font-family: "GothamBook";
        font-size: 25px;
        text-transform: uppercase;
        border-top: 1px solid #000000;
    }
    .top-producto-subtitulo label {
        font-family: "GothamBold";
        font-size: 30px;
    }
    /**/
    .ln-prod-s-2-ttl {
        margin: 6rem 0;
        margin-bottom: 2rem;
        color: #e00034;
        font-family: "GothamBook";
        font-size: 48px;
    }
    .ln-prod-s-2-ttl b {
        font-family: "GothamBold";
        font-size: 55px;
    }
    /**/
    .ln-prod-s-3-cont {
        margin: 0 auto;
        margin-top: 20px;
        border: 2px solid #ffffff;
        border-left: none;
        border-right: none;
        display: flex;
        width: 85%;
    }
    .ln-prod-s-3-cont-col {
        border: 1px solid #ffffff;
        border-bottom: none;
        border-top: none;
        background-color: #dfdfdf;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: 1rem;
        width: 11rem;
    }
    .contenedor-img-producto {
        width: 9rem;
        height: 160px;
        margin-bottom: 20px;
    }
    /* Estilos etapas.php */
    .etapas-s-1-header {
        display: flex;
        border: 1px solid #000000;
        border-left: none;
        border-right: none;
        background: #e7e4e4;
        height: 170px;
        margin-bottom: 2.5rem;
    }
    .etapas-s-1-header-col1 {
        width: 60%;
        height: 100%;
        color: #ffffff;
        text-transform: uppercase;
        max-width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .etapas-s-1-header-col2 {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-transform: uppercase;
        font-family: "GothamBook";
        font-size: 1.5rem;
        letter-spacing: 1px;
        text-indent: 1px;
    }
    .etapas-s-1-header-col2-nombre {
        font-size: 4.5rem;
        font-family: "GothamBold";
    }
    .cont-flex {
        display: flex;
        align-items: center;
        padding-left: 0;
        justify-content: center;
        height: 100%;
    }
}

@media (min-width: 1366px) {
    /*ESTILOS DE LA PAGINA LINEA DE PRODUCTOS*/
    .ln-prod-s-1-header {
        height: 36.3rem;
    }
    .ln-prod-s-1-hd-img {
        width: 50.7rem;
    }
    .contenedor-img-producto {
        width: 9rem;
        height: 179px;
    }
}

@media (min-width: 1440px) {
    /*ESTILOS PARA LA LINEA DE PRODUCTOS*/
    .ln-prod-s-1-header {
        height: 38.7rem;
    }
    .ln-prod-s-1-hd-img {
        width: 54rem;
    }
    .contenedor-img-producto {
        width: 11rem;
        height: 179px;
    }
    .ln-prod-s-3-cont {
        width: 90%;
    }
    .ln-prod-s-3-cont-col {
        width: 12rem;
    }
}

.modalContainer {
    display: none;
}

.grecaptcha-badge {
    display: none!important;
}

.titulos.ctt-s-2-ttl.texto-centrado.text-uppercase {
    text-align: center;
    text-transform: uppercase;
}

.titulo-negritas.ctt-s-2-ttl-b {
    text-transform: uppercase;
}


/* ---------------------------- FOOTER ---------------------------- */

footer {
    border-top: 4px solid #000000;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
}

.footer-contentido {
    display: flex;
    flex-direction: column;
    margin-bottom: 0rem;
    align-items: center;
}

.footer-col1 a {
    font-size: 20px;
    font-family: "HelveticaNeue";
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.separador-footer {
    width: 1px;
    height: 8rem;
    background-color: #000;
    margin: 0 2rem;
    display: none;
}

.footer-col2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.footer-col2 .lbl-titulo,
.footer-col2 .lbl-titulo-movil {
    width: 100%;
    height: 1.5rem;
    font-size: 20px;
    font-family: "HelveticaNeue";
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
}

.footer-col2 .lbl-titulo {
    display: none;
}

.col2-col-izq,
.col2-col-der {
    width: 100%;
    margin-top: 10px;
}

.contenedor-links-footer a {
    display: block;
    font-size: 16px;
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-family: "HelveticaNeueLTStd-Bd";
    color: #666666;
    margin: 6px 0;
}

.contenedor-links-footer {
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.col2-col-izq .icon-footer,
.col2-col-der .icon-footer {
    font-size: 25px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    color: #000000;
}

.footer-social-media {
    font-size: 12px !important;
    font-family: "HelveticaNeue";
    font-weight: bold;
    font-family: "HelveticaNeueLTStd-Bd";
    color: #666666;
}

.lbl-col-titulo {
    display: none;
}

.lbl-col-titulo,
.lbl-col-titulo-movil {
    color: #e00034;
    font-size: 18px;
    font-family: "HelveticaNeue";
    font-weight: bold;
}

.lbl-col-titulo-movil {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-col2 .lbl-titulo-movil {
    font-size: .98rem;
    margin-bottom: .5rem;
}

.footer-col3 {
    width: 100%;
    display: flex;
    margin: 14px 0;
    height: 45px;
    align-items: baseline;
    border-top: 1px solid;
    padding-top: 15px;
    flex-direction: column;
}

.footer-col3 label {
    font-size: .2rem;
    font-family: "HelveticaNeue";
    font-weight: bold;
    margin: 0;
}

.footer-col3-separador {
    width: 1px;
    height: 15px;
    margin: 0 10px;
    background-color: #000;
}

.footer-marca {
    display: flex;
    text-align: left;
    flex-direction: column;
    padding-top: 10px;
}

.footer-marca label {
    display: inline;
    font-size: 9px;
    line-height: unset;
    margin: 0 0 3px 0;
}

.footer-marca .separador-footer {
    height: 1.5rem;
    margin: 0;
    display: none;
    margin-right: 1rem;
    margin-left: 1.8rem;
}

@media (min-width: 360px) {
    .footer-col2 .lbl-titulo-movil {
        font-size: 1rem;
        margin-bottom: .5rem;
    }
    .footer-col3 label {
        font-size: .65rem;
        font-family: "HelveticaNeue";
        font-weight: bold;
        margin: 0;
    }
}

@media (min-width: 640px) {
    footer {
        padding: 1.5rem 3rem;
    }
    .footer-col1 a {
        font-size: 25px;
        margin-bottom: 0;
    }
    .footer-col2 .lbl-titulo-movil {
        font-size: 25px;
    }
    .col-titulo-movil {
        font-size: 23px;
    }
    .footer-social-media {
        font-size: 15px !important;
    }
    .footer-col3 {
        height: 4rem;
    }
    .footer-col3 label {
        font-size: 13px;
    }
    .footer-marca label {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .footer-col1 a,
    .footer-col2 .lbl-titulo-movil {
        font-size: 25px;
    }
    .lbl-col-titulo,
    .lbl-col-titulo-movil {
        font-size: 25px;
    }
    .footer-col3 {
        height: 5rem;
    }
    .footer-col3 label {
        font-size: 16px;
    }
    .footer-marca label {
        font-size: 12px;
    }
    /**/
    .flecha_footer {
        display: block;
    }
}

@media (min-width: 1024px) {
    .flecha_footer {
        display: none;
    }
    footer {
        padding: 3rem;
    }
    .footer-contentido {
        flex-direction: row;
        margin-bottom: 1rem;
        align-items: flex-start;
    }
    .separador-footer {
        display: block;
        height: 10rem;
    }
    .footer-col2 {
        flex-direction: row;
        width: 68%;
    }
    .footer-col2 .lbl-titulo {
        display: block;
        text-align: left;
        font-size: 25px;
    }
    .contenedor-links-footer {
        display: block;
        height: auto !important;
        width: auto;
    }
    .footer-col2 .lbl-titulo-movil {
        display: none;
    }
    .col2-col-izq,
    .col2-col-der {
        width: auto;
    }
    .footer-social-media {
        font-size: 11px !important;
    }
    .lbl-col-titulo {
        top: -5px;
        font-size: 18px;
        display: block;
    }
    .lbl-col-titulo-movil {
        display: none;
    }
    .col2-col-izq .icon-footer,
    .col2-col-der .icon-footer {
        font-size: 25px;
        top: 5px;
        margin-right: 5px;
    }
    .footer-col3 {
        width: 55%;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        border: none;
        margin: 0;
        padding: 0;
    }
    .footer-col3 label {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .footer-col3-separador {
        display: none;
    }
    .footer-marca {
        justify-content: flex-end;
        flex-direction: row;
        padding-top: 0;
        padding-right: 4.2rem;
    }
    .footer-marca label {
        font-size: 10.84px;
        margin: 0;
        line-height: 35px;
    }
    .footer-marca .separador-footer {
        height: 2rem;
        margin: 0;
        display: block;
        margin-right: 10px;
        margin-left: 10px;
    }
    /**/
    .footer-col1 a,
    .footer-col2 .lbl-titulo-movil {
        font-size: 18px;
    }
    footer {
        padding: 3rem 1rem;
    }
}

@media(min-width: 1280px) {
    footer {
        padding: 3rem 6rem;
    }
    .footer-contentido {
        margin-bottom: 2rem;
    }
    .footer-col1 a {
        font-size: 20px;
    }
    .separador-footer {
        border: .1px solid #000;
    }
    .footer-col2 {
        width: 75%;
    }
    .footer-col2 .lbl-titulo {
        font-size: 20px;
    }
    .footer-social-media:hover {
        color: #e00034;
    }
    .lbl-col-titulo {
        font-size: 17px;
    }
    .col2-col-izq .icon-footer,
    .col2-col-der .icon-footer {
        font-size: 25px;
        top: 7;
    }
    .footer-social-media {
        font-size: 13px !important;
    }
    .footer-col3 {
        width: 55%;
    }
    .footer-marca {
        padding-right: 4.6rem;
    }
    .footer-marca label {
        font-size: 11px;
    }
}

@media (min-width: 1366px) {
    footer {
        padding: 3rem 8.5rem;
    }
    .footer-marca {
        padding-right: 4.8rem;
    }
}

@media (min-width: 1440px) {
    footer {
        padding: 3rem 10.5rem;
    }
    .footer-marca {
        padding-right: 5..35em;
    }
}


/* ---------------------------- MAPA ---------------------------- */

.mapa-secc-3-cont-separador {
    display: none;
}

.mapa-secc-1-header {
    width: 100%;
    margin-bottom: 1rem;
    background-color: #e00034;
    display: flex;
    padding: 10px 15px;
}

.mapa-secc-1-header-img-lap {
    display: none;
}

.mapa-secc-1-header-img {
    width: 44%;
}

.mapa-secc-1-header-titulo {
    width: 53%;
    color: #ffffff;
    font-family: "GothamBook";
    display: none;
    flex-direction: column;
    justify-content: center;
}

.mapa-secc-1-header-ttl {
    font-size: 13px;
    margin-bottom: 5px;
    font-family: "GothamMedium";
}

.mapa-secc-1-header-subtitulo {
    width: 100%;
    text-align: center;
    font-size: 12px;
}


/**/

.separador-mapa-movil {
    width: 120%;
    left: -10%;
    position: relative;
    margin: 15px 0;
    margin-top: 0;
    border-color: #000000;
}

.mapa-secc-2-cont {
    border: 2px solid #000000;
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0rem;
    padding: 0 2rem;
}

.mapa-secc-2-cont-col2-titulo {
    margin-bottom: 1rem;
}

.mapa-secc-2-cont-col1 {
    padding: 0;
    width: 100%;
}

.estados-titulos {
    font-family: "GothamBold";
    position: relative;
    margin-bottom: 2rem;
}

.ttl2 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 0.8rem;
    position: relative;
}

.ttl2-decorador {
    display: block;
    position: absolute;
    width: 1.5rem;
    background-color: #e00034;
    height: 4px;
    bottom: -5px;
    left: 2px;
}

.mapa-secc-2-cont-col2-bucar-estados {
    position: relative;
}

.estados-subttl2 {
    color: #000000;
    font-family: "GothamMedium";
    font-size: 13px;
    position: relative;
}

.estados-subttl2 {
    display: none;
}

.lista-estados {
    display: none;
}


/**/

.mapa-secc-2-cont-col2 {
    width: 100%;
    padding: 1rem 0;
}

.ttl1,
.estados-ttl1 {
    color: #e00034;
    font-size: 24px;
    margin-bottom: 5px;
    font-family: "GothamBold";
}

.marca-registrada {
    position: relative;
    top: -0.5rem;
    font-size: 17px;
    left: 0%;
}

.subttl {
    color: #000000;
    font-family: "GothamMedium";
    font-size: 13px;
    position: relative;
}

.input-mapa {
    margin: 1rem 0;
    padding-left: 10px;
    height: 2rem;
    width: 10rem;
    border: 1px solid #000000;
    font-size: 1rem;
    font-family: "GothamBook";
}

#lista_id {
    position: absolute;
    z-index: 8000;
    list-style: none;
    bottom: -9rem;
    left: 1rem;
    height: 10rem;
    width: 12rem;
    padding: 1rem;
    overflow-y: scroll;
}

.contenedor-mapa {
    width: 100%;
    height: 14rem;
    margin-top: -.5rem;
    border: 1px solid;
}

.botones-mapa {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 0px;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.botones-mapa-btn-v4 {
    padding: 0 8px;
    height: 25px;
    line-height: 24px;
    margin-bottom: 10px;
    font-family: "GothamBold";
}


/**/

.mapa-secc-3-cont {
    padding: 0 2rem;
}

.mapa-secc-3-cont label {
    font-family: "GothamBold";
    font-size: 30px;
    margin-bottom: 5px;
    display: none;
}

.carta-distribuidor hr {
    border: 1px solid #000000;
    margin: 0.5rem 0;
}

.lista-ditribuidores-2 {
    display: block;
}

.lista-ditribuidores {
    padding: 0rem;
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.carta-distribuidor {
    width: 100%;
    margin: 1rem 0rem;
}

.decorador-cuadro {
    width: 1.5rem;
    height: 1.5rem;
    top: 5px;
    background-color: #e00034;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.nombre-dist {
    font-size: 20px;
    font-family: "GothamBook";
}

.nombre-Distribuidor {
    font-family: "GothamBold";
    line-height: 35px;
}

.info-distribuidor {
    display: flex;
    flex-direction: column;
    font-family: "GothamMedium";
    font-size: 16px;
}

.info-distribuidor span {
    margin-bottom: 5px;
}

@media (min-width: 640px) {
    .separador-mapa-movil {
        margin: 0;
        margin: 15px 0;
    }
    .mapa-secc-2-cont {
        padding: 1rem 3rem;
    }
    .mapa-secc-2-cont-col2-titulo {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0rem;
    }
    .ttl1-mapa {
        width: 100%;
    }
    .subttl {
        width: 60%;
        font-size: 1rem;
    }
    .mapa-secc-2-cont-col2-bucar-estados {
        position: relative;
        left: 3.5rem;
        top: -1rem;
    }
    .contenedor-mapa {
        height: 17rem;
    }
    .botones-mapa {
        padding: 0 1rem;
    }
    .botones-mapa-btn-v4 {
        padding: 0 1rem;
        height: 30px;
        line-height: 29px;
        margin-bottom: 0;
    }
    .estados-ttl1 {
        font-size: 2rem;
    }
    .ttl2 {
        font-size: 1.5rem;
    }
    .ttl1-mapa {
        font-size: 1.8rem;
    }
    .decorador-cuadro {
        width: 2rem;
        height: 2rem;
        top: 6px;
    }
    .nombre-dist {
        font-size: 26px;
    }
}

@media (min-width: 768px) {
    .mapa-secc-1-header-img-movil {
        width: 100%;
    }
    .mapa-secc-2-cont {
        margin-top: 2rem;
    }
    .ttl1-mapa {
        font-size: 2.2rem;
    }
    .subttl {
        width: 60%;
        font-size: 1.3rem;
    }
    .mapa-secc-2-cont-col2-bucar-estados {
        left: 7rem;
    }
    .contenedor-mapa {
        height: 20rem;
    }
    .estados-ttl1 {
        font-size: 2.2rem;
    }
    .ttl2 {
        font-size: 1.7rem;
    }
    .marca-registrada {
        top: -1rem;
        font-size: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .lista-distribuidores {
        display: flex;
    }
    .mapa-secc-2-cont {
        padding: 1rem 4rem;
    }
    .mapa-secc-2-cont-col2-bucar-estados {
        left: 12.5rem;
    }
    .contenedor-mapa {
        height: 24rem;
        margin-top: 0;
    }
    .botones-mapa {
        padding: 0 2rem;
    }
    .botones-mapa-btn-v4 {
        height: 35px;
        line-height: 35px;
    }
    /**/
    .lista-ditribuidores {
        display: flex!important;
    }
    .lista-ditribuidores-2 {
        display: flex;
        flex-wrap: wrap;
    }
    .carta-distribuidor {
        width: 45%;
        margin: 1rem 1.5rem;
    }
}

@media(min-width:1280px) {
    button#btn-mostrar-ruta {
        display: block;
        position: absolute;
        right: 10px;
        top: 1.2rem;
        width: 35px;
        height: 35px;
        border: none;
        border-radius: 3px;
        background-color: rgb(255, 255, 255);
        z-index: 1100;
        outline: none;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
        background: #fff;
        border-radius: 5px;
    }
    .leaflet-routing-container.leaflet-bar.leaflet-control {
        margin-right: 3.5rem;
    }
    .mapa-secc-1-header-img {
        width: 43rem;
    }
    /**/
    .ttl1 {
        color: #e00034;
        font-size: 35px;
        margin-bottom: 1.5rem;
    }
    .ttl1-mapa {
        margin-bottom: 1rem;
    }
    .subttl {
        color: #000000;
        font-family: "GothamMedium";
        font-size: 18px;
        position: relative;
    }
    .decorador {
        position: absolute;
        width: 3rem;
        height: 5px;
        background: #e00034;
        bottom: -11px;
    }
    .input-mapa {
        margin: 1.5rem 0;
        padding-left: 10px;
        height: 2.5rem;
        width: 25rem;
        border: 1px solid #000000;
        font-size: 1rem;
        font-family: 'GothamBook';
    }
    #lista_id {
        position: absolute;
        z-index: 8000;
        list-style: none;
        bottom: -9rem;
        left: 1rem;
        height: 10rem;
        padding: 1rem;
        overflow-y: scroll;
    }
    #lista_id>* {
        margin-bottom: 10px;
        font-family: 'GothamBook';
    }
    .botones-mapa .btn-v4 {
        font-family: "GothamMedium";
        font-size: 1rem;
        border: 1px solid #000000;
    }
    /*
    *
    */
    .mapa-secc-1-header {
        padding: 0rem 6rem;
    }
    .mapa-secc-1-header-img-movil {
        display: none;
    }
    .mapa-secc-1-header-img-lap {
        display: block;
        width: 45%;
    }
    .mapa-secc-1-header-titulo {
        display: flex;
        width: 55%;
        width: 50%;
        margin-left: 3rem;
    }
    .mapa-secc-1-header-ttl {
        font-size: 2.6rem;
    }
    .mapa-secc-1-header-subtitulo {
        font-size: 2.4rem;
    }
    /**/
    .mapa-secc-2-cont {
        padding: 0rem 5rem;
        border: 1px solid;
        border-left: none;
        border-right: none;
        flex-direction: row;
        margin-top: 5rem;
        margin-bottom: 3rem
    }
    .mapa-secc-2-cont-col1 {
        padding: 0;
        padding: 3rem 0;
        width: 75%;
        border-right: 1px solid #000000;
    }
    .separador-mapa-movil {
        display: none;
    }
    .estados-titulos {
        margin: 0;
    }
    .estados-ttl1 {
        font-size: 2.3rem;
        margin-bottom: 2rem;
    }
    .marca-registrada {
        top: -1rem;
    }
    .ttl2-decorador {
        display: none;
    }
    .ttl2 {
        font-size: 2rem;
    }
    .estados-subttl2 {
        display: block;
        font-size: 1.2rem;
    }
    .lista-estados {
        display: block;
        width: 85%;
        margin-top: 3rem;
    }
    .lista-estados ul {
        list-style: none;
        height: 32.9em;
        display: flex;
        flex-direction: column;
        align-content: space-between;
        flex-wrap: wrap;
    }
    .lista-estados ul li {
        margin: 5px 0;
        font-family: "GothamBook";
        font-size: 20px;
    }
    .lista-estados ul li:hover {
        color: #e00034;
        cursor: pointer;
    }
    .mapa-secc-2-cont-col2 {
        width: 100%;
        padding: 3rem;
        padding-right: 0;
    }
    .mapa-secc-2-cont-col2-titulo {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        flex-direction: column;
    }
    .subttl {
        width: 100%;
        font-size: 17px;
        margin: 10px 0;
        margin-bottom: 1rem;
    }
    .mapa-secc-2-cont-col2-bucar-estados {
        left: 0;
        top: -10px;
    }
    .input-mapa {
        width: 20rem;
    }
    .contenedor-mapa {
        height: 29rem;
    }
    .botones-mapa-btn-v4 {
        font-size: 1rem;
        height: 40px;
        line-height: 39px;
    }
    /**/
    .mapa-secc-3-cont {
        padding: 0 4rem;
        margin-bottom: 2rem;
    }
    .mapa-secc-3-cont hr {
        border: 1px solid #000000;
        color: #000000;
        margin: 1rem 0;
    }
    .carta-distribuidor hr {
        margin: 1rem 0;
        margin: 0.5rem 0;
    }
    .mapa-secc-3-cont-separador {
        display: block;
        margin-bottom: 1.5rem !important;
    }
    .mapa-secc-3-cont label {
        display: block;
    }
    .lista-ditribuidores-2 {
        display: none;
    }
    .lista-ditribuidores {
        padding: 0 2rem;
        display: flex;
    }
    .carta-distribuidor {
        width: 44%;
        margin: 0 1rem;
        margin: 1rem 2rem;
    }
}

@media (min-width: 1366px) {
    .lista-ditribuidores {
        padding: 2rem 4rem;
    }
}


/* ---------------------------- CONTACTO ---------------------------- */

.ctt-s-3-form {
    padding: 0 2em;
    margin-bottom: 6rem;
    justify-content: space-between;
}

.ctt-s-3-frm-colm1,
.ctt-s-3-frm-colm2 {
    width: 100%;
    position: relative;
}

.ctt-s-3-frm-colm2-terminos-condiciones {
    display: flex;
    justify-content: flex-start;
}

.ctt-s-3-frm-colm2-terminos-condiciones input {
    width: 1rem;
    margin-right: 1rem;
}

.ctt-s-3-frm-colm2-terminos-condiciones label {
    margin: 0!important;
    margin-top: .45rem!important;
}

.ctt-s-3-frm-colm2-terminos-condiciones label a {
    color: #000000;
    font-size: .8rem;
}

.ctt-s-3-frm-colm2-terminos-condiciones label a:hover {
    color: #e00034;
}


/**/


/*Estilos para el formulario de contacto*/

.ctt-s-2-ttl {
    font-family: "GothamBook" !important;
    font-size: 1.7rem;
    color: #e00034;
    margin-top: 1rem;
    margin-bottom: 1em;
    font-weight: normal;
}

.ctt-s-2-ttl-b {
    font-size: 1.8rem;
    font-family: "GothamBold";
    margin-bottom: 6px;
    letter-spacing: 0px;
}

.ctt-s-3-form * label {
    margin: 10px 0;
    font-family: "GothamMedium";
}

.lbl-radio-contacto {
    display: inline-block;
}

.lbl-contacto-v4 {
    font-size: 18px;
}

.ctt-s-3-form * input:not([type="radio"]) {
    width: 100%;
    height: 2.3rem;
    padding-left: 10px;
    margin-bottom: 1rem;
    font-family: "HelveticaNeue"!important;
}

input#ph_estado {
    font-size: .8rem;
}

.ctt-s-3-form * textarea {
    width: 100%;
    height: 150px;
    resize: none;
    padding-left: 10px;
    font-family: "HelveticaNeue"!important;
}

.btn-v4.btn-contacto {
    height: 2.5rem;
    line-height: 2rem;
    padding: 0px 2rem;
    font-size: 18px;
    font-family: "GothamMedium";
}


/*#region select seccion contaco*/

.select-contacto {
    top: -10px;
    overflow: hidden;
}

.cs-select {
    border-bottom: 1px solid #000000;
    transition: transform 0.4s;
    padding-right: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}

.borderafter {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #e00034;
    transform: translateX(-100%);
    transition: all 0.3s ease;
}

.cs-placeholder {
    border: none;
    width: 90%;
    margin: 0 !important;
}

.cs-placeholder:focus {
    border: none;
    outline: none;
}

.cont-cs-select {
    border-right: none;
    background-color: #e6e6e6;
    opacity: 0.95;
    height: 0rem;
    width: 100%;
    overflow: hidden;
    transition: height 0.4s;
    position: relative;
    top: 0.5rem;
    margin-bottom: 10px;
}

.cs-options {
    height: 8rem;
    width: 95%;
    overflow-y: scroll;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    /* Scroll para mozilla */
    scrollbar-color: #e00034 #d4d4d4 !important;
    scrollbar-width: thin !important;
    /* Scroll IE */
    scrollbar-face-color: #e00034;
    scrollbar-track-color: #d4d4d4;
}

.cs-options ul {
    list-style: none;
    margin: 0;
    padding: 0px 1rem;
    overflow-x: hidden;
}

.cs-options ul li {
    border-bottom: 1px solid #e00034;
    padding-bottom: 10px;
    padding-left: 1.2rem;
    margin: 10px 0px;
    position: relative;
    transition: 0.2s;
    left: 2rem;
    width: 100%;
}

.cs-options ul li span:hover {
    color: #e00034;
}


/* Tamaño del scroll */

.cs-options::-webkit-scrollbar {
    width: 15px;
}


/* Estilos barra (thumb) de scroll */

.cs-options::-webkit-scrollbar-thumb {
    background: #e00034;
    border-radius: 10px;
}

.cs-options::-webkit-scrollbar-thumb:active {
    background-color: #e00034;
}

.cs-options::-webkit-scrollbar-thumb:hover {
    background: #e00034;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}


/* Estilos track de scroll */

.cs-options::-webkit-scrollbar-track {
    background: #e1e1e1;
}

.cs-options::-webkit-scrollbar-track:hover,
.cs-options::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}

input[type="radio"] {
    display: none;
}

.radio {
    display: flex;
}

.radio-der {
    margin-left: 4rem !important;
}

input[type="radio"]+label:before {
    content: "";
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 6px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #000000;
    background-color: #efefef;
}


/* appearance for checked radiobutton */

input[type="radio"]:checked+label:before {
    background-color: #000000;
}

@media (min-width: 375px) {
    .ctt-s-2-ttl {
        font-size: 2rem;
    }
    .ctt-s-2-ttl-b {
        font-size: 2.1rem;
    }
}

@media (min-width: 411px) {
    .ctt-s-2-ttl {
        font-size: 2.1rem;
    }
    .ctt-s-2-ttl-b {
        font-size: 2.3rem;
    }
}

@media (min-width: 568px) {
    .ctt-s-2-ttl {
        font-size: 2.5rem;
    }
    .ctt-s-2-ttl-b {
        font-size: 2.5rem;
    }
}

@media (min-width: 768px) {
    .ctt-s-3-frm-colm1,
    .ctt-s-3-frm-colm2 {
        margin: 0;
    }
    .ctt-s-2-ttl {
        font-size: 3rem !important;
    }
    .ctt-s-2-ttl-b {
        font-size: 3rem !important;
    }
}

@media (min-width: 1024px) {
    .ctt-s-2-ttl {
        font-size: 70px !important;
    }
    .ctt-s-2-ttl-b {
        font-size: 70px !important;
    }
}

@media(min-width:1280px) {
    .ctt-s-3-form {
        padding: 0 6rem;
        margin-bottom: 6rem;
        justify-content: space-between;
        display: flex;
    }
    .ctt-s-3-frm-colm1,
    .ctt-s-3-frm-colm2 {
        width: 47%;
        position: relative;
    }
    /**/
    .ctt-s-2-ttl {
        font-family: "GothamBook" !important;
        font-size: 70px !important;
        color: #e00034;
        margin-top: 4rem;
    }
    .ctt-s-2-ttl-b {
        font-size: 80px !important;
        font-family: "GothamBold" !important;
        margin-bottom: 1rem;
    }
    .ctt-s-3-form * label {
        margin: 10px 0;
        font-family: "GothamMedium";
    }
    .lbl-radio-contacto {
        display: inline-block;
    }
    .lbl-contacto-v4 {
        font-size: 1.5rem;
    }
    .ctt-s-3-form * input:not([type="radio"]) {
        width: 100%;
        height: 2.3rem;
        padding-left: 10px;
        margin-bottom: 1rem;
    }
    .ctt-s-3-form * textarea {
        width: 100%;
        height: 150px;
        resize: none;
        padding-left: 10px;
    }
    .btn-v4.btn-contacto {
        height: 3rem;
        line-height: 3rem;
        padding: 0 3rem;
        font-size: 18px;
    }
    /*#region select seccion contaco*/
    .select-contacto {
        top: -10px;
        overflow: hidden;
    }
    .cs-select {
        border-bottom: 1px solid #000000;
        transition: transform 0.4s;
        padding-right: 3rem;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        position: relative;
    }
    .borderafter {
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        border-bottom: 2px solid #e00034;
        transform: translateX(-100%);
        transition: all 0.3s ease;
    }
    .cs-placeholder {
        border: none;
        width: 90%;
        margin: 0 !important;
    }
    .cs-placeholder:focus {
        border: none;
        outline: none;
    }
    .cont-cs-select {
        border-right: none;
        background: #e6e6e6e6;
        opacity: 0.95;
        height: 0rem;
        width: 100%;
        overflow: hidden;
        transition: height 0.4s;
        position: relative;
        top: 0.5rem;
        margin-bottom: 10px;
    }
    .cs-options {
        height: 8rem;
        width: 95%;
        overflow-y: scroll;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
        /* Scroll para mozilla */
        scrollbar-color: #e00034 #d4d4d4 !important;
        scrollbar-width: thin !important;
        /* Scroll IE */
        scrollbar-face-color: #e00034;
        scrollbar-track-color: #d4d4d4;
    }
    .cs-options ul {
        list-style: none;
        margin: 0;
        padding: 0px 1rem;
        overflow-x: hidden;
    }
    .cs-options ul li {
        border-bottom: 1px solid #e00034;
        padding-bottom: 10px;
        padding-left: 1.2rem;
        margin: 10px 0px;
        position: relative;
        transition: 0.2s;
        left: 2rem;
        width: 100%;
    }
    .cs-options ul li span:hover {
        color: #e00034;
    }
    /* Tamaño del scroll */
    .cs-options::-webkit-scrollbar {
        width: 15px;
    }
    /* Estilos barra (thumb) de scroll */
    .cs-options::-webkit-scrollbar-thumb {
        background: #e00034;
        border-radius: 10px;
    }
    .cs-options::-webkit-scrollbar-thumb:active {
        background-color: #e00034;
    }
    .cs-options::-webkit-scrollbar-thumb:hover {
        background: #e00034;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    }
    /* Estilos track de scroll */
    .cs-options::-webkit-scrollbar-track {
        background: #e1e1e1;
    }
    .cs-options::-webkit-scrollbar-track:hover,
    .cs-options::-webkit-scrollbar-track:active {
        background: #d4d4d4;
    }
    input[type="radio"] {
        display: none;
    }
    .radio {
        display: flex;
    }
    .radio-der {
        margin-left: 4rem !important;
    }
    input[type="radio"]+label:before {
        content: "";
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        position: relative;
        top: 6px;
        /* background-color only for content */
        background-clip: content-box;
        border: 2px solid #000000;
        background-color: #efefef;
    }
}


/* -------------------------- NAVBAR ------------------------------ */

.menu_bar {
    display: none;
}

.img-logo {
    width: 13rem;
}

.icon-nav {
    visibility: hidden;
    position: relative;
    top: 5px;
    font-size: 25px;
    margin: 0 10px;
}

header {
    width: 100%;
}

header .nav-secc-0-lap {
    background: #efefef;
    z-index: 9000;
    width: 100%;
    height: 10rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
}

.nav-secc-0-lap-top {
    width: 100%;
    padding-top: 1.5rem;
    padding-right: 3rem;
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.nav-secc-0-lap-top-distribuidores-icon,
.nav-secc-0-lap-top-buscar-btn-icon {
    margin-right: 4px;
    position: relative;
    top: 4px;
    font-size: 20px;
    color: #000000;
}

.nav-secc-0-lap-top-distribuidores:hover,
.nav-secc-0-lap-top-buscar-btn-icon:hover {
    color: #e00034;
    cursor: pointer;
}

.nav-secc-0-lap-top-distribuidores {
    border-right: 1px solid;
    padding-right: 1rem;
    margin-right: 1rem;
    font-family: "GothamMedium";
    font-size: 12px;
}

.nav-secc-0-lap-top-buscar-btn {
    border: none;
}

.nav-secc-0-lap-top-buscar-btn-input {
    border: none;
    background-color: #dedede;
    width: 6rem;
    height: 1.5rem;
}

.nav-secc-0-lap-body {
    height: 100%;
    padding: 0 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-secc-0-lap-body ul {
    list-style: none;
    height: 100%;
    display: inline-flex;
}

.nav-li {
    font-family: "GothamMedium";
    color: #000000;
    font-size: 15px;
    height: 100%;
    padding-bottom: 5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-li a:hover .icon-nav {
    visibility: visible!important;
}

.nav-li a:hover {
    color: #e00034!important;
}

.sub-menu {
    visibility: collapse;
    position: absolute;
    width: 100%;
    height: 23rem;
    bottom: -23rem;
    border-top: 2px solid #000000;
    padding: 1rem 5rem;
    background-color: #dfdfdf;
    display: flex;
}

.nav-secc-productos {
    border-left: 1px solid #000000;
    padding: 0.5rem;
    padding-bottom: 4rem;
    margin-left: 2rem;
    margin-right: 1rem;
}

.nav-secc-productos div h4 {
    margin-bottom: 10px;
    font-size: 17px;
    font-family: "GothamMedium";
    font-weight: normal;
}

.nav-secc-productos div label {
    margin-bottom: 3px;
    font-size: 15px;
    font-family: "GothamBook";
}

.nav-secc-novedades h4 {
    font-size: 17px;
    font-family: "GothamMedium";
    font-weight: normal;
    margin: 5px 0;
}

.row1-productos {
    height: 9rem;
    margin-bottom: 2rem;
}


/* FIN ESTILOS NAVBAR */

.nav-secc-0-lap-top {
    width: 100%;
    padding-top: 1.5rem;
    padding-right: 6rem;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    position: absolute;
    color: #e00034;
    font-size: 1.35rem;
    font-family: 'Futura';
    top: 2rem;
}

.nav-secc-0-lap-top b {
    font-family: 'Futura';
}

.img-logo {
    width: 11rem;
}

.nav-secc-0-lap-body {
    height: 100%;
    padding: 4rem 6rem 1.5rem 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-secc-0-lap-productos {
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem 0;
    background: #efefef;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    transition-delay: 1s;
}

.nav-secc-0-lap-productos .nav-lista-productos ul li a {
    font-family: 'GothamBook';
}

.nav-secc-0-lap-productos .nav-lista-productos ul li a:hover {
    font-family: 'GothamMedium';
}

.transition-delay-0 {
    transition-delay: 0s;
}

.nav-secc-0-lap-productos.visible {
    padding: 2rem 0;
    visibility: visible;
    opacity: 1;
    transition: all .4s;
}

.nav-lista-productos ul {
    list-style: none;
    display: flex;
}

.nav-lista-productos ul li {
    margin: 0 1rem;
}

.nav-separador {
    width: 1px;
    height: 2rem;
    background-color: #000;
    margin-left: 1rem;
}

.nav-secc-0-lap-productos-titulo {
    font-size: 1.5rem;
}


/*VER MAS*/

.V-mas {
    margin-top: 4rem;
    text-align: center;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #e00034;
    font-family: "GothamBook";
    margin-bottom: 8rem;
}

.V-mas img {
    width: 3rem;
    display: block;
    margin: .5rem auto;
}


/*TABLA DE PRODUCTOS*/

.contenedor-tabla-productos {
    display: grid;
    grid-template-columns: 8.7rem 8.7rem 8.7rem 8.7rem 8.7rem 8.7rem 8.7rem 8.7rem;
    grid-template-rows: 12rem 12rem 12rem;
    background-color: #efefef;
    margin: 0 6.3rem;
    margin-bottom: 6rem!important;
}

.contenedor-tabla-productos {
    margin: 0 1.5rem;
    grid-template-columns: 12.4% 12.4% 12.4% 12.4% 12.4% 12.4% 12.4% 12.4%;
}

@media(min-width:1280px) {
    .contenedor-tabla-productos {
        grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
        margin: 0 6rem;
    }
}

@media(min-width:1366px) {
    .contenedor-tabla-productos {
        grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
        margin: 0 6.3rem;
    }
}

@media(min-width:1440px) {
    .contenedor-tabla-productos {
        margin: 0 4.5rem;
    }
}

.contenedor-tabla-productos>div {
    background-color: #d8d8d8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cl-1.rw-2.row-span-2.border-right,
.cl-1.rw-2.row-span-4.border-right,
.cl-1.rw-4.row-span-2.border-right.border-bottom {
    flex-direction: column;
}

.cl-1.rw-2.row-span-2.border-right a img,
.cl-1.rw-2.row-span-4.border-right a img,
.cl-1.rw-4.row-span-2.border-right.border-bottom a img {
    width: 8rem!important;
}

.contenedor-tabla-productos>div * img {
    width: 10rem;
}

.img-larga {
    width: 20rem!important;
}

.celda-vacia {
    background-color: #efefef!important;
}

.cl-1 {
    grid-column: 1;
}

.cl-span-2 {
    grid-column-end: span 2;
}

.cl-span-3 {
    grid-column-end: span 3;
}

.cl-grap {
    grid-column-gap: 5px;
}

.rw-2 {
    grid-row: 2;
}

.rw-3 {
    grid-row: 3;
}

.rw-4 {
    grid-row: 4;
}

.row-span-2 {
    grid-row-end: span 3;
}

.row-span-4 {
    grid-row-end: span 4;
}

.border-right {
    border-right: 2px solid #efefef;
}

.border-left {
    border-left: 2px solid #efefef;
}

.border-top {
    border-top: 2px solid #efefef;
}

.border-bottom {
    border-bottom: 2px solid #efefef;
}

.border {
    border: 2px solid #efefef;
}


/*ESTILOS DENTRO DE PAGINAS*/

.ln-prod-s-2-ttl {
    color: #FFFFFF;
    background-color: #e00034;
    padding: 1rem 0;
}

.ln-prod-s-3-cont-col {
    width: 12.6%;
}


/* ----------------------  HOME  ---------------------------*/

.contenedor-imagen-inicio {
    background-image: url(../img/cerditu.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 10rem;
}

.titulo {
    font-family: "GothamBook";
    font-size: 2.25rem;
    font-weight: normal;
    color: #e00034;
    text-align: center;
    margin: 4rem 0 2.5rem 0;
    text-transform: uppercase;
}

.titulo-negritas {
    display: block;
    font-size: 2rem;
    font-family: "GothamBold";
    text-transform: lowercase;
}

.subtitulo {
    font-size: 2rem;
    font-family: 'GothamBold';
    padding: 0 2rem;
    text-align: center;
}

.contenedor-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 1rem 0;
}

.contenedor-links-img {
    width: 10rem;
    margin: 1rem;
}

@media(min-width:360px) {
    .titulo {
        padding: 0 1rem;
        font-size: 2.55rem;
    }
}

@media(min-width:450px) {
    .contenedor-imagen-inicio {
        height: 13.5rem;
    }
}

@media(min-width:568px) {
    .contenedor-imagen-inicio {
        height: 14rem;
    }
}

@media(min-width:640px) {
    .contenedor-imagen-inicio {
        height: 16rem;
    }
    .titulo {
        font-size: 3rem;
    }
    .titulo-negritas {
        font-size: 2.35rem;
    }
}

@media(min-width:768px) {
    .contenedor-imagen-inicio {
        height: 20rem;
    }
    .titulo {
        font-size: 4rem;
    }
    .titulo-negritas {
        font-size: 3.15rem;
    }
    .subtitulo {
        font-size: 2.5rem;
        padding: 0 7rem;
    }
    .contenedor-links {
        padding: 0 5rem;
    }
}

@media(min-width:900px) {
    .contenedor-imagen-inicio {
        height: 20rem;
    }
    .contenedor-links {
        padding: 0 10rem;
    }
}

@media(min-width:1080px) {
    .contenedor-links {
        padding: 0 14rem;
    }
}

@media(min-width:1024px) {
    .contenedor-imagen-inicio {
        height: 25rem;
    }
    .contenedor-links {
        padding: 2rem 2rem 2rem 1rem;
    }
    .contenedor-links-img {
        width: 7rem;
        margin: .5rem;
    }
    .titulo {
        font-size: 4.5rem;
    }
    .titulo-negritas {
        font-size: 3.5rem;
    }
}

@media(min-width:1280px) {
    .contenedor-imagen-inicio {
        height: 35rem;
    }
    .titulo {
        font-size: 5.1rem;
        margin: 5rem 0 0 0;
        padding: 0;
    }
    .titulo-negritas {
        font-size: 4rem;
    }
    .subtitulo {
        font-size: 3.5rem;
    }
}

@media(min-width:1366px) {
    .contenedor-links-img {
        width: 8rem;
    }
}

@media(min-width:1440px) {
    .titulo {
        font-size: 5rem;
    }
    .titulo-negritas {
        font-size: 4rem;
    }
    .subtitulo {
        padding: 0 11rem;
    }
}


/* ------------------- PRODUCTOS ---------------- */

.titulo-productos {
    color: #FFFFFF;
    background-color: #e00034;
    padding: 1rem 0;
    font-size: 1.5rem;
    margin: 2rem 0 2rem 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'GothamBook';
}

.titulo-productos-movil {
    display: none;
}

.titulo-productos-negritas {
    display: block;
    font-size: 2.2rem;
    font-family: "GothamBold";
    text-transform: uppercase;
}

.contenedor-sacos {
    overflow: hidden;
    width: 100%;
    height: auto;
    transition: all .2s ease-in;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
}

.contenedor-sacos * img {
    width: 15rem;
}

.contenedor-sacos a {
    background-color: #dfdfdf;
    margin: 5px;
}


/**/

.seccion5-lap {
    display: none;
}

.seccion5-movil {
    display: none;
}


/**/

@media(min-width:1024px) {
    .titulo-productos-movil {
        display: block;
    }
    .titulo-productos {
        font-size: 3rem;
    }
    .titulo-productos-negritas {
        font-size: 3.5rem;
    }
    .seccion5-lap {
        display: block;
    }
    .seccion5-movil {
        display: none;
    }
    .ln-prod-s-2-cont {
        display: flex;
        height: 10.5rem;
        width: 95%;
        margin: 0 auto;
    }
    .etapa-producto {
        width: 11rem;
        height: 100%;
    }
}

@media(min-width:1280px) {
    .ln-prod-s-2-cont {
        height: 10.5rem;
        width: 85%;
    }
    .etapa-producto {
        width: 11rem;
        height: 100%;
    }
}

@media(min-width:1440px) {
    .ln-prod-s-2-cont {
        height: 12.5rem;
        width: 90%;
    }
    .etapa-producto {
        width: 12rem;
        height: 100%;
    }
}


/* ----------------------- LINEAS ------------------------- */

.etapas-s-1-header {
    display: flex;
    border: 1px solid #000000;
    border-left: none;
    border-right: none;
    background: #e7e4e4;
    height: auto;
    margin-bottom: 2rem;
    flex-direction: column;
}

.etapas-s-1-header-col1 {
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-transform: uppercase;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

.etapas-s-1-header-col2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    font-family: "GothamBook";
    font-size: 1.5rem;
    letter-spacing: 1px;
    text-indent: 1px;
    margin-bottom: 1rem;
}

.etapas-s-1-header-col2-nombre {
    font-size: 2rem;
    font-family: "GothamBold";
}


/**/

.card-derecha {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #D8D8D8;
    margin-bottom: 2.5rem;
    padding: 1rem;
    padding-bottom: 2rem;
}

.content-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-reverse {
    flex-direction: column-reverse;
}

.titulo-card {
    font-weight: bold;
    font-size: 2rem;
    text-transform: uppercase;
    font-family: "GothamBold";
}

span.titulo-card-span {
    font-size: 1.48rem;
    font-family: 'GothamBold';
    font-weight: bold;
    display: block;
}

span.titulo-card-span-pt {
    font-size: 1.04rem;
    font-family: 'GothamBold';
    font-weight: bold;
    display: block;
}

.etapa-card {
    font-family: "GothamMedium";
    color: #ffffff;
    width: 10rem;
    height: 2.7rem;
    line-height: 2.7rem;
    font-size: 1.5rem;
    text-align: center;
    margin-top: 2rem;
}

.etapa-card b {
    line-height: 2.9rem;
}

.descripcion-card {
    margin-top: 2rem;
    font-size: 1.1rem;
    color: #000000;
    font-family: "GothamMedium";
    line-height: 2rem;
}

.color-etapa0 {
    background-color: #BBE1D9;
}

.color-etapa1 {
    background-color: #80b491;
}

.color-etapa2 {
    background-color: #458c4f;
}

.color-etapa3 {
    background-color: #357250;
}

.color-etapa4 {
    background-color: #254633;
}

.color-etapaG {
    background-color: #448c80;
}

.color-etapaL {
    background-color: #3a756a;
}

.color-etapaS {
    background-color: #234535;
}


/*COLORES POR FICHA*/


/* HI-O TURBO */

.color-hiO1 {
    background-color: #5EB78A;
}

.color-hiO2 {
    background-color: #008E3C;
}

.color-hiO3 {
    background-color: #016D45;
}

.color-hiO4 {
    background-color: #144231;
}

.color-hiO5 {
    background-color: #0B9782;
}

.color-hiO6 {
    background-color: #1F7669;
}

.color-kebueno {
    background-color: #e98d9d;
}


/* PREINICIADORES */

.color-PS1 {
    background-color: #6CCA98;
}

.color-PS2 {
    background-color: #00754A;
}

.color-PS3 {
    background-color: #124734;
}


/* PIGTECH */

.color-Pig1 {
    background-color: #EA0029;
}

.color-Pig2 {
    background-color: #0052A4;
}

.color-Pig3 {
    background-color: #E0AE21;
}


/* PT */

.color-PT1 {
    background-color: #5EB78A;
}

.color-PT2 {
    background-color: #018D3F;
}

.color-PT3 {
    background-color: #006C45;
}

.color-PT4 {
    background-color: #144231;
}


/* V-ITAL */

.color-v-ital {
    /* background-color: #EA0029; */
    background-color: #EA0034;
}


/* GRANJA FAMILIAR */

.color-GF1 {
    background-color: #008E3C;
}

.color-GF2 {
    background-color: #00794F;
}

.color-GF3 {
    background-color: #174A38;
}

.descripcion-card strong {
    font-family: "GothamMedium";
}

.btn-card {
    margin-top: 2rem;
}

.btn-card a {
    text-decoration: none;
    color: #000000;
    border: #000000 1px solid;
    font-family: "GothamBold";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 3rem;
}

.img-card {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.card-izquierda {
    display: flex;
    text-align: left;
    background-color: #e5e4e4;
    margin-top: 5rem;
}

.etapa-card-2 {
    font-family: "GothamMedium";
    color: #ffffff;
    width: 10rem;
    height: 2.5rem;
    font-size: 2rem;
    text-align: center;
    padding-top: 0.1rem;
    font-weight: bold;
    margin-top: 1rem;
}

@media(min-width:568px) {
    .img-card img {
        width: 70%;
    }
    .descripcion-card {
        padding: 0 3rem;
    }
    .etapas-s-1-header-col2-nombre {
        font-size: 3.5rem;
    }
    .etapas-s-1-header-col2 {
        font-size: 2.5rem;
    }
    .titulo-card {
        font-size: 3rem;
    }
    span.titulo-card-span {
        font-size: 2.25rem;
    }
    span.titulo-card-span-pt {
        font-size: 1.55rem;
    }
}

@media(min-width:640px) {
    .etapas-s-1-header-col2 {
        font-size: 2rem;
    }
    .etapas-s-1-header-col2-nombre {
        font-size: 3.5rem;
    }
    .img-card img {
        width: 65%;
    }
    .descripcion-card {
        padding: 0 2rem;
    }
}

@media(min-width:768px) {
    .card-derecha {
        padding-top: 2rem;
    }
}

@media(min-width:1024px) {
    .etapas-s-1-header {
        flex-direction: row;
        height: 8.5rem;
    }
    .etapas-s-1-header-col1 {
        width: 100%;
        height: 100%;
        max-width: 57%;
        margin: 0;
    }
    .etapas-s-1-header-col2 {
        width: 75%;
    }
    .card-derecha {
        flex-direction: row;
        padding: 0 4rem 0 4rem;
        height: 27rem;
    }
    .content-card {
        align-items: flex-end;
        text-align: right;
        width: 45%;
        margin-right: 5%;
    }
    .card-reverse {
        flex-direction: row;
    }
    .descripcion-card {
        text-align: right;
        padding: 0;
        padding-left: 6rem;
    }
    .img-card {
        width: 45%;
    }
    .img-card img {
        width: 95%;
    }
    .content-card.content-card-derecha {
        padding-right: 1rem;
        padding-left: 0rem;
        margin: 0;
        width: 50%;
    }
    .titulo-card {
        padding-left: 3rem;
    }
}

@media(min-width:1280px) {
    .etapas-s-1-header-col2 {
        width: 65%;
    }
    .etapas-s-1-header-col1 {
        max-width: 65%;
    }
    .etapas-s-1-header {
        height: 11rem;
    }
    .card-derecha {
        padding: 0 0rem 0 0;
        height: 30rem;
    }
    .img-card img {
        width: 85%;
    }
}

@media(min-width:1366px) {
    .img-card img {
        width: 80%;
    }
}

@media(min-width:1440px) {
    .card-derecha {
        height: 30rem;
    }
}


/*-------------------------- MARCAS -------------------------------*/

.producto-header-img-movil {
    display: block;
}

.producto-header-img {
    display: none;
}

.marcas-titulos {
    font-size: 1.8rem;
    font-family: "GothamBook";
    font-size: 3rem;
    color: #e00034;
    text-align: center;
    margin: 4rem 0 2.5rem 0;
    text-transform: uppercase;
}

.titulos-productos {
    font-size: 2rem;
    font-family: "GothamBold";
    color: #e00034;
    text-align: center;
    margin: 3rem 0 3rem 0;
    text-transform: uppercase;
}

.categ_etap-secc-2 .titulos-productos {
    font-size: 1.35rem;
}

.marcas-titulos .titulo-negritas {
    font-size: 2rem;
}

.contenedor-recomendaciones {
    display: flex;
    flex-direction: column;
}

.contenedor-recomendaciones a {
    margin: .5rem;
}

.contenedor-recomendaciones {
    margin: 4rem 0 2rem 0;
    text-align: center;
    font-size: 1.2rem;
}

.recomendacion-mensaje {
    color: #e00034;
    font-family: 'GothamBold';
    margin-bottom: 1rem;
}

@media(min-width:360px) {
    .categ_etap-secc-2 .titulos-productos {
        font-size: 1.5rem;
    }
}

@media(min-width:425px) {
    .categ_etap-secc-2 .titulos-productos {
        font-size: 1.7rem;
    }
}

@media(min-width: 568px) {
    .titulos-productos {
        font-size: 2.25rem;
    }
}

@media(min-width: 640px) {
    .contenedor-recomendaciones {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .recomendacion-mensaje {
        width: 100%;
        margin: 0;
    }
    .contenedor-recomendaciones a {
        margin: 1.2rem;
    }
    .marcas-titulos .titulo-negritas {
        font-size: 2.6rem;
    }
    .marcas-titulos {
        font-size: 1.9rem;
    }
    .titulos-productos {
        font-size: 3rem;
    }
    .categ_etap-secc-2 .titulos-productos {
        font-size: 2.2rem;
    }
}

@media(min-width: 1024px) {
    .recomendacion-mensaje {
        width: auto;
    }
    .contenedor-recomendaciones a {
        margin: 0 1.5rem;
    }
    .marcas-titulos .titulo-negritas {
        font-size: 3.5rem;
    }
    .titulos-productos {
        font-size: 3.55rem;
    }
    .producto-header-img-movil {
        display: none;
    }
    .producto-header-img {
        display: block;
    }
    .categ_etap-secc-2 .titulos-productos {
        font-size: 2.75rem;
    }
}


/* --------------------------- NAVBAR MOVIL -----------------------*/

span#nav-movil-hamburger {
    font-size: 1.25rem;
}

nav.nav-secc-0-movil {
    display: block;
    height: 6rem;
    position: relative;
}

.nav-secc-0-movil-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    height: 6rem;
}

#img-logo-nav-movil {
    width: 7.5rem;
}

.nav-secc-0-movil-body {
    position: absolute;
    z-index: 1000;
    background-color: #efefef;
    width: 100%;
    top: 6rem;
    height: 0rem;
    overflow: hidden;
    padding: 0rem 2rem 0rem 2rem;
    border-top: none;
    transition: all .5s;
}

.nav-secc-0-movil-body.height-auto {
    height: 32rem;
}

.nav-secc-0-movil-body-visible {
    height: 14rem;
    padding: 1rem 2rem 2rem 2rem;
    border-top: 1px solid #000;
    transition: all .5s;
}

.nav-secc-0-movil-body-visible-sin-productos {
    height: 15rem;
    padding: 1rem 2rem 2rem 2rem;
    border-top: 1px solid #000;
    transition: all .5s;
}

.nav-secc-0-movil-body ul .nav-li {
    justify-content: flex-start;
    align-items: self-end;
    margin: .5rem 0 0 -.6rem;
}

.nav-separador {
    display: none;
}

.nav-secc-0-movil-body-titulo {
    color: #e00034;
    font-size: 1.3rem;
    font-family: 'Futura';
    margin-bottom: 1rem;
}

.nav-secc-0-movil-productos {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    border-top: 1px solid #000;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.nav-secc-0-movil-productos.visible {
    height: 17rem;
    transition: all .5s;
}

strong.nav-secc-0-movil-productos-titulo {
    margin: 1rem 0;
}

.nav-lista-productos ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.nav-lista-productos ul li {
    margin: .5rem 1rem;
}

img#img-titulo-nav {
    width: 26rem;
    position: relative;
    top: -1rem;
    right: -1rem;
}

img#img-titulo-nav-movil {
    width: 17rem;
    position: relative;
    left: -.5rem;
    top: .5rem;
}

.a-img-logo {
    z-index: 1000;
    cursor: pointer;
}

@media(min-width:640px) {
    .nav-secc-0-movil-productos.visible {
        height: 6rem;
    }
    .nav-secc-0-movil-body.height-auto {
        height: 21rem;
    }
    img#img-titulo-nav-movil {
        width: 25rem;
        left: -1rem;
    }
}

@media(min-width:640px) {
    .nav-lista-productos ul {
        flex-direction: row;
    }
    .nav-lista-productos ul li {
        margin: 0rem .7rem;
    }
    .nav-secc-0-movil-body-visible {
        height: 15rem;
    }
}

@media(min-width:768px) {
    .nav-lista-productos ul {
        flex-direction: row;
    }
    .nav-lista-productos ul li {
        margin: 0rem .7rem;
    }
    .nav-secc-0-movil-productos {
        flex-direction: row;
        align-items: center;
        padding-top: 0rem;
    }
    .nav-separador {
        display: block;
    }
    /**/
    .nav-secc-0-movil-productos.visible {
        height: 4rem;
    }
    .nav-secc-0-movil-body.height-auto {
        height: 19rem;
    }
}

@media(min-width: 1024px) {
    header .nav-secc-0-lap {
        display: flex;
    }
    nav.nav-secc-0-movil {
        display: none!important;
    }
}


/*Separador del navbar en escritorio*/

.separador-navbar {
    width: 100%;
    height: 10em;
    display: none;
}

@media(min-width:1024px) {
    .separador-navbar {
        display: block;
    }
}


/* ------------------------------ MODALES ----------------------------- */

.modalContainer {
    display: none;
    position: fixed;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    max-width: 1440px;
}

.modal-content {
    background-color: rgba(255, 255, 255, 0.8);
    width: 16em;
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    text-align: center;
}

.contenidoModal h1 {
    color: #e00034;
    padding-bottom: 15px;
    font-size: 1.5rem;
    font-family: 'GothamBold';
    letter-spacing: 1px;
    text-indent: 1px;
}

.contenidoModal hr {
    border: #e00034 2px solid;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.modal-content .contenidoModal p {
    padding-top: 1rem;
    font-size: 1rem;
    padding-bottom: 2rem;
    text-align: center;
}

.contenidoModal img {
    width: 3.3rem;
    padding-bottom: 7%;
}

.modalContainer .close button {
    width: 7rem;
    height: 2.5rem;
    font-size: 24px;
    cursor: pointer;
}

.modalContainer .close:hover,
.modalContainer .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

@media (min-width: 411px) {
    .modal-content {
        width: 19em;
    }
    .contenidoModal img {
        width: 4em;
    }
    .contenidoModal h1 {
        font-size: 2rem;
    }
    .modal-content .contenidoModal p {
        font-size: 1.25rem;
    }
}

@media(min-width: 640px) {
    .modal-content {
        width: 23em;
    }
    /**/
    .cont-modal-text {
        width: 80%;
    }
    .cont-modal-text {
        justify-content: center;
        align-items: flex-start;
        height: 250px;
    }
    .modal-img-text {
        width: 180px;
        height: 250px;
    }
    .modal-descripcion {
        display: block;
        width: 270px;
        height: 205px;
        margin-left: 0rem;
        padding: 0 1rem;
        overflow: hidden;
    }
    .cerrar-modal-text {
        left: calc(50% - 2rem);
    }
    .cerrar-modal-text {
        bottom: 0px;
    }
    .modal-img-text a img {
        width: auto;
        height: 100%;
    }
}

@media(min-width:768) {
    .modal-content {
        width: 30em;
    }
    .modal-content .contenidoModal {
        padding: 5rem 3rem;
    }
    .contenidoModal img {
        width: 5.5em;
    }
    .contenidoModal h1 {
        font-size: 3.5rem;
    }
    /**/
    .cont-modal-text {
        justify-content: space-around;
        height: auto;
    }
    .modal-img-text {
        width: 230px;
        height: auto;
    }
    .modal-descripcion {
        width: 300px;
        height: 260px;
    }
    .cerrar-modal-text {
        left: calc(50% + 0rem);
    }
    .modal-img-text a img {
        width: 100%;
        height: auto;
    }
}

@media(min-width:1024px) {
    .cont-modal-text {
        justify-content: center;
    }
    .modal-descripcion {
        margin-left: 2rem;
        width: 400px;
    }
    .cerrar-modal-text {
        left: calc(50% - 3.5rem);
    }
}

@media(min-width:1280px) {
    .cont-modal-text {
        height: auto;
    }
    .modal-img-text {
        width: 280px;
        height: auto;
    }
    .cerrar-modal-text {
        left: calc(50% - 2rem);
    }
}