:root{--bg:#0b0b0b;--brand:#f07f19;--text:#f8fafc;--radius:16px;}

body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;}

.container{max-width:1280px;margin:0 auto;padding:0 16px;}

main{padding-bottom:15px;}

.hero{position:relative;color:#fff;isolation:isolate;}
.hero-media{position:relative;min-height:360px;background:url("/Images/Actividades.webp") center/cover no-repeat;}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.65));}
.hero .inner{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28px;}
.hero h1{margin:0 0 10px;font-size:clamp(28px,4.6vw,52px);letter-spacing:.4px;text-transform:uppercase;color:var(--brand);}
.hero p{margin:0;color:#ccc;font-size:.95rem;}

.grid-cards{display:grid;gap:20px;justify-content:center;justify-items:center;}
@media (min-width:640px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));}}

.card{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin:auto;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
  overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.35);
  aspect-ratio:16/9;width:min(100%,clamp(320px,34vw,560px));max-width:unset;
  transition:transform .22s ease,border-color .22s ease;
}
@media (min-width:640px){.card{width:min(100%,clamp(360px,42vw,600px));}}
@media (min-width:1024px){.card{width:min(100%,clamp(340px,30vw,560px));}}

.card:hover{border-color:var(--brand);transform:translateY(-2px);}

.card__img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.8));z-index:1;}

.card__inner{
  position:relative;z-index:2;padding:20px;display:flex;flex-direction:column;
  gap:10px;justify-content:flex-end;height:100%;
}

.card__title{
  margin:0;color:#fff;font-weight:900;
  font-size:clamp(18px,2.2vw,28px);line-height:1.1;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}

.card__meta{margin:0;color:#e5e7eb;font-size:clamp(13px,1.6vw,15px);}
.card__actions{display:flex;gap:8px;}

.card__btn{
  display:inline-flex;align-items:center;gap:8px;border:none;
  background:var(--brand);color:#0b0b0b;padding:10px 16px;border-radius:999px;
  font-weight:900;text-decoration:none;line-height:1;
  box-shadow:0 10px 24px rgba(240,127,25,.35);
}

section.py-16.md\:py-24{padding-top:3rem!important;padding-bottom:4rem!important;}
h2.mb-8{margin-bottom:1.75rem!important;}

#bjj-kids{margin-left:auto!important;margin-right:auto!important;}
#bjj-kids.card{width:min(100%,clamp(340px,30vw,560px));}