/* Swing for Children of Venezuela — site styles */
body { margin: 0; background: #fff; }
a { color: #CF142B; }
a:hover { color: #1A2B6B; }
input, select, textarea { font-family: Inter, system-ui, sans-serif; }

/* nav */
.nav-link { color: #E3EAF8; font-size: 12.5px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 0.8px; padding-bottom: 3px; border-bottom: 2px solid transparent; }
.nav-link:hover { color: #F5C518; }
.nav-link-on { color: #F5C518; border-bottom: 2px solid #F5C518; }
.nav-cta { background: #F5C518; color: #1A2B6B; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 11px 20px; text-decoration: none; flex-shrink: 0; }
.nav-cta:hover { background: #fff; color: #1A2B6B; }

/* footer */
.foot-link { color: #C9D6EF; font-size: 13px; text-decoration: none; }
.foot-link:hover { color: #fff; }
.donate-btn { background: #CF142B; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 10px 18px; text-decoration: none; flex-shrink: 0; }
.donate-btn:hover { background: #E8203A; color: #fff; }

/* filter / tab / payment pills */
.pill { background: #fff; color: #1A2B6B; border: 1px solid #D0DCF0; font-family: Inter, system-ui, sans-serif; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 11px 20px; cursor: pointer; }
.pill-on { background: #1A2B6B; color: #F5C518; border-color: #1A2B6B; }
.photo-img:hover { opacity: .9; }
.type-card { background: #fff; border: 1px solid #D0DCF0; }
.type-card-on { background: #F5F8FF; border: 2px solid #F5C518; }

@media (max-width: 1150px) {
  nav[data-sitenav] { flex-wrap: wrap !important; row-gap: 14px !important; padding: 14px 20px !important; gap: 16px !important; }
  nav[data-sitenav] [data-navspacer] { display: none !important; }
  nav[data-sitenav] [data-navlinks] { order: 3; flex-basis: 100%; flex-wrap: wrap; row-gap: 12px; column-gap: 20px; border-top: 1px solid rgba(255,255,255,.14); padding-top: 14px; }
}
@media (max-width: 700px) {
  nav[data-sitenav] [data-navlinks] a { font-size: 12px !important; padding-top: 4px; padding-bottom: 6px; }
}
@media (max-width: 1000px) {
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-rows"] { grid-template-rows: auto !important; height: auto !important; }
  [style*="grid-template-rows"] > div { height: 240px !important; min-height: 0 !important; }
  h1 { font-size: clamp(32px, 8vw, 46px) !important; letter-spacing: -0.6px !important; }
  h2 { font-size: clamp(24px, 5.4vw, 32px) !important; }
  img[alt*="badge"] { width: 190px !important; height: 190px !important; }
  img[style*="height: 480px"], img[style*="height: 460px"], img[style*="height: 400px"] { height: 280px !important; }
  aside { position: static !important; }
}
@media (max-width: 700px) {
  section > div, footer > div { padding-left: 20px !important; padding-right: 20px !important; }
  [style*="grid-template-rows"] > div { height: 200px !important; }
  [style*="font-size: 80px"] { font-size: 54px !important; }
  img[style*="height: 340px"], img[style*="height: 380px"] { height: 220px !important; }
  iframe { height: 240px !important; min-height: 240px !important; }
}

/* per-element hover / focus states carried over from the design */
.hm1:hover{background: #fff !important}
.hm2:hover{background: #CF142B !important}
.hm3:hover{background: #fff !important}
.hm4:hover{background: #1A2B6B !important; color: #fff !important}
.hm5:hover{background: #1A2B6B !important; color: #fff !important}
.hm6:hover{background: #1A2B6B !important; color: #fff !important}
.hm7:hover{background: #CF142B !important}
.hm8:hover{background: #1A2B6B !important}
.hm9:hover{color: #1A2B6B !important}
.hm10:hover{background: #CF142B !important}
.tn1:hover{background: #fff !important}
.sp1:hover{background: #1A2B6B !important; color: #fff !important}
.sp2:hover{background: #1A2B6B !important; color: #fff !important}
.sp3:hover{background: #CF142B !important; color: #fff !important}
.sp4:hover{background: #fff !important}
.hi1:hover{background: #F5C518 !important; color: #1A2B6B !important}
.bl1:hover{color: #1A2B6B !important}
.bl2:hover{color: #1A2B6B !important}
.bl3:hover{color: #1A2B6B !important}
.bl4:hover{color: #1A2B6B !important}
.ct1:focus{border: 1px solid #2E4A9E !important}
.ct2:focus{border: 1px solid #2E4A9E !important}
.ct3:focus{border: 1px solid #2E4A9E !important}
.ct4:hover{background: #1A2B6B !important; color: #fff !important}
.ct5:hover{background: #F5C518 !important; color: #1A2B6B !important; border: 1px solid #F5C518 !important}
.ct6:hover{background: #F5C518 !important; color: #1A2B6B !important; border: 1px solid #F5C518 !important}
.ct7:hover{color: #CF142B !important}
.ct8:hover{color: #CF142B !important}
.ct9:hover{color: #CF142B !important}
.rg1:hover{background: #1A2B6B !important; color: #fff !important}
.rg2:focus{border: 1px solid #2E4A9E !important}
.rg3:focus{border: 1px solid #2E4A9E !important}
.rg4:focus{border: 1px solid #2E4A9E !important}
.rg5:focus{border: 1px solid #2E4A9E !important}
.rg6:focus{border: 1px solid #2E4A9E !important}
.rg7:focus{border: 1px solid #2E4A9E !important}
.rg8:focus{border: 1px solid #2E4A9E !important}
.rg9:focus{border: 1px solid #2E4A9E !important}
.rg10:focus{border: 1px solid #2E4A9E !important}
.rg11:focus{border: 1px solid #2E4A9E !important}
.rg12:hover{background: #1A2B6B !important; color: #fff !important}