*{box-sizing:border-box;}body{margin:0;font-family:"Segoe UI",sans-serif;background:#eaeaea;display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;}h1{color:#a044f4;margin-bottom:1.5rem;text-align:center;font-size:2rem;}h1 span{color:#2196F3;font-size:2.5rem;}.search-box{width:100%;max-width:500px;background:#ffffff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:2rem;border:1px solid #eaeaea;}.search-box input{width:100%;padding:.8rem;font-size:1rem;border:2px solid #eaeaea;border-radius:8px;margin-bottom:1rem;transition:border .3s;}.search-box input:focus{border-color:#2196F3;outline:none;}.search-box button{width:100%;padding:.8rem;font-size:1rem;border:none;background-color:#a044f4;color:white;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600;}#resultado{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1000px;}.card{background:white;padding:.5rem 1.5rem;border-left:6px solid #2196F3;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;}.card h3{display:flex;align-items:center;font-size:1.2rem;color:#2196F3;margin-bottom:.75rem;}.card h3 svg{margin-right:.5rem;width:20px;height:20px;fill:#a044f4;}.card p{display:flex;align-items:center;margin:.5rem 0;color:#444;font-size:.95rem;}.card p svg{margin-right:.5rem;width:18px;height:18px;fill:#2196F3;}.mensaje{text-align:center;font-size:1rem;color:#666;padding-top:1rem;}.mensaje-error{text-align:center;font-size:1rem;color:#ff3860;padding-top:1rem;background-color:rgba(255,56,96,.1);padding:1rem;border-radius:8px;max-width:500px;margin:0 auto;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#resultado{animation:fadeIn .5s ease-out;}@media (max-width:600px){body{padding:1rem}.search-box{padding:1rem}h1{font-size:1.5rem}h1 span{font-size:2rem}}.button-group{display:flex;gap:.5rem;}.button-group button{display:flex;align-items:center;justify-content:center;}.clean-btn{width:40px!important;padding:.5rem!important;background-color:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important;}.clean-btn:hover{background-color:#eaeaea!important;color:#B0BEC5!important;transform:none!important;box-shadow:none!important;}.icon{margin-right:.3rem;font-size:1rem;}.clean-btn svg{transition:stroke .3s;}.clean-btn:hover svg{stroke:#B0BEC5;}