.container{max-width:900px;margin:0 auto;padding:15px}.header{text-align:center;padding:40px 20px;background:#fce4ec;border:4px solid var(--pc-negro);border-radius:20px;margin-bottom:30px;box-shadow:8px 8px 0 var(--pc-negro)}.header img{max-width:100%;width:400px;border-radius:15px;border:3px solid var(--pc-negro);margin-bottom:15px;background:#fff}.header h1{font-size:2.8rem;color:var(--pc-rosa-fuerte);margin-bottom:10px;line-height:1.1}.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)}.banner-orientacion{background:var(--pc-azul-suave);border:3px dashed var(--pc-negro);padding:20px;border-radius:15px;text-align:center;margin-top:30px}.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-amarillo);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 select,.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;resize:vertical;transition:.2s}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--pc-rosa-fuerte)}.quiz-toggle-btn{background:var(--pc-rosa-fuerte);color:#fff;border:3px solid var(--pc-negro);border-radius:50px;padding:15px;font-size:1.1rem;font-weight:800;width:100%;cursor:pointer;box-shadow:0 5px 0 var(--pc-negro);transition:.1s;font-family:Nunito,sans-serif;margin-bottom:20px}.quiz-toggle-btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--pc-negro)}.quiz-label{display:block;background:#fff;border:2px solid #ccc;padding:12px 15px;border-radius:10px;margin-bottom:8px;cursor:pointer;font-weight:600;transition:.2s}.quiz-label:hover{border-color:var(--pc-negro);background:var(--pc-rosa-pastell)}.quiz-label input{margin-right:10px;transform:scale(1.3)}.esi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:15px;margin-bottom:30px}.esi-card{background:var(--pc-blanco);border:3px solid var(--pc-negro);border-radius:15px;padding:20px;box-shadow:4px 4px 0 var(--pc-rosa-pastell)}.esi-card h4{color:var(--pc-rosa-fuerte);font-size:1.2rem;margin-bottom:10px;font-family:Handlee,cursive}.esi-card p{font-size:.95rem;color:#444;font-weight:600;margin-bottom:0}.law-box{background:var(--pc-amarillo);padding:25px;border-radius:15px;border:3px dashed var(--pc-negro);margin-top:30px}.game-box{background:var(--pc-blanco);border:4px dashed var(--pc-rosa-fuerte);border-radius:20px;padding:25px;text-align:center;margin:30px 0;box-shadow:8px 8px 0 var(--pc-amarillo)}.game-box h4{font-family:Handlee,cursive;font-size:1.8rem;color:var(--pc-negro);margin-bottom:15px}.progress-bar{background:var(--pc-gris-suave);border:2px solid var(--pc-negro);border-radius:50px;height:25px;width:100%;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:var(--pc-verde-wa);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;color:#fff;color:var(--pc-negro);font-weight:900;font-size:.85rem;width:0%;transition:width 1.5s cubic-bezier(.22,1,.36,1);white-space:nowrap;overflow:hidden}.method-card{background:#fff;border:3px solid var(--pc-negro);border-radius:15px;padding:20px;text-align:left;box-shadow:6px 6px 0 var(--pc-azul-suave)}.method-card h4{color:var(--pc-rosa-fuerte);font-size:1.4rem;margin-bottom:10px}.sim-btn{background:var(--pc-azul-suave);border:2px solid var(--pc-negro);padding:10px 20px;border-radius:10px;font-weight:800;cursor:pointer;transition:.2s;margin:5px}.sim-btn:hover{background:var(--pc-rosa-fuerte);color:#fff}.flip-card{background-color:transparent;width:100%;height:220px;perspective:1000px;margin-bottom:20px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;cursor:pointer}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 15px;border:3px solid var(--pc-negro);border-radius:15px;font-weight:800;font-size:.95rem;overflow-y:auto}.flip-card-front{background-color:var(--pc-amarillo);color:var(--pc-negro);box-shadow:6px 6px 0 var(--pc-rosa-pastell)}.flip-card-back{background-color:var(--pc-verde-wa);color:#fff;transform:rotateY(180deg);box-shadow:-6px 6px 0 var(--pc-negro)}.img-flip-card{background-color:transparent;perspective:1000px;margin-bottom:20px;cursor:pointer;border-radius:15px}.img-flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.img-flip-card.flipped .img-flip-card-inner{transform:rotateY(180deg)}.img-flip-front,.img-flip-back{position:absolute;inset:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;border:4px solid var(--pc-negro);overflow:hidden}.img-flip-front{display:block;background:#fff}.img-flip-front img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.img-flip-back{background-color:var(--pc-amarillo);color:var(--pc-negro);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow-y:auto}.tap-hint{position:absolute;bottom:10px;right:10px;background:var(--pc-rosa-fuerte);color:#fff;padding:5px 12px;border-radius:50px;font-size:.85rem;font-weight:900;border:2px solid var(--pc-negro);box-shadow:2px 2px 0 var(--pc-negro);z-index:10;animation:bounce-hint 2s infinite}@keyframes bounce-hint{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.its-encyclopedia{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.quiz-options-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.quiz-pill-label{display:flex;flex:1;min-width:150px;cursor:pointer;background:#fff;border:3px solid var(--pc-negro);border-radius:15px;padding:12px 15px;font-weight:800;text-align:center;align-items:center;justify-content:center;transition:.2s;box-shadow:4px 4px 0 var(--pc-azul-suave);color:var(--pc-negro)}.quiz-pill-label input{display:none}.quiz-pill-label:has(input:checked){background:var(--pc-rosa-fuerte);color:#fff;box-shadow:0 0 0 transparent;transform:translateY(4px)}.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)}.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;background:#fff;border:3px solid var(--pc-negro);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:6px 6px 0 var(--pc-azul-suave)}@keyframes fadeInTab{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}