*{box-sizing:border-box}body{color:#222;background:#eef2ff;margin:0;font-family:Arial,sans-serif}.container{width:min(1100px,92%);margin:40px auto}.card{background:#fff;border-radius:18px;margin-bottom:28px;padding:28px;box-shadow:0 10px 25px #00000014}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}h1{color:#1e3a8a;margin:0}.form{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}input{border:1px solid #cbd5e1;border-radius:10px;padding:12px;font-size:15px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:12px 16px;font-weight:700}button:hover{background:#1d4ed8}.about-btn{background:#0f172a;width:auto}.danger{background:#dc2626;margin-left:8px}.danger:hover{background:#b91c1c}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.contacto{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 25px #00000014}.contacto h2{color:#1e3a8a;margin-top:0}.mensaje{color:#dc2626;font-weight:700}.modal{background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{color:#222;background:#fff;border-radius:14px;width:100%;max-width:460px;padding:24px}.modal-content h2{margin-top:0}.modal-content ul{padding-left:20px}@media (width<=800px){.form{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}