/* assets/css/style.css - estilo básico sin frameworks */
* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; margin:0; color:#222; background:#f6f6f6; }
.site-header { background:#fff; border-bottom:1px solid #eee; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; }
.site-header .logo { font-weight:700; text-decoration:none; color:#222; }
.site-header nav a { margin-left:12px; text-decoration:none; color:#333; }
.container { max-width:980px; margin:24px auto; padding:0 16px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:16px; }
.card { background:#fff; border:1px solid #eee; padding:12px; border-radius:6px; }
.card img { width:100%; height:140px; object-fit:cover; border-radius:4px; }
.btn { display:inline-block; padding:8px 12px; background:#2b6cb0; color:#fff; text-decoration:none; border-radius:4px; margin-top:8px; }
input, textarea, select { width:100%; padding:8px; margin:6px 0 12px 0; border:1px solid #ddd; border-radius:4px; }
label { display:block; font-weight:600; margin-top:6px; }
.site-footer { text-align:center; padding:20px; color:#666; font-size:14px; }
.video-responsive { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-responsive iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.error { color:#b00020; background:#ffdede; padding:8px; border-radius:4px; }
@media (max-width:600px) {
  .site-header { padding:10px; }
  .container { padding:0 12px; }
}