/* Universo Colorea: portal infantil interactivo */
body{background:#fff8d7;overflow-x:hidden}.site-header{background:#5b1aa5;border-bottom:0;box-shadow:0 5px 0 #3c0f76}.site-header-inner{height:88px}.site-header .brand{color:#fff;font-size:34px;letter-spacing:-2.5px}.site-header .brand i{color:#ffeb4d}.site-header .brand b{color:#ff72a5}.site-header .search{background:#fff;border:4px solid #fff;box-shadow:0 4px 0 #3c0f76}.site-header .search input{color:#32204e}.site-header .main-nav a{color:#fff}.site-header .main-nav a span{color:#e6baff}.site-header .main-nav a:hover{color:#ffeb4d}.site-header .header-cta{background:#ffeb4d;color:#342052;box-shadow:0 4px 0 #d7a900}.site-header .menu{background:#ffeb4d;color:#342052}.site-header .mobile-nav{background:#5b1aa5;color:#fff}.site-header .mobile-nav a{border-color:#ffffff44}.site-header .mobile-nav b{color:#ffeb4d}
.hero{min-height:710px;padding:80px max(6vw,24px) 120px;background:#40a8ee url('/assets/mundo-colorea.webp') center/cover no-repeat;grid-template-columns:.78fr 1.22fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#24105dcc 0%,#24105d88 34%,transparent 72%);z-index:0}.hero:after{height:95px;background:#ffe533;clip-path:polygon(0 40%,8% 55%,16% 35%,25% 52%,34% 32%,45% 56%,55% 34%,67% 54%,78% 35%,90% 52%,100% 33%,100% 100%,0 100%);z-index:2}.hero-copy{z-index:3;max-width:580px;color:#fff}.hero .eyebrow{display:inline-block;padding:8px 13px;border-radius:999px;background:#ff4f7b;color:#fff;font-size:12px;letter-spacing:1.5px;box-shadow:0 4px 0 #b92451}.hero h1{color:#fff;font-size:clamp(52px,6.3vw,92px);text-shadow:4px 5px 0 #391270;letter-spacing:-5px;line-height:.92}.hero h1 em{color:#ffeb4d}.hero p{color:#fff;font-size:20px;text-shadow:1px 2px 0 #391270}.hero .primary{background:#ffeb4d;color:#342052;border:4px solid #fff;box-shadow:0 6px 0 #d7a900}.hero .secondary{background:#fff;color:#5b1aa5;border:4px solid #fff;box-shadow:0 6px 0 #3c0f76}.hero-art{min-height:500px;z-index:3}.hero-image{width:100%;height:100%;min-height:500px;border:8px solid #fff;border-radius:34px;object-fit:cover;box-shadow:12px 14px 0 #3c0f76;transform:rotate(2deg);animation:none}.chispa-mascot{position:absolute;z-index:4;height:390px;width:auto;object-fit:contain;right:4%;bottom:-8px;filter:drop-shadow(8px 10px 0 #3c0f76);animation:chispa-hop 3.8s ease-in-out infinite}.hero-sticker,.hero-note{display:none}.trust{color:#fff}.trust span{ text-shadow:1px 1px #391270}
.shop-teaser{margin:0;max-width:none;border-radius:0;padding:60px max(7vw,24px);background:#ffeb4d;color:#342052;border-top:8px solid #3c0f76;border-bottom:8px solid #3c0f76}.shop-teaser:after{content:'✦ ✦ ✦ ✦ ✦';position:absolute;top:12px;right:9%;font-size:28px;color:#ff4f7b;letter-spacing:20px;animation:twinkle 2s infinite}.shop-copy>span{color:#5b1aa5}.shop-copy h2{color:#342052;text-shadow:2px 3px 0 #fff;font-size:clamp(38px,4vw,64px)}.shop-copy h2 em{color:#ff4f7b}.shop-copy p{color:#4a3970}.shop-btn{background:#ff4f7b;color:#fff;border:4px solid #fff;box-shadow:0 6px 0 #b92451}.product{border:5px solid #fff;box-shadow:0 8px 0 #3c0f76;transform:rotate(-2deg)}.product:nth-child(2){transform:translateY(-17px) rotate(2deg)}.product:nth-child(3){transform:rotate(-1deg)}.product:hover{transform:translateY(-16px) rotate(0)}
.categories{background:#fff8d7;padding-top:75px}.categories .section-title h2,.popular .section-title h2,.how h2{color:#342052;text-shadow:2px 3px 0 #fff}.category-grid{grid-template-columns:repeat(6,1fr);gap:14px}.category-grid a{background:#fff;border:4px solid #fff;box-shadow:0 5px 0 #d9b72f;border-radius:22px;padding:18px 10px}.category-grid a:nth-child(6n+1){background:#ff9fba}.category-grid a:nth-child(6n+2){background:#a8ddff}.category-grid a:nth-child(6n+3){background:#b8efb0}.category-grid a:nth-child(6n+4){background:#d4b4ff}.category-grid a:nth-child(6n+5){background:#ffd97e}.category-grid a:nth-child(6n){background:#a7e7db}.category-grid i{color:#342052;font-size:34px}.category-grid strong,.category-grid small{color:#342052}.category-grid a:hover{transform:translateY(-10px) rotate(-2deg);box-shadow:0 12px 0 #3c0f76}.popular{background:#3d2b9b;padding-top:80px;padding-bottom:95px}.popular .section-title span{color:#ffeb4d}.popular .section-title h2{color:#fff;text-shadow:3px 4px 0 #24105d}.popular .section-title a{color:#ffeb4d}.drawing-card{border:6px solid #fff;background:#fff;border-radius:24px;box-shadow:0 7px 0 #24105d}.drawing-card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 16px 0 #24105d}.thumb{background:#f7f0ff}.thumb span{background:#ff4f7b;border:2px solid #fff}.card-copy h3{color:#342052}.card-copy small{color:#6c43c6}.how{background:#ff7ca9;border-top:8px solid #3c0f76}.how>span{color:#fff}.how h2{color:#fff;text-shadow:3px 4px 0 #9e2655}.how article i{filter:drop-shadow(2px 3px 0 #9e2655)}.how article b{background:#ffeb4d;color:#342052;border:3px solid #fff}
footer{background:#2845bd;border-top:8px solid #1b2b84}.footer-links span{color:#ffeb4d}.footer-links a,.footer-top p{color:#fff}.footer-bottom{border-color:#ffffff44;color:#d8e0ff}
@keyframes chispa-hop{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes twinkle{50%{transform:scale(1.2) rotate(8deg)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:760px;padding-top:54px;text-align:center}.hero-copy{margin:auto}.hero-art{width:min(720px,100%);margin:34px auto 0}.hero-image{min-height:360px}.chispa-mascot{height:290px;right:-2%;bottom:-28px}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.site-header-inner{height:74px}.site-header .brand{font-size:28px}.hero{min-height:790px;padding:45px 18px 100px}.hero h1{font-size:54px;letter-spacing:-4px}.hero p{font-size:17px}.hero-actions{gap:15px}.hero-art{min-height:320px}.hero-image{min-height:290px;border-width:5px;border-radius:25px}.chispa-mascot{height:220px;right:-8%;bottom:-35px}.shop-teaser{padding:50px 18px}.shop-copy h2{font-size:43px}.product-stack{gap:8px}.product{min-height:165px;padding:12px 10px;border-width:4px}.product-icon{font-size:39px}.product strong{font-size:13px}.category-grid{grid-template-columns:repeat(2,1fr)}.popular{padding:55px 18px 70px}.drawing-grid{gap:10px}}