:root{--pc-verde: #25d366}.container{max-width:900px;margin:0 auto;padding:15px}.header{text-align:center;padding:40px 20px;background:var(--pc-amarillo);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.8rem;color:var(--pc-negro);margin-bottom:10px;line-height:1.1}.quiz-box{background:#fff;padding:25px;border-radius:20px;border:4px solid var(--pc-negro);margin-bottom:30px;box-shadow:6px 6px 0 var(--pc-azul-suave)}.quiz-box h3{font-family:Handlee,cursive;font-size:1.6rem;color:var(--pc-rosa-fuerte)}.form-group{margin-bottom:20px;padding:15px;border-radius:15px;transition:all .3s ease;border:2px solid transparent}.form-group:hover,.form-group:focus-within{background:#fffc;border-color:var(--pc-negro);box-shadow:4px 4px 0 var(--pc-rosa-pastell);transform:scale(1.02);z-index:10;position:relative}.form-group label{display:block;font-weight:900;margin-bottom:8px;color:var(--pc-negro);font-size:1.1rem}.form-control{width:100%;padding:12px 15px;border:3px solid var(--pc-negro);border-radius:12px;font-family:Nunito,sans-serif;font-size:1rem;outline:none;transition:border-color .2s;background:var(--pc-gris-suave);box-shadow:inset 3px 3px 6px #0000000d}.form-control:focus{border-color:var(--pc-rosa-fuerte);background:#fff}.pill-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pill-label{flex:1;min-width:150px;background:#fff;border:3px solid var(--pc-negro);padding:12px 15px;border-radius:12px;cursor:pointer;font-weight:800;transition:all .1s;text-align:center;box-shadow:4px 4px 0 var(--pc-azul-suave);color:var(--pc-negro);font-size:.95rem;display:flex;align-items:center;justify-content:center;user-select:none;transform:translateY(0)}.pill-label input{display:none}.pill-label:active,.pill-label.active-pill{background:var(--pc-rosa-fuerte)!important;color:#fff!important;border-color:var(--pc-negro);box-shadow:0 0 0 transparent;transform:translateY(4px)}@media(max-width:600px){.pill-label{min-width:100%;text-align:left;justify-content:flex-start}}.slider-group{margin-bottom:20px}.slider-group label{font-weight:800;display:flex;justify-content:space-between;margin-bottom:5px;color:var(--pc-negro)}.slider{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:var(--pc-gris-suave);border:2px solid var(--pc-negro);outline:none;opacity:.9;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--pc-rosa-fuerte);cursor:pointer;border:3px solid var(--pc-negro)}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--pc-rosa-fuerte);cursor:pointer;border:3px solid var(--pc-negro)}.feedback-alert{background:#fff3e0;border-left:5px solid #f57f17;padding:15px;margin-bottom:15px;border-radius:8px}.feedback-info{background:#e3f2fd;border-left:5px solid #1565c0;padding:15px;margin-bottom:15px;border-radius:8px}.feedback-warning{background:#fff9c4;border-left:5px solid #fbc02d;padding:15px;margin-bottom:15px;border-radius:8px}.feedback-danger{background:#ffebee;border-left:5px solid #c62828;padding:15px;margin-bottom:15px;border-radius:8px}.feedback-success{background:#e8f5e9;border-left:5px solid #2e7d32;padding:15px;margin-bottom:15px;border-radius:8px}.fb-info{background:#e3f2fd;border-left:4px solid #3b82f6;color:#1e3a8a}.fb-success{background:#e8f5e9;border-left:4px solid #22c55e;color:#14532d}.fb-warning{background:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.fb-alert{background:#fef2f2;border-left:4px solid #ef4444;color:#7f1d1d}.mt-3{margin-top:12px}.p-3{padding:12px}.rounded-lg{border-radius:8px}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.add-comment-btn{background:none;border:none;color:var(--pc-rosa-fuerte);font-weight:800;font-size:.85rem;cursor:pointer;text-decoration:underline;margin-top:8px;transition:.2s}.comment-input{display:none;margin-top:8px;font-size:.9rem;padding:8px 12px}.slider-row{display:flex;align-items:center;gap:20px}.face-emoji{font-size:3rem;line-height:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(2px 2px 0px rgba(0,0,0,.1))}.v-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:15px}.v-item{display:flex;align-items:flex-start;gap:10px;background:#fff;border:2px solid #ccc;padding:10px 15px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s}.v-item input{margin-top:3px;transform:scale(1.2)}.v-item:hover{border-color:var(--pc-negro)}.v-yellow{background:#fffde7;border-color:#fbc02d}.v-orange{background:#fff3e0;border-color:#f57c00}.v-red{background:#ffebee;border-color:#c62828}.v-yellow:has(input:checked){background:#fbc02d;color:var(--pc-negro);border-color:var(--pc-negro)}.v-orange:has(input:checked){background:#f57c00;color:#fff;border-color:var(--pc-negro)}.v-red:has(input:checked){background:#c62828;color:#fff;border-color:var(--pc-negro)}.section-header-flex{display:flex;align-items:center;gap:15px;margin-bottom:15px;border-bottom:2px dashed #ccc;padding-bottom:10px}.section-header-flex h3{margin-bottom:0;border-bottom:none;padding-bottom:0;flex-grow:1}.icon-anim{font-size:3rem;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.1))}.float-anim{animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-anim{animation:pulseIcon 2s infinite}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.wiggle-anim{animation:wiggleIcon 2.5s infinite}@keyframes wiggleIcon{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.heartbeat-anim{animation:heartbeatIcon 1.5s infinite}@keyframes heartbeatIcon{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}}