.vanti-tabs{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-bottom:40px;
}

/* =========================================
   BUTTONS
========================================= */

.vanti-tabs button{
cursor:pointer;
padding:12px 20px;
border:none;
background:transparent;
border-radius:0;
font-size:14px;
font-weight:600;
transition:.2s;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
color:#111;
opacity:.8;
border-bottom:2px solid transparent;
}

.vanti-tabs button:hover,
.vanti-tabs button.is-active{
opacity:1;
background:transparent;
border-bottom:2px solid #1FACBB;
color:#111;
}

/* =========================================
   ICONOS
========================================= */

.vanti-tabs button::before{
content:"";
width:20px;
height:20px;
flex:0 0 20px;
display:block;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image:var(--tab-icon);
}

.vanti-tabs button:not([data-icon])::before{
display:none;
}

button[data-icon="health"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-corazon-con-pulso-50.png');}
button[data-icon="ecommerce"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-shopping-cart-50.png');}
button[data-icon="education"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-graduation-cap-50.png');}
button[data-icon="tourism"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-maleta-50.png');}
button[data-icon="industry"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-factory-50B.png');}
button[data-icon="sport"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-auto-50.png');}
button[data-icon="restaurant"]{--tab-icon:url('/wp-content/uploads/2026/06/icons8-cutlery-50.png');}

/* =========================================
   GRUPOS
========================================= */

.Samples-Grid{
display:none;
position:relative;
}

.Samples-Grid.is-active{
display:block;
}

/* =========================================
   SWIPER
========================================= */

.vanti-slider{
position:relative;
max-width:1440px;
margin:0 auto 50px auto;
overflow:visible;
}

.vanti-slider.swiper{
overflow:hidden;
}

/* =========================================
   CARDS
========================================= */

.vanti-card{
background:#fff;
border:1px solid #eee;
border-radius:12px;
overflow:hidden;
height:100%;
min-height:340px;
max-width:340px;
margin:0 auto;
}

.vanti-card figure{
height:180px;
overflow:hidden;
margin:0;
background:#f7f7f7;
}

.vanti-card img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:top center;
}

.vanti-category{
display:block;
padding:15px 20px 0;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
opacity:.6;
}

.vanti-card h3{
margin:8px 20px;
font-size:22px;
line-height:1.2;
}

.vanti-card h3 a{
color:#111;
text-decoration:none;
}

.vanti-card p{
margin:0;
padding:0 20px 20px;
font-size:14px;
line-height:1.5;
}

/* =========================================
   FLECHAS
========================================= */

.vanti-slider .swiper-button-prev,
.vanti-slider .swiper-button-next{
width:44px;
height:44px;
background:#fff;
border-radius:50%;
box-shadow:0 2px 10px rgba(0,0,0,.15);
color:#111;
z-index:99;
}

.vanti-slider .swiper-button-prev{
left:10px;
}

.vanti-slider .swiper-button-next{
right:10px;
}

.vanti-slider .swiper-button-prev:after,
.vanti-slider .swiper-button-next:after{
font-size:18px;
font-weight:700;
}

/* =========================================
   TABLET
========================================= */

@media(max-width:1024px){

.vanti-tabs{
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}

.vanti-tabs button{
font-size:10px;
padding:8px 6px;
gap:4px;
}

.vanti-tabs button::before{
width:18px;
height:18px;
flex:0 0 18px;
}

.vanti-card{
max-width:300px;
}

.vanti-card figure{
height:160px;
}

.vanti-card h3{
font-size:18px;
}

}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

.vanti-tabs{
display:grid!important;
grid-template-columns:repeat(7,1fr);
gap:2px;
width:100%;
margin-bottom:20px;
}

.vanti-tabs button{
padding:4px 2px;
font-size:6px;
line-height:1;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:2px;
text-transform:uppercase;
text-align:center;
}

.vanti-tabs button::before{
width:26px;
height:26px;
flex:0 0 26px;
margin-bottom:4px;
}

.vanti-slider{
padding:0 15px;
margin-bottom:30px!important;
}

.vanti-slider .swiper-button-prev{
left:5px;
}

.vanti-slider .swiper-button-next{
right:5px;
}

.vanti-slider .swiper-button-prev,
.vanti-slider .swiper-button-next{
width:38px;
height:38px;
}

.vanti-card{
max-width:280px;
min-height:auto;
}

.vanti-card figure{
height:150px;
}

.vanti-card h3{
font-size:16px;
margin:8px 15px;
line-height:1.2;
}

.vanti-card p{
font-size:13px;
padding:0 15px 15px;
}

.vanti-category{
padding:12px 15px 0;
font-size:10px;
}

}