/* PunchiBots historietas: familiar visual language, illustrated six-panel comic */
.comic-header{max-width:1150px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.comic-logo{font:600 28px Fredoka,sans-serif}.comic-logo span{color:#a776d0}.comic-header nav{display:flex;gap:22px;font-size:13px;font-weight:800}.comic-header nav a:hover,.comic-header nav [aria-current]{color:#8a63b7}.stories-home,.comic-page{max-width:1100px;margin:auto;padding:45px 26px 100px}.page-intro,.comic-intro{text-align:center;margin:22px auto 55px;max-width:800px}.page-intro h1,.comic-intro h1{font:600 clamp(46px,7vw,77px)/1.08 Fredoka,sans-serif;letter-spacing:-.035em;margin:19px auto}.page-intro em,.comic-intro em{font-style:normal;color:#a477c9}.page-intro p,.comic-intro p{font-size:17px;line-height:1.7;color:#756e86;max-width:640px;margin:0 auto}.episode-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 18px 65px #77639221;min-height:350px;transition:transform .2s,box-shadow .2s}.episode-card:hover{transform:translateY(-4px);box-shadow:0 25px 70px #77639235}.episode-art{background:#e7def6;overflow:hidden}.episode-art .scene{height:100%;min-height:350px}.episode-summary{padding:54px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.episode-summary h2{font:600 clamp(34px,4vw,51px)/1.08 Fredoka,sans-serif;margin:17px 0}.episode-summary p{color:#756e86;line-height:1.7}.story-cta{margin-top:15px;background:#9d79cc;color:#fff;font-size:13px;font-weight:800;padding:15px 20px;border-radius:13px}.next-episode{text-align:center;margin:35px 0;color:#9585a6;font-size:13px}.comic-footer{background:#34334d;color:#fff;padding:34px max(26px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.comic-footer a{font:600 24px Fredoka,sans-serif}.comic-footer span{font-size:12px;color:#ccc1df}.back-link{font-size:13px;font-weight:800;color:#8a63b7}.comic-intro{margin-top:42px}.reading-time{display:inline-block;margin-top:21px;font-weight:800;font-size:12px;letter-spacing:.08em;color:#9887a9}.comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{position:relative;display:flex;flex-direction:column;min-height:500px;background:#fff;border:3px solid #514967;border-radius:20px;overflow:hidden;box-shadow:8px 10px 0 #dacbe9}.panel-number{position:absolute;top:0;right:0;z-index:3;background:#514967;color:white;padding:9px 16px;border-radius:0 0 0 12px;font:700 12px DM Sans,sans-serif}.caption{z-index:2;margin:0;min-height:80px;padding:24px 50px 16px 22px;font:600 17px/1.35 Fredoka,sans-serif;color:#4e4867;background:#fff}.panel .scene{position:relative;min-height:265px;flex:1;overflow:hidden}.panel-one .scene,.panel-six .scene{background:radial-gradient(circle at 80% 35%,#d7caed 0%,#887eaf 85%)}.panel-two .scene{background:radial-gradient(circle at 50% 30%,#fff4d9,#e9d9f2 75%)}.panel-three .scene{background:radial-gradient(circle at 50% 40%,#e8d9fa,#a5a4ce)}.panel-four .scene{background:#d9ebed}.panel-five .scene{background:radial-gradient(circle at 50% 30%,#fff4df,#e8d8ec)}.scene:after{content:"";position:absolute;bottom:-50px;left:-15%;width:130%;height:112px;border-radius:50% 50% 0 0;background:#b6a2cc80}.punchi{position:absolute;z-index:2;bottom:22px;left:18%;width:150px;height:147px;border-radius:47% 53% 49% 51%;background:radial-gradient(circle at 37% 32%,#57536c,#222332 83%);box-shadow:inset -12px -10px 12px #16162480,0 16px 14px #33304d45}.punchi:before{content:"";position:absolute;inset:-10px;border-radius:47% 53% 49% 51%;border:12px dotted #302f40;transform:rotate(-6deg)}.punchi i{position:absolute;top:52px;width:23px;height:29px;border-radius:50%;background:#83dfff;box-shadow:0 0 13px 4px #6bd5f5}.punchi i:first-child{left:48px}.punchi i:last-child{left:84px}.scene-star{position:absolute;z-index:2;color:#fff0a5;text-shadow:0 0 10px #fff,0 0 28px #ffe88c}.main-star{top:15%;right:16%;font-size:125px;line-height:1}.scene-moon{position:absolute;top:2%;left:13%;font-size:88px;color:#fff8df;transform:rotate(-18deg)}.scene-spark{position:absolute;top:42%;right:43%;font-size:38px;color:#fff7d2}.star-left{top:14%;left:13%}.star-right{top:55%;right:12%}.falling{transform:rotate(-16deg)}.shock{position:absolute;right:8%;top:5%;font-size:62px;color:#e493ad}.hiccup{transform:rotate(12deg)}.breath{position:absolute;z-index:3;left:52%;top:60%;color:#6699a2;font:600 23px Fredoka,sans-serif;transform:rotate(-10deg)}.book{position:absolute;bottom:30px;right:19%;z-index:2;font:600 80px/0.8 Fredoka,sans-serif;color:#a67fc4;transform:rotate(-12deg)}.happy{transform:rotate(15deg)}.bubble{position:relative;z-index:4;align-self:flex-start;max-width:88%;margin:-18px 18px 20px;padding:13px 18px;border:2px solid #514967;border-radius:19px;background:#fff;font:600 17px/1.35 Fredoka,sans-serif;box-shadow:4px 5px #bfa5d5}.bubble-right{align-self:flex-end}.sfx{position:absolute;z-index:3;right:6%;top:31%;color:#785dab;font:700 22px Fredoka,sans-serif;transform:rotate(-13deg)}.panel-four .sfx{top:38%;right:4%;font-size:28px}.end-line{margin:0 18px 22px;color:#624c7e;font:600 17px/1.35 Fredoka,sans-serif}.comic-end{text-align:center;margin:80px auto 0;max-width:600px}.comic-end h2{font:600 clamp(31px,5vw,49px)/1.15 Fredoka,sans-serif;margin:16px 0}.comic-end p{color:#756e86}.comic-end .button{margin:15px 10px}.home-link{display:inline-block;font-size:13px;font-weight:700;color:#8a63b7}@media(max-width:720px){.episode-card,.comic-grid{grid-template-columns:1fr}.episode-summary{padding:32px}.episode-art .scene{min-height:270px}.panel{min-height:440px}.panel .scene{min-height:245px}.stories-home,.comic-page{padding:24px 18px 70px}.page-intro,.comic-intro{margin:32px auto 40px}.comic-header{padding:18px}.comic-logo{font-size:23px}.comic-footer{flex-direction:column;align-items:flex-start}.punchi{width:130px;height:128px}.punchi i{top:44px}.punchi i:first-child{left:40px}.punchi i:last-child{left:74px}}@media(max-width:360px){.panel .scene{min-height:220px}.caption{font-size:16px}.bubble{font-size:16px}.main-star{font-size:90px}.comic-header nav{gap:12px}}

.mini-punchi{position:absolute;z-index:2;color:#2a2b3c;font-size:70px;text-shadow:4px 5px #78dafa;line-height:1}.mini-one{bottom:17px;left:56%}.mini-two{bottom:48px;left:73%;font-size:49px}.mini-three{bottom:30px;left:67%}.mini-four{bottom:35px;left:65%}.scene-heart{position:absolute;right:16%;top:16%;z-index:2;color:#f8a7bd;font-size:103px;text-shadow:0 0 24px #fff}.home-window{position:absolute;right:15%;top:13%;font-size:112px;color:#a177ad;line-height:1}
/* Explicit illustration height prevents the grid's percentage sizing from spilling over the heading/card on mobile. */
.episode-art{height:350px}.episode-art .scene{height:100%;min-height:0}@media(max-width:720px){.episode-art{height:270px}.episode-art .scene{height:100%;min-height:0}}
.episode-art .scene{position:relative}

/* Painterly comic art. Existing captions and bubbles stay above the art. */
.illustrated-scene{background:#d8c5e5!important;isolation:isolate}
.illustrated-scene:after{display:none}
.illustrated-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.panel .illustrated-scene{min-height:265px;aspect-ratio:4/3;flex:1 0 auto}
.episode-art .illustrated-scene{height:100%;min-height:0;aspect-ratio:auto}
@media(max-width:720px){.panel .illustrated-scene{min-height:245px}}
@media(max-width:360px){.panel .illustrated-scene{min-height:220px}}

.episode-card + .episode-card{margin-top:30px}