:root {
    --Azul: #002169;
    --Rojo: #ea0029;
    --Gris: #636569;
    --Gris_tenue: #E8E6EF;
    --Blanco: #fff;
    --Rojo_tenue: #ffebe8;
}

/* inicio Carousel**********************************************************************************************************************/
.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

splide_ofertas
.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized,
    .splide.is-rendered {
        visibility: visible
    }

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom;
        width: 70%;
        margin-left: 200px;
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 10px;
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }

    .splide__arrow:disabled {
        opacity: .3;
    }

    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide__arrow--prev {
    left: 11%;
}

    .splide__arrow--prev svg {
        transform: scaleX(-1)
    }

.splide__arrow--next {
    right:11%;
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: -3.5em;
    left: 32.5em;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
}

.splide__pagination__page {
    background: #002169;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin: 12px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 18px
}

    .splide__pagination__page.is-active {
        background: red;
        transform: scale(1.4);
        z-index: 1;
    }

    .splide__pagination__page:hover {
        cursor: pointer;
        opacity: .9
    }

    .splide__pagination__page:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

    .splide__slide:focus {
        outline: 0
    }

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

/*@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}*/

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

/*@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }*/

.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf
}

}

.splide__toggle {
    cursor: pointer
}

    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

    .splide__track--nav > .splide__list > .splide__slide.is-active {
        border: 3px solid #000
    }

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}

    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

#slide_img2 {
    width: 70%;
}

#slide_ul2 {
    margin-left: 0.5em;
}

.cnt_splide2 {
    margin-top: 100px;
}
/* final Carousel**********************************************************************************************************************/


/* carrusel salud*/
#splide_salud {
    transform: translate(-98px, 10px);
}

    #splide_salud .splide__pagination {
        bottom: -2.5em;
        left: 40.5em;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #splide_salud .splide__slide img {
        vertical-align: bottom;
        width: 70%;
        margin-left: 200px;
        box-shadow: 0 0 10px #444444;
    }

/*Carrusel Generosas*/
#splide_generosas {
    transform: translate(-98px, 10px);
}

    #splide_generosas .splide__pagination {
        bottom: -2.5em;
        left: 40.5em;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #splide_generosas .splide__slide img {
        vertical-align: bottom;
        width: 70%;
        margin-left: 200px;
        box-shadow: 0 0 10px #444444;
    }

.cnt_splideinferior_3 {
    width: 1100px;
    transform: translateX(13%);
    margin-top: 30px;
}

    .cnt_splideinferior_3 .splide__arrow--next {
        margin-right: -57px;
        background: white;
    }

    .cnt_splideinferior_3 .splide__arrow--prev {
        margin-left: 7px;
        background: white;
    }

    .cnt_splideinferior_3 .splide__arrow svg {
        fill: white;
        height: 1.5em;
        width: 1.5em
    }

#carousel_inferior3 .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #002169;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 3em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-41px, -48px);
    width: 3em;
    z-index: 1
}

#carousel_inferior3 img {
    border: solid 1px grey;
    box-shadow: 0 0 10px #444444;
    width: 90%;
    height: 70%;
    border-radius: 15px;
    margin-left: 0px;
}

#carousel_inferior3 .label_slider {
    padding: 13px 0px;
    width: 90%;
    text-align: center;
    font-size: 20px;
    color: var(--Azul);
}

/* */
.cnt_slide_ofertas {
    width: 100%;
}

#splide_ofertas {
    width: 115%;
}

    #splide_ofertas img {
        width: 80%;
        height: 100%;
        transform: translate(-105px, 0px);
        box-shadow: 0 0 10px #444444;
        border-radius: 10px;
        margin-top: 5px;
    }

    #splide_ofertas .splide__pagination {
        bottom: -4.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

#splide_laboratorios {
    width: 115%;
}

    #splide_laboratorios img {
        width: 80%;
        height: 100%;
        transform: translate(-105px, 0px);
        box-shadow: 0 0 10px #444444;
        border-radius: 10px;
        margin-top: 5px;
    }

    #splide_laboratorios .splide__pagination {
        bottom: -4.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

#splide_valores {
    width: 115%;
}

    #splide_valores img {
        width: 90%;
        transform: translate(-105px, 0px);
        box-shadow: 0 0 10px #444444;
        border-radius: 10px;
        height: 60vh;
    }

    #splide_valores .splide__pagination {
        bottom: -2.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

#splide_servicios {
    width: 115%;
}

    #splide_servicios img {
        width: 85%;
        height: 60vh;
        transform: translate(-58px, 0px);
        box-shadow: 0 0 10px #444444;
        border-radius: 10px;
    }

    #splide_servicios .splide__pagination {
        bottom: -4.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

#splide_quienes_somos {
    width: 115%;
}

    #splide_quienes_somos img {
        width: 90%;
        transform: translate(-105px, 0px);
        box-shadow: 0 0 10px #444444;
        border-radius: 10px;
        height: 55vh;
    }

    #splide_quienes_somos .splide__pagination {
        bottom: -4.5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

.cnt_slide_aprovecha {
    width: 115%;
    height: 267%;
    transform: translate(-199px, 10px);
    box-sizing: border-box;
}

#splide_aprovecha {
    width: 115%;
    margin-bottom: 40px;
    margin-top: 100px;
}

    #splide_aprovecha img {
        margin-top: 40px;
        width: 90%;
        height: 330px;
        transform: translate(-2px, -30px);
    }

    #splide_aprovecha .splide__pagination {
        bottom: -2.5em;
        left: 11em;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1;
    }

/* Carrusel Salud Marcas **********************************************************************************************************/

.cnt_splideinferior_salud {
    width: 1100px;
    transform: translateX(13%);
    margin-bottom: 50px;
}

    .cnt_splideinferior_salud .splide__arrow--next {
        margin-right: -60px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_salud .splide__arrow--prev {
        margin-left: -6px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_salud .splide__arrow svg {
        fill: var(--Blanco);
        height: 2em;
        width: 2em
    }

#carousel_inferiorsalud .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: var(--Azul);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 5em;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-41px, -30px);
    width: 5em;
    z-index: 1;
}

#carousel_inferiorsalud img {
    border: solid 1px grey;
    box-shadow: 0 0 10px #444444;
    width: 90%;
    margin-left: 0px;
    z-index: 1
}

/* Carrusel Generosas Marcas **********************************************************************************************************/
.cnt_splideinferior_2 {
    width: 71%;
    transform: translateX(29.5%);
}

    .cnt_splideinferior_2 .splide__arrow--next {
        margin-right: 4px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_2 .splide__arrow--prev {
        margin-left: -6px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_2 .splide__arrow svg {
        fill: var(--Blanco);
        height: 2em;
        width: 2em
    }

#carousel_inferior2 .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: var(--Rojo);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 5em;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-46px, -30px);
    width: 5em;
    z-index: 1;
}

#carousel_inferior2 img {
    border: solid 1px grey;
    box-shadow: 0 0 10px #444444;
    width: 70%;
    margin-left: 1px;
}
/* Carrusel Generosas Marcas monedero **********************************************************************************************************/
.cnt_splideinferior_2_monedero {
    width: 84%;
    transform: translateX(19%);
}

#carousel_inferior2_monedero .splide__arrow--next {
    margin-right: 43px;
    background: var(--Blanco);
}

.cnt_splideinferior_2_monedero .splide__arrow--prev {
    margin-left: -6px;
    background: var(--Blanco);
}

.cnt_splideinferior_2_monedero .splide__arrow svg {
    fill: var(--Blanco);
    height: 2em;
    width: 2em
}

#carousel_inferior2_monedero .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: var(--Azul);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 5em;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-46px, -30px);
    width: 5em;
    z-index: 1;
}

#carousel_inferior2_monedero img {
    border: solid 1px grey;
    box-shadow: 0 0 0 #444444;
    width: 65%;
    margin-left: 1px;
}

#cnt_titulo_cam_marcas_generosas_monedero {
    transform: translateX(19%);
    margin-top: 3%;
}
/**/
.cnt_splideinferior_4 {
    width: 1100px;
    transform: translateX(13%);
}

    .cnt_splideinferior_4 .splide__arrow--next {
        margin-right: -60px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_4 .splide__arrow--prev {
        margin-left: -6px;
        background: var(--Blanco);
    }

    .cnt_splideinferior_4 .splide__arrow svg {
        fill: var(--Blanco);
        height: 2em;
        width: 2em
    }

/*   Marca propia */

.cnt_slide_mp_general {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.slider_MP {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    height: 300px;
}

    .slider_MP img {
        border: solid 1px grey;
        border-radius: 5px;
        box-shadow: 0 0 10px #444444;
        width: 150px;
        margin-left: 75px;
        margin-top: 30px;
        margin-bottom: 40px;
    }

.btn_centrado_mp {
    background: var(--Rojo);
    color: var(--Blanco);
    float: left;
    padding: 7px 15px;
    border: 1px gray solid;
    width: 125px;
    text-align: center;
    margin-top: 28px;
    margin-left: 70px;
    border-radius: 5px;
}

.cnt_splideAvitus .splide__arrow--next {
    background: var(--Azul);
    margin-right: -45px;
}

.cnt_splideAvitus .splide__arrow--prev {
    background: var(--Azul);
    margin-left: -45px;
}

.cnt_splideAvitus .splide__arrow svg {
    fill: var(--Blanco);
}

/*CONTENEDOR AVITUS*/
.cnt_producto_avitus {
    border: solid 1px grey;
    border-radius: 10px;
    box-shadow: 0 0 10px #444444;
    padding: 10px 5px;
    width: 170px;
    height: 300px;
}

#cnt_productosAvitus {
    height: 300px;
    display: flex;
    align-items: center;
}

.cnt_producto_g_imagenavitus {
    margin-top: 30px;
}

#cnt_productosAvitus .splide__slide img {
    margin-left: 0%;
    width: 100%;
}

#cnt_productosAvitus .splide__slide p {
    text-align: center;
    padding: 10px;
    height: 38px;
    margin-top: 40px;
}

.cnt_producto_g_nombreavitus {
    color: var(--Azul);
}

.cnt_producto_g_precioavitus {
    color: var(--Rojo);
    margin-top: 30px;
    display: none;
}

.cnt_producto_g_agregaravitus {
    display: none;
    text-align: center;
    background: var(--Azul);
    color: var(--Blanco);
    width: 90px;
    border-radius: 5px;
    margin-left: 45px;
    padding: 2px 1px;
}

/*CONTENEDOR VIVE*/
.cnt_producto_vive {
    border: solid 1px grey;
    border-radius: 10px;
    box-shadow: 0 0 10px #444444;
    padding: 10px 5px;
    width: 170px;
    height: 300px;
}

#cnt_productosVive {
    height: 300px;
    display: flex;
    align-items: center;
}

.cnt_producto_g_imagenvive {
    margin-top: 30px;
}

#cnt_productosVive .splide__slide img {
    margin-left: 0%;
    width: 100%;
}

#cnt_productosVive .splide__slide p {
    text-align: center;
    padding: 10px;
    height: 38px;
    margin-top: 40px;
}

.cnt_producto_g_nombrevive {
    color: var(--Azul);
}

.cnt_producto_g_preciovive {
    color: var(--Rojo);
    margin-top: 30px;
    display: none;
}

.cnt_producto_g_agregarvive {
    display: none;
    text-align: center;
    background: var(--Azul);
    color: var(--Blanco);
    width: 90px;
    border-radius: 5px;
    margin-left: 45px;
    padding: 2px 1px;
}

/*CONTENEDOR BEADVANCE*/
.cnt_producto_beAdvance {
    border: solid 1px grey;
    border-radius: 10px;
    box-shadow: 0 0 10px #444444;
    padding: 10px 5px;
    width: 170px;
    height: 300px;
}

#cnt_productosbeAdvance {
    height: 300px;
    display: flex;
    align-items: center;
}

.cnt_producto_g_imagenbeAdvance {
    margin-top: 30px;
}

#cnt_productosbeAdvance .splide__slide img {
    margin-left: 0%;
    width: 100%;
}

#cnt_productosbeAdvance .splide__slide p {
    text-align: center;
    padding: 10px;
    height: 38px;
    margin-top: 40px;
}

.cnt_producto_g_nombrebeAdvance {
    color: var(--Azul);
}

.cnt_producto_g_preciobeAdvance {
    color: var(--Rojo);
    margin-top: 30px;
    display: none;
}

.cnt_producto_g_agregarbeAdvance {
    display: none;
    text-align: center;
    background: var(--Azul);
    color: var(--Blanco);
    width: 90px;
    border-radius: 5px;
    margin-left: 45px;
    padding: 2px 1px;
}

/*CONTENEDOR ALLEN(GENEROSA)*/
.cnt_producto_Allen {
    border: solid 1px grey;
    border-radius: 10px;
    box-shadow: 0 0 10px #444444;
    padding: 10px 5px;
    width: 170px;
    height: 300px;
}

#cnt_productosAllen {
    height: 300px;
    display: flex;
    align-items: center;
}

.cnt_producto_g_imagenAllen {
    margin-top: 30px;
}

#cnt_productosAllen .splide__slide img {
    margin-left: 0%;
    width: 100%;
}

#cnt_productosAllen .splide__slide p {
    text-align: center;
    padding: 10px;
    height: 38px;
    margin-top: 40px;
}

.cnt_producto_g_nombreAllen {
    color: var(--Azul);
}

.cnt_producto_g_precioAllen {
    color: var(--Rojo);
    margin-top: 30px;
    display: none;
}

.cnt_producto_g_agregarAllen {
    display: none;
    text-align: center;
    background: var(--Azul);
    color: var(--Blanco);
    width: 90px;
    border-radius: 5px;
    margin-left: 45px;
    padding: 2px 1px;
}

@media(min-width: 1921px) and (max-width: 2560px) {
    .splide__arrow--prev {
        left: 3%;
    }

    .splide__arrow--next {
        right: 8%;
    }
}