/** Shopify CDN: Minification failed

Line 927:1 Expected "}" to go with "{"

**/
/* ===========================
   STRONGKIDS - FAQ
===========================*/

.sk-faq{
position:relative;
padding:90px 30px;
background:#fff;
overflow:hidden;
}

.sk-bg{
position:absolute;
inset:0;
opacity:.05;
background-image:
radial-gradient(circle,#ffb74d 2px,transparent 2px),
radial-gradient(circle,#8e44ad 2px,transparent 2px),
radial-gradient(circle,#ffd54f 2px,transparent 2px);
background-size:80px 80px;
background-position:0 0,40px 40px,20px 60px;
pointer-events:none;
}

.sk-title{
text-align:center;
margin-bottom:50px;
position:relative;
z-index:2;
}

.sk-title .brain{
width:90px;
margin-bottom:15px;
animation:brainFloat 3s ease-in-out infinite;
}

@keyframes brainFloat{
0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}
}

.sk-title h2{
font-size:42px;
font-weight:800;
margin:0;
background:linear-gradient(90deg,#ff9800,#8e44ad);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
letter-spacing:1px;
}

.sk-title p{
margin-top:12px;
font-size:18px;
color:#777;
}

.faq{
max-width:900px;
margin:auto;
display:flex;
flex-direction:column;
gap:18px;
position:relative;
z-index:2;
}

.faq details{
background:#fff;
border-radius:22px;
padding:0;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.35s;
border:2px solid #f3ebff;
}

.faq details:hover{
transform:translateY(-5px);
border-color:#ff9800;
box-shadow:0 18px 40px rgba(255,152,0,.18);
}

.faq summary{
cursor:pointer;
padding:22px 28px;
font-size:20px;
font-weight:700;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
color:#5e2ca5;
}

.faq summary::-webkit-details-marker{
display:none;
}

.faq summary::after{
content:"+";
font-size:28px;
font-weight:700;
color:#ff9800;
transition:.3s;
}

.faq details[open] summary::after{
transform:rotate(45deg);
color:#8e44ad;
}

.faq p{
padding:0 28px 25px;
margin:0;
font-size:17px;
line-height:1.7;
color:#555;
}

.faq details::before{
content:"⭐";
position:absolute;
margin-left:18px;
margin-top:20px;
opacity:0;
transition:.3s;
}

.faq details:hover::before{
opacity:1;
transform:rotate(15deg) scale(1.2);
}

@media(max-width:768px){

.sk-faq{
padding:60px 20px;
}

.sk-title h2{
font-size:30px;
}

.sk-title .brain{
width:70px;
}

.faq summary{
font-size:17px;
padding:18px;
}

.faq p{
font-size:15px;
padding:0 18px 18px;
}

}
.brain{
width:90px;
display:block;
margin:0 auto 15px;
animation:float 3s ease-in-out infinite;
}

@keyframes float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.sk-faq{
position:relative;
overflow:hidden;
background:#fff;
}
.sk-faq::before{
content:"⭐ 🐻 ⭐ 🧠 ⭐ 🐻 ⭐";
position:absolute;
font-size:32px;
opacity:.05;
line-height:90px;
width:100%;
height:100%;
pointer-events:none;
}
.sk-faq{
position:relative;
overflow:hidden;
background:#fff;
}
.faq details{
border-radius:24px;
background:#fff;
border:2px solid #F5E7FF;
box-shadow:0 12px 30px rgba(0,0,0,.08);
transition:.35s;
}

.faq details:hover{
transform:translateY(-6px);
border-color:#F7941D;
box-shadow:0 20px 45px rgba(247,148,29,.25);
}
.faq-icon{
width:14px;
height:14px;
display:inline-block;
border-radius:50%;
margin-right:12px;
}

.naranja{background:#F7941D;}
.morado{background:#8A3FFC;}
.amarillo{background:#FFD34E;}
.verde{background:#62C462;}
summary::after{
content:"+";
width:34px;
height:34px;
background:#F7941D;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:22px;
font-weight:bold;
transition:.35s;
}

details[open] summary::after{
background:#8A3FFC;
transform:rotate(45deg);
}
.sk-blog img{
max-width:180px!important;
height:auto!important;
display:block;
margin:0 auto;
}

.sk-blog-header img{
max-width:110px!important;
height:auto!important;
display:block;
margin:0 auto 12px;
}
.sk-blog{
padding:80px 20px;
background:linear-gradient(180deg,#fff9f4,#f6efff);
position:relative;
overflow:hidden;
}

.sk-blog:before{
content:"⭐ 🧸 ⭐ 🧸 ⭐ 🧸 ⭐";
position:absolute;
width:100%;
text-align:center;
top:18px;
font-size:18px;
opacity:.12;
letter-spacing:18px;
}

.sk-blog-header{
text-align:center;
margin-bottom:50px;
}

.sk-cerebrito{
width:95px;
display:block;
margin:auto;
margin-bottom:15px;
animation:float 3s ease-in-out infinite;
}

.sk-blog-header h2{
font-size:54px;
color:#f58220;
font-weight:900;
margin:0;
letter-spacing:2px;
}

.sk-blog-header p{
font-size:20px;
color:#6f48b7;
margin-top:10px;
}

.sk-blog-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:35px;
}

.sk-card{
background:#fff;
border-radius:30px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
position:relative;
}

.sk-card:hover{
transform:translateY(-10px);
}

.sk-card img{
width:100%;
height:240px;
object-fit:cover;
}

.sk-tag{
position:absolute;
top:18px;
left:18px;
background:#f58220;
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:13px;
font-weight:700;
z-index:2;
}

.sk-card-body{
padding:24px;
}

.sk-date{
color:#999;
font-size:14px;
margin-bottom:10px;
}

.sk-card h3{
font-size:28px;
color:#6b4cb3;
margin-bottom:12px;
}

.sk-card p{
color:#666;
line-height:1.6;
margin-bottom:22px;
}

.sk-btn{
display:inline-block;
background:#f58220;
padding:12px 24px;
border-radius:30px;
color:#fff;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.sk-btn:hover{
background:#6b4cb3;
}

@keyframes float{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
/*========== BLOG STRONGKIDS ==========*/

.sk-blog{
padding:80px 5%;
background:linear-gradient(180deg,#fffaf5,#f7f1ff);
position:relative;
overflow:hidden;
}

.sk-blog:before{
content:"🧸 ⭐ 🧸 ⭐ 🧸 ⭐ 🧸";
position:absolute;
top:18px;
width:100%;
text-align:center;
opacity:.08;
font-size:22px;
letter-spacing:25px;
}

.sk-blog-header{
text-align:center;
margin-bottom:45px;
}

.sk-cerebrito{
width:95px;
margin:auto;
display:block;
margin-bottom:12px;
animation:flotar 3s ease-in-out infinite;
}

.sk-blog-header h2{
font-size:54px;
font-weight:900;
color:#f58220;
margin:0;
text-transform:uppercase;
}

.sk-blog-header p{
color:#6b4cb3;
font-size:20px;
margin-top:10px;
}

.sk-slider{
display:flex;
align-items:center;
gap:20px;
}

.sk-track{
display:flex;
gap:28px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
flex:1;
padding:10px 5px 25px;
}

.sk-track::-webkit-scrollbar{
display:none;
}

.sk-card{
min-width:340px;
max-width:340px;
background:#fff;
border-radius:28px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.35s;
position:relative;
}

.sk-card:hover{
transform:translateY(-10px) rotate(-1deg);
}

.sk-card img{
width:100%;
height:220px;
object-fit:cover;
transition:.4s;
}

.sk-card:hover img{
transform:scale(1.05);
}

.sk-tag{
position:absolute;
top:16px;
left:16px;
background:#f58220;
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:13px;
font-weight:700;
z-index:3;
}

.sk-info{
padding:22px;
}

.sk-date{
color:#999;
font-size:14px;
margin-bottom:8px;
}

.sk-info h3{
font-size:28px;
color:#6b4cb3;
margin:10px 0;
}

.sk-info p{
color:#666;
line-height:1.6;
min-height:70px;
}

.sk-btn{
display:inline-block;
padding:12px 24px;
background:#f58220;
color:#fff;
border-radius:30px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.sk-btn:hover{
background:#6b4cb3;
}

.sk-prev,
.sk-next{
width:54px;
height:54px;
border:none;
border-radius:50%;
background:#fff;
color:#f58220;
font-size:28px;
font-weight:bold;
cursor:pointer;
box-shadow:0 8px 18px rgba(0,0,0,.12);
transition:.3s;
flex-shrink:0;
}

.sk-prev:hover,
.sk-next:hover{
background:#f58220;
color:#fff;
transform:scale(1.08);
}

@keyframes flotar{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}

@media(max-width:900px){

.sk-card{
min-width:290px;
max-width:290px;
}

.sk-blog-header h2{
font-size:40px;
}

.sk-prev,
.sk-next{
display:none;
}

}
.sk-blog-date{
display:inline-block;
padding:7px 14px;
background:#7D5BC7;
color:#fff;
font-size:13px;
font-weight:700;
border-radius:30px;
margin:12px auto;
letter-spacing:1px;
text-transform:uppercase;
}
.sk-tag{
display:inline-block;
padding:8px 18px;
border-radius:25px;
font-size:13px;
font-weight:700;
color:#fff;
margin-bottom:14px;
}

.tag-cerebro{background:#8B6BD6;}
.tag-sueno{background:#6B5BD6;}
.tag-alimentacion{background:#F28C34;}
.tag-familia{background:#D86AB7;}
.tag-vitaminas{background:#F5A623;}
.sk-card{
position:relative;
transition:.35s;
overflow:hidden;
}

.sk-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 35px rgba(125,91,199,.25);
}
.sk-card::after{
content:"";
position:absolute;
width:42px;
height:42px;
right:12px;
top:12px;
background:url('/cdn/shop/files/CEREBRITO.png') center/contain no-repeat;
opacity:0;
transform:rotate(-15deg) scale(.7);
transition:.35s;
}

.sk-card:hover::after{
opacity:1;
transform:rotate(0) scale(1);
}
.sk-card::before{
content:"🐻";
position:absolute;
left:18px;
bottom:18px;
font-size:18px;
opacity:0;
transition:.35s;
}

.sk-card:hover::before{
opacity:.18;
transform:translateY(-6px);
}
.sk-btn{
transition:.3s;
}

.sk-btn:hover{
transform:scale(1.06);
background:#F08A28;
box-shadow:0 8px 20px rgba(240,138,40,.35);
}
/*==================================================
        STRONGKIDS FOOTER V5 - PARTE 1
==================================================*/

.sk-footer{
background:#FFF8F4;
border-top:5px solid #F7941D;
margin-top:60px;
padding:35px 25px 20px;
position:relative;
}

.sk-footer-top{
height:6px;
background:linear-gradient(90deg,#F7941D,#6F42C1);
border-radius:20px;
margin-bottom:35px;
}

.sk-footer .page-width{
max-width:1250px;
margin:auto;
}

/* NEWSLETTER */

.sk-newsletter{
display:flex;
justify-content:space-between;
align-items:center;
gap:40px;
padding-bottom:30px;
margin-bottom:35px;
border-bottom:1px solid rgba(0,0,0,.08);
}

.sk-news-left{
display:flex;
align-items:center;
gap:18px;
flex:1;
}

.sk-news-logo{
width:95px;
height:auto;
}

.sk-news-text h2{
margin:0;
font-size:30px;
font-weight:800;
color:#6F42C1;
}

.sk-news-text p{
margin:8px 0 0;
color:#666;
line-height:1.6;
max-width:520px;
}

.sk-news-form{
display:flex;
gap:12px;
}

.sk-news-form input{
width:290px;
padding:14px 18px;
border:2px solid #ececec;
border-radius:40px;
font-size:15px;
outline:none;
transition:.3s;
}

.sk-news-form input:focus{
border-color:#F7941D;
}

.sk-news-form button{
background:#F7941D;
color:#fff;
border:none;
padding:14px 24px;
border-radius:40px;
font-weight:700;
cursor:pointer;
transition:.3s;
}

.sk-news-form button:hover{
background:#6F42C1;
transform:translateY(-2px);
}

/* GRID */

.sk-footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:35px;
padding-bottom:30px;
align-items:flex-start;
}

/* MARCA */

.sk-brand-logo{
width:145px;
margin-bottom:15px;
display:block;
}

.sk-brand p{
color:#666;
line-height:1.7;
max-width:280px;
}

/* TÍTULOS */

.sk-footer-grid h3{
color:#6F42C1;
font-size:20px;
font-weight:800;
margin-bottom:18px;
text-transform:uppercase;
letter-spacing:.5px;
}
.sk-footer-grid h3::after{

content:"";

display:block;

width:42px;

height:4px;

background:#F7941D;

border-radius:20px;

margin-top:8px;

}
/* ENLACES */

.sk-links a{
display:block;
text-decoration:none;
color:#666;
margin-bottom:10px;
transition:.25s;
}

.sk-links a:hover{
color:#F7941D;
padding-left:5px;
}
.sk-links a::before{

content:"›";

opacity:0;

margin-right:0;

transition:.25s;

}

.sk-links a:hover::before{

opacity:1;

margin-right:6px;

}
/*==================================================
        STRONGKIDS FOOTER V5 - PARTE 2
==================================================*/

/* REDES */

.sk-social{
display:flex;
gap:14px;
margin-top:10px;
}

.sk-social a{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:50%;
box-shadow:0 8px 18px rgba(0,0,0,.08);
transition:.3s;
}

.sk-social img{
width:22px;
height:22px;
object-fit:contain;
}

.sk-social a:hover{
background:#F7941D;
transform:translateY(-5px)scale(1.08);
}

/* BENEFICIOS */

.sk-benefits{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
padding:22px 0;
border-top:1px solid rgba(0,0,0,.08);
border-bottom:1px solid rgba(0,0,0,.08);
margin-bottom:18px;
}

.sk-benefit{
display:flex;
align-items:center;
gap:10px;
background:#fff;
padding:12px 18px;
border-radius:40px;
box-shadow:0 6px 16px rgba(0,0,0,.06);
font-weight:600;
color:#666;
transition:.3s;
}

.sk-benefit:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,.10);
}

.sk-benefit span{
font-size
/*=================================
 FONDO DECORATIVO FOOTER
==================================*/

.sk-footer{
    position:relative;
    overflow:hidden;
}

.sk-footer::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:url(/cdn/shop/files/pngtree-delicious-translucent-red-gummy-bear-clipart-illustration-png-image_20794058.png?v=1783744103);

    background-size:85px;

    background-repeat:repeat;

    opacity:.035;

    pointer-events:none;

    z-index:0;

}

.sk-footer .page-width{
    position:relative;
    z-index:2;
}