:root{--pc-verde: #25d366}.container{max-width:900px;margin:0 auto;padding:15px}.header{text-align:center;padding:40px 20px;background:var(--pc-azul-suave);border:4px solid var(--pc-negro);border-radius:20px;margin-bottom:30px;box-shadow:8px 8px 0 var(--pc-negro);position:relative;overflow:hidden}.header h1{font-size:2.6rem;color:var(--pc-rosa-fuerte);margin-bottom:10px;line-height:1.1}.author-badge{display:inline-block;background:var(--pc-negro);color:var(--pc-blanco);padding:5px 15px;border-radius:50px;font-weight:900;font-size:.9rem;margin-bottom:15px;letter-spacing:1px;text-transform:uppercase}.tabs-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.tab-btn{background:var(--pc-blanco);border:3px solid var(--pc-negro);padding:12px 20px;border-radius:50px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;color:var(--pc-negro);box-shadow:0 4px 0 var(--pc-negro);transition:.2s}.tab-btn:hover{background:var(--pc-rosa-pastell);transform:translateY(-2px);box-shadow:0 6px 0 var(--pc-negro)}.tab-btn.active{background:var(--pc-rosa-fuerte);color:#fff;box-shadow:0 0 0 var(--pc-negro);transform:translateY(4px)}.tab-content{display:none;animation:fadeInTab .4s ease-out}@keyframes fadeInTab{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.content-box{background:#fff;border:3px solid var(--pc-negro);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:6px 6px 0 var(--pc-amarillo)}.content-box h2{color:var(--pc-rosa-fuerte);margin-bottom:15px;font-size:1.8rem}.info-panel{padding:20px;border-radius:15px;border:3px dashed var(--pc-negro);margin-bottom:20px}.info-panel h4{font-size:1.2rem;color:var(--pc-negro);margin-bottom:5px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.card{background:var(--pc-blanco);border:3px solid var(--pc-negro);border-radius:15px;padding:20px;box-shadow:4px 4px 0 var(--pc-gris-suave);transition:transform .2s}.card:hover{transform:translateY(-5px);box-shadow:6px 6px 0 var(--pc-negro)}.card h4{font-size:1.3rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.card.success{border-color:#2e7d32;box-shadow:4px 4px #c8e6c9}.card.success h4{color:#2e7d32}.card.warning{border-color:#f57f17;box-shadow:4px 4px #fff9c4}.card.warning h4{color:#f57f17}.card.danger{border-color:#c62828;box-shadow:4px 4px #ffcdd2}.card.danger h4{color:#c62828}.step-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.step-box{display:none;width:100%;max-width:600px;background:#fff;border:4px solid var(--pc-negro);border-radius:20px;padding:30px;text-align:center;box-shadow:8px 8px 0 var(--pc-azul-suave);animation:slideIn .4s ease-out}.step-box.active{display:block}.step-number{background:var(--pc-negro);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-family:Handlee,cursive;font-weight:700;margin:0 auto 15px;border:3px solid var(--pc-blanco);box-shadow:0 0 0 3px var(--pc-negro)}.btn-next{background:var(--pc-rosa-fuerte);color:#fff;border:3px solid var(--pc-negro);padding:12px 25px;border-radius:50px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 5px 0 var(--pc-negro);margin-top:20px;font-family:Nunito,sans-serif}.btn-next:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 8px 0 var(--pc-negro)}.btn-next:active{transform:translateY(5px);box-shadow:0 0 0 var(--pc-negro)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.timer-circle{width:100px;height:100px;border:6px solid var(--pc-gris-suave);border-top:6px solid var(--pc-rosa-fuerte);border-radius:50%;margin:20px auto;animation:spin 2s linear infinite;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--pc-negro)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-circle span{animation:counterSpin 2s linear infinite}@keyframes counterSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:50px;border:4px solid var(--pc-negro);font-weight:800;font-size:1.1rem;background:var(--pc-blanco);color:var(--pc-negro);box-shadow:4px 4px 0 var(--pc-negro);cursor:pointer;font-family:Nunito,sans-serif;transition:.1s;text-decoration:none}.btn-action:active{transform:translateY(4px);box-shadow:0 0 0 transparent}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000000bf;align-items:center;justify-content:center;padding:15px}.modal-content{background:#fff;border:4px solid var(--pc-negro);border-radius:25px;max-width:500px;width:100%;padding:35px;position:relative;box-shadow:12px 12px 0 var(--pc-rosa-fuerte);animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-modal{position:absolute;top:15px;right:25px;font-size:2rem;cursor:pointer;font-weight:900;color:var(--pc-negro)}.modal input,.modal textarea{width:100%;padding:12px 15px;margin-bottom:15px;border:3px solid var(--pc-negro);border-radius:10px;font-family:Nunito,sans-serif;font-size:1rem;outline:none}.modal input:focus,.modal textarea:focus{border-color:var(--pc-rosa-fuerte)}.progress-bar-container{width:100%;max-width:600px;margin:0 auto 25px;background:var(--pc-blanco);border:3px solid var(--pc-negro);border-radius:50px;height:30px;overflow:hidden;box-shadow:inset 0 3px 6px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f06292,#d81b60);width:20%;transition:width .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:15px;color:#fff;font-weight:900;font-family:Nunito,sans-serif;font-size:.9rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.floating-img{animation:floatImg 3s ease-in-out infinite}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pulse-btn{animation:pulseBtn 2s infinite}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.art-cervix{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#f8bbd0,#d81b60);border-radius:50%;position:relative;margin:20px auto;box-shadow:inset -10px -10px 20px #880e4f66,0 10px 15px #0000001a;border:4px solid #ad1457}.art-cervix.small{width:55px;height:55px;border-width:2px;margin:0;box-shadow:inset -5px -5px 10px #880e4f66}.art-os{width:24px;height:12px;background:#4a0018;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 3px 5px #00000080}.art-cervix.small .art-os{width:12px;height:6px}.art-aceto{width:45px;height:35px;background:#ffffffe6;border-radius:40% 60% 50% 40%;position:absolute;top:25%;left:20%;filter:blur(2px);opacity:0;transition:1s}.art-cervix.small .art-aceto{width:22px;height:18px;filter:blur(1px);top:20%;left:15%}.art-aceto.positive{opacity:1;box-shadow:0 0 5px #fff}.art-aceto.suspicion{opacity:1;background:#fffffff2;width:60px;height:50px;border-radius:30% 70% 40% 60%;box-shadow:0 0 10px #fff;top:15%;left:15%}.art-cervix.small .art-aceto.suspicion{width:30px;height:25px;top:10%;left:10%}.art-bleeding{width:20px;height:20px;background:#d50000;border-radius:50%;position:absolute;bottom:20%;right:25%;filter:blur(1px);opacity:0}.art-cervix.small .art-bleeding{width:10px;height:10px}.art-bleeding.suspicion{opacity:1}.art-swab{width:90px;height:8px;background:#e2e8f0;position:absolute;top:10%;right:-50px;border-radius:4px;transform-origin:right center;opacity:0;border:1px solid #94a3b8;z-index:2}.art-swab:before{content:"";width:25px;height:20px;background:#fff;border-radius:50%;position:absolute;left:-12px;top:-6px;box-shadow:inset -2px -2px 5px #0000001a;border:1px solid #cbd5e1}.art-spec-top{width:100px;height:16px;background:linear-gradient(to bottom,#f8fafc,#cbd5e1);border:2px solid #94a3b8;border-radius:10px;position:absolute;top:-10px;left:-10px;transform:rotate(-20deg);transform-origin:right center;opacity:0;z-index:1}.art-spec-bot{width:100px;height:16px;background:linear-gradient(to top,#f8fafc,#cbd5e1);border:2px solid #94a3b8;border-radius:10px;position:absolute;bottom:-10px;left:-10px;transform:rotate(20deg);transform-origin:right center;opacity:0;z-index:1}.anim-magic .art-aceto{animation:magicAceto 3s infinite alternate}.anim-magic .art-swab{opacity:1;animation:magicSwab 3s infinite alternate}@keyframes magicAceto{0%,40%{opacity:0}80%,to{opacity:.9}}@keyframes magicSwab{0%,20%{transform:rotate(10deg) translate(10px)}60%,to{transform:rotate(-10deg) translate(-30px)}}.anim-step1 .art-spec-top{opacity:1;animation:specTop 2s forwards}.anim-step1 .art-spec-bot{opacity:1;animation:specBot 2s forwards}@keyframes specTop{0%{transform:rotate(0) translate(-80px);opacity:0}to{transform:rotate(-20deg) translate(0);opacity:1}}@keyframes specBot{0%{transform:rotate(0) translate(-80px);opacity:0}to{transform:rotate(20deg) translate(0);opacity:1}}.anim-step2 .art-spec-top{opacity:1;transform:rotate(-20deg) translate(0)}.anim-step2 .art-spec-bot{opacity:1;transform:rotate(20deg) translate(0)}.anim-step2 .art-swab{opacity:1;animation:cleanSwab 1.5s infinite alternate}@keyframes cleanSwab{0%{transform:rotate(0) translate(10px)}to{transform:rotate(-15deg) translate(-20px)}}.anim-step3 .art-spec-top{opacity:1;transform:rotate(-20deg) translate(0)}.anim-step3 .art-spec-bot{opacity:1;transform:rotate(20deg) translate(0)}.anim-step3 .art-swab{opacity:1;animation:acidSwab 1.5s infinite alternate}.anim-step3 .art-swab:after{content:"💧";position:absolute;left:-15px;top:10px;font-size:18px;animation:drip 1s infinite}@keyframes acidSwab{0%{transform:rotate(-10deg) translate(-5px)}to{transform:rotate(-30deg) translate(-30px)}}@keyframes drip{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.anim-step4 .art-spec-top{opacity:1;transform:rotate(-20deg) translate(0)}.anim-step4 .art-spec-bot{opacity:1;transform:rotate(20deg) translate(0)}.anim-step5 .art-aceto{opacity:.8}