/*01- Kit Mynu */
	.container-kit-mynu{
		padding:80px 0px 40px 0px;
	}
	
	.grid-kit {
    display: flex;
    align-items: center;
    gap: 48px;
    justify-content: space-between;
}
	
.mynu-kit-content {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    gap: 24px;
}	
	
h2.mynu-kit-title {	
color:#1F1F1F;
font-family: Manrope;
font-size: 56px;
font-style: normal;
font-weight: 800;
line-height:64px; 
letter-spacing:0;		
}
	
p.mynu-kit-description {
color:#1F1F1F;
font-family:Inter;
font-size:20px;
font-style: normal;
font-weight: 400;
line-height:32px;
letter-spacing:0;
max-width:486px;
}

.mynu-kit-imagen-container {
    display: block;
    position: relative;
}

.mynu-kit-imagen {
    display: block;
	    width: 420px;
    height: 480px;
    border-radius: 24px 24px 200px 24px;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.mynu-kit-imagen-shape {
    display: block;
    position: absolute;
    width: 700px;
    height: 400px;
    background-color: #ffffff;
    left: -120px;
    bottom: -50px;
    border-radius: 230px 0 0 230px;
    z-index: -1;
}
	
.mynu-kit-list {
    display: block;
    position: relative;
    width: 100%;
}
	
.kits-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}	
	
.kits-list-icon {
    flex: none;
    display: block;
    width: 40px;
    height: 40px;
}	
	
	
.kits-list-item {
    display: flex;
    gap: 16px;
    background-color: #ffffff;
    border-radius: 24px;
    align-items: center;
    padding: 24px;
    height: 104px;
}
	
.kits-list-title {
color:#1F1F1F;
font-family:Inter;
font-size:20px;
font-style:normal;
font-weight:600;
line-height:28px;
letter-spacing:0;
}


/*Tabs*/


section.mynu-tabs-section {
	padding-top:120px;
	padding-bottom:80px;
}
h2.mynu-title-section-tabs {
color: #1F1F1F;
text-align: center;
font-family:Manrope;
font-size:56px;
font-style: normal;
font-weight: 400;
line-height:64px; 
}
.mynu-tabs-nav {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
	margin-top:40px;
    justify-content: center;
}

.mynu-tab-button{
	font-size:16px;
	color:#606060;
    background:none;
    border:none;
    padding:16px 0;
    font-weight:600;
    cursor:pointer;
    position:relative;
}

.mynu-tab-button.active {
	color:#1F1F1F;
}

.mynu-tab-button.active::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:2px;
    background:#6c3cff;
}

.mynu-tab-panel{
    display:none;
}

.mynu-tab-panel.active{
    display:block;
}

.mynu-tab-card{
    display:flex;
    align-items:center;
    gap:40px;
    padding:40px;
    border-radius:32px;
    background:#fff;
    box-shadow: 0 32px 64px rgba(0,0,0,.16);
}

.mynu-tab-icon{
    width:160px;
    height:160px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.mynu-tab-icon img{
    width:160px;
    height:160px;
    object-fit:contain;
}

.mynu-tab-info h3{
color:#1F1F1F;
font-family:Inter;
font-size:40px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}

.mynu-tab-description{
color:#606060;
font-family:Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height:32px; 
}

/*Beneficios*/


section.mynu-beneficios-section {
    padding-top: 80px;
}

h2.mynu-title-section-beneficios {
color:#1F1F1F;
text-align: center;
font-family:Manrope;
font-size:56px;
font-style: normal;
font-weight: 400;
line-height:64px;
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.mynu-beneficios {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 32px;
    margin-top: -35px;
    position: relative;
    z-index: 0;
    transform: translateY(90px);
}

.mynu-beneficio-item {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 32px 32px 56px 32px;
    border-radius: 32px;
}

.mynu-beneficio-cotainer {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: flex-start;
}

.mynu-beneficio-title {
color:#1F1F1F;
font-family:Inter;
font-size:24px;
font-style: normal;
font-weight: 700;
line-height:32px;
}

.mynu-beneficio-contenido ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
	margin: 0;
    position: relative;
    list-style: none;
}

.mynu-beneficio-contenido li{
    position:relative;
    padding-left:40px;
	list-style: none;
}

.mynu-beneficio-contenido ul li {
color:#1F1F1F;
font-family:Inter;
font-size: 16px;
font-weight: 600;
line-height:24px; 
}

.positivo-box li::before{
    content:'';
    position:absolute;
    left:0;
    top:0px;
    width:26px;
    height:26px;
    background: url('/wp-content/themes/salient-child/assets/icon/check_icon.svg') center/contain no-repeat;
}

.negativo-box li::before{
    content:'';
    position:absolute;
    left:0;
    top:0px;
    width:26px;
    height:26px;
    background: url('/wp-content/themes/salient-child/assets/icon/negative_icon.svg') center/contain no-repeat;
}


.bg-section {
    display: block;
    background-color: #180F29;
    height: 200px;
    position: relative;
    z-index: -1;
	width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    overflow:hidden;
}

.bg-transparent{
    background: transparent !important;
}

.icono-divider{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #EFE9FD;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/*04- Tab Vertical*/

.mynu-procesos-section{
	background-color: #180F29;
	    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    overflow:hidden;
}
 
.mynu-title-section-procesos{
color:#FFF;
text-align: center;
font-family:Manrope;
font-size:56px;
font-style: normal;
font-weight: 400;
line-height: 64px; 
padding: 80px 0 40px 0px;	
	
}
.mynu-procesos-tabs {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 40px;
    align-items: start;
    padding: 80px 90px; 
	
    margin:0 auto;
}

/* NAV */

.mynu-procesos-nav{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:sticky;
    top:120px;
}

.mynu-procesos-nav::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:100%;
    background:#D9D9D9;
}

.mynu-procesos-button {
    display: flex;
    color: #A8A8A8;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    background-color: transparent;
}

.mynu-procesos-button{
    position:relative;
    padding-left:24px;
}

.mynu-procesos-button span {
font-family:Inter;
font-size:20px;
font-style: normal;
font-weight: 600;
line-height:28px; 
}

.mynu-procesos-button.active{
    color:#fff;
}

.mynu-procesos-button.active::before{
    content:'';
    position:absolute;
    left:-1px;
    top:0;
    width:3px;
    height:100%;
    background:#5C24E6;
}

.mynu-procesos-button img{
    width:24px;
    height:24px;
    object-fit:contain;
}

/* CONTENT */

.mynu-procesos-contenido {
    display: flex;
    flex-direction: column;
    gap: 16px;
	width:50%;
}

.mynu-procesos-contenido h4 {
color: #FFF;
font-family:Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height:32px;
}

.mynu-procesos-contenido p {
color:#FFF;
font-family:Inter;
font-size:20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}


.mynu-procesos-panel{
    display:none;
	gap:40px;
}

.mynu-procesos-panel.active{
    display:flex;
}


.mynu-procesos-imagen {
    width: 50%;
    min-height: 400px;
    border-radius: 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

a.mynu_boton_lightbox {
    border: 2px solid #fff;
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 50px;
    color: #fff;
    justify-content: center;
    width: max-content;
}

a.btn-lineal {
	    border: 2px solid #fff;
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 50px;
    color: #fff;
    justify-content: center;
    width: max-content;
	color:#FFF;
text-align: center;
font-family:Inter;
font-size:16px;
font-style: normal;
font-weight: 700;
line-height:24px;
}

	.mynu_boton_lightbox span{
color:#FFF;
text-align: center;
font-family:Inter;
font-size:16px;
font-style: normal;
font-weight: 700;
line-height:24px;
}


.mynu-science-hero{
    position:relative;
    min-height:700px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background-size:cover;
    background-position:center;
    overflow:hidden;
	width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.mynu-science-hero__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.8) 0%,
        rgba(0,0,0,.4) 50%,
        rgba(0,0,0,.2) 100%
    );
}

.mynu-science-hero__content {
    display: flex;
    position: relative;
    z-index: 2;
        padding: 120px 0;
    color: #fff;
    flex-direction: column;
    gap: 16px;
}



.mynu-science-hero__title{
color: #FFF;
text-align: center;
font-family:Manrope;
font-size:56px;
font-style: normal;
font-weight: 400;
line-height: 64px;
	max-width:588px;
	margin:0 auto;
}


.mynu-science-hero__description{
    max-width:700px;
margin: 0 auto;
color: #FFF;
text-align: center;
font-family:Inter;
font-size:20px;
font-style: normal;
font-weight: 400;
line-height:32px; 
}
	
	p.mynu-science-hero__description {
    margin: 0 auto;
    padding: 0;
}

.mynu-science-hero__features {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 48px;
    flex-wrap: nowrap;
    align-items: center;
}

.mynu-science-hero__feature{
    padding:16px 20px;
    border:1px solid #C2B0FF;
    border-radius:999px;
    color:#FFF;
text-align: center;
font-family:Inter;
font-size:16px;
font-weight: 700;
line-height:24px;
}



	/* =========================
Tiendas
========================= */
	
	.mynu-puntos-de-venta {
    position: relative;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    overflow: hidden;
	padding-top:80px;
	padding-bottom:40px;
}



	

	.mynu-puntos-de-venta-content {
    display: flex;
    position: relative;
    padding: 40px 0;
    flex-direction: column;
    gap: 16px;
}
	
.mynu-puntos-de-venta-icon {
    margin: 0 auto;
    width: 138px;
	height:138px;
}
	
	span.subtitle {
   color:#606060;
text-align: center;
font-family: Inter;
font-size:14px;
font-style: normal;
font-weight: 400;
line-height:16px; 
letter-spacing:4px;
}
	
	.mynu-puntos-de-venta-title{
color:#1F1F1F;
text-align: center;
font-family:Manrope;
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 64px; 
    max-width: 588px;
    margin: 0 auto;
}
	
	.mynu-puntos-de-venta-description {
		color: #1F1F1F;
text-align: center;
font-family:Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
		max-width: 684px;
}
	
.mynu-puntos-de-venta-swiper{
    width:100%;
    overflow:visible;
	padding-bottom:90px;
}

.mynu-puntos-de-venta-tiendas-items{
    border-radius:24px;
    background:#fff;
    height:100%;
}

.mynu-puntos-de-venta-swiper .swiper-slide{
    height:auto;
	width: none !important;
}
	
	.mynu-puntos-de-venta-items-map {
    height: 340px;
    background: #dcdddd;
    border-radius: 24px;
}

.mynu-puntos-de-venta-items-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px;
	gap:8px;
}
	
.title-item {
color: #1F1F1F;
font-family:Inter;
font-size:16px;
font-style: normal;
font-weight: 600;
line-height:24px; 
}
	
.description-item {
color:#606060;
font-family:Manrope;
font-size:16px;
font-style: normal;
font-weight: 400;
line-height:24px; 
	margin: 0;
}
	p.description-item {
		margin-bottom:0;
		padding: 0;

}


.info-items {
    width: 100%;
	max-width:170px;
}
	
	.como-llegar {
    background-color: #EFE9FD;
    padding: 8px 16px;
    border-radius: 50px;
		color:#5C24E6;
text-align: center;
font-family:Inter;
font-size:16px;
font-style: normal;
font-weight: 700;
line-height:24px; 
		max-width:127px;
}
	
	.como-llegar a {
    display: flex;
    align-items: center;
    gap: 8px;
}
	
.mynu-puntos-de-venta-items-map{
    height:340px;
    border-radius:24px;
    overflow:hidden;
}

.mynu-puntos-de-venta-items-map iframe{
    width:100%;
    height:120%;
    border:0;
    pointer-events:none; /* evita interacción */
}



	
/* =========================
NAVIGATION
========================= */

.mynu-tiendas-navigation{
    position:absolute;
    right:0;
    bottom:2px;
    transform:translateX(-50%);
    z-index:20;
    display:flex;
    gap:12px;
}

.mynu-tiendas-prev,
.mynu-tiendas-next{
    width:56px;
    height:56px;
    border:2px solid #5C24E6;
    border-radius:100px;
    background:transparent;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.mynu-tiendas-prev:hover,
.mynu-tiendas-next:hover{
    transform:scale(1.05);
}	

.mynu-tiendas-prev img {
    transform: rotate(180deg);
}
	
	
.mynu-tiendas-prev.swiper-button-disabled,
.mynu-tiendas-next.swiper-button-disabled{
    opacity:0.5;
    pointer-events:none;
}





@media(min-width:769px){

    .mynu-tab-panel{
        display:none;
    }

    .mynu-tab-panel.active{
        display:block;
    }

    .mynu-slider-arrows{
        display:none;
    }

}

/* ------- CSS RESPONSIVE ------- */
	
@media only screen and (max-width: 768px) {
	
	h2.mynu-kit-title {font-size: 32px;font-weight: 700;line-height: 40px;}	
	p.mynu-kit-description {font-size: 16px;line-height: 24px;}	
	.grid-kit {flex-direction: column;}
	.kits-list-item {padding: 16px;}	
	.kits-list-title {font-size: 16px;line-height: 24px;}
	
	.mynu-kit-imagen {
    width: 280px;
    height: 320px;
    border-radius: 12.891px 12.891px 12.891px 107.429px;
}
	
	.mynu-kit-imagen-shape {
    width: 374px;
    height: 216px;
    left: -60px;
    border-radius: 0px 230px 230px 0px;
}
	
	
/* =========================
TABS MOBILE
========================= */

h2.mynu-title-section-tabs{
    text-align:left;
    font-size:32px;
    line-height:40px;
}

/* Card */

.mynu-tab-card{
    flex-direction:column;
    align-items:flex-start;
justify-content: flex-end;
    text-align:left;
    gap:16px;
    padding:32px 24px;
    border-radius:32px;
    box-shadow:none;
	height:100%;
	box-shadow: 0px 8px 18px 0 rgba(0, 0, 0, 0.16);
}

/* Icon */

.mynu-tab-icon{
    width:80px;
    height:80px;
    flex-shrink:0;
}

.mynu-tab-icon img{
    width:80px;
    height:80px;

    object-fit:contain;
}

/* Content */

.mynu-tab-info h3{
    font-size:24px;
    line-height:32px;
}

.mynu-tab-description{
    font-size:16px;
    line-height:24px;
}

/* Hide desktop nav */

.mynu-tabs-nav{
    display:none;
}

/* Slider */

.mynu-tabs-content{
    display:flex;
    gap:20px;
    overflow-x:auto;
    padding: 30px 0;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
	width: calc(100% + 24px);
    margin-right: -24px;
	

}
	

.mynu-tabs-content::-webkit-scrollbar{
    display:none;
}

/* Slide */

.mynu-tab-panel{
    display:block !important;
    flex:0 0 88%;
    scroll-snap-align:start;
}

/* Arrows */

.mynu-slider-arrows{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-top:24px;
}

.mynu-slider-arrows button{

    width:56px;
    height:56px;
    border:2px solid #5C24E6;
    border-radius:50%;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.mynu-slider-arrows button:active{
    transform:scale(.96);
}

button.mynu-arrow-prev img{
    transform:rotate(180deg);
}
	
	
	/*Beneficios*/
	
	.mynu-beneficios {
    flex-direction: column;
}
	
	h2.mynu-title-section-beneficios {
    text-align: left;
    font-size: 32px;
    line-height: 40px;
}
	
	
	.icono-divider img {
    transform: rotate(90deg);
}
	
	/*Procesos*/
	
	    .mynu-procesos-tabs{
        grid-template-columns:1fr;
        gap:24px;
			padding:0;
    }
	

.mynu-procesos-panel {
    flex-direction: column-reverse;
}

    .mynu-procesos-nav{
        flex-direction:row;
        overflow-x:auto;
        position:relative;
        top:auto;
        padding-bottom:10px;
    }
	
	.mynu-procesos-contenido {
    width: 100%;
}
	
	.mynu-procesos-imagen {
		width:100%;
    min-height: 220px;
}

    .mynu-procesos-button{
        flex-shrink:0;
        width:auto;
        white-space:nowrap;
    }
	
	.mynu-science-hero__content {
    padding: 80px 16px;
}
	
	.mynu-science-hero__title {
    font-size: 32px;
    line-height: 40px;
}
	
	.mynu-science-hero__description{
text-align: center !important;
font-size:16px;
line-height:24px; 
	}	
	
.mynu-science-hero__features {
    flex-direction: column;
    align-items: stretch;
	margin-top:0px;
}	
	.mynu-science-hero__feature {
    font-size: 14px;
}
	
	

	
		.mynu-puntos-de-venta-title{
font-size: 32px;
line-height: 40px; 
}
	
    .mynu-puntos-de-venta-description {
        font-size: 16px;
        line-height: 24px;
        text-align: center !important;
    }
	
	
	.mynu-seguimiento-content {
    position: relative !important;
    top: 48px !important;
}
	
.mynu-puntos-de-venta {
    overflow: visible;
}
	
		
}