/* 3A Nuestros Colegios (Barkery) v1.5.0 */
/* Scope CSS a .threea-nuestroscolegios; margen vertical 50px */
.threea-nuestroscolegios{
  --threea-card-bg:#1e2c50;
  --threea-text:#EEF5FF;
  --threea-accent:#BFE9FF;
  color:var(--threea-text);
  max-width:1200px;
  margin:50px auto; /* 50px arriba/abajo */
  padding:0 16px;
}
.threea-nuestroscolegios .threea-colegios__heading{
  color:#0f2740;
  font-weight:800;
  text-align:center;
  font-size:clamp(1.8rem, 1.2rem + 1.6vw, 2.8rem);
  margin:0 0 2rem;
}
.threea-nuestroscolegios .threea-colegios__intro{
  text-align:center;
  color:#4a5b6c;
  max-width:840px;
  margin:0 auto 1.5rem;
}
.threea-nuestroscolegios .threea-colegios__grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:28px;
  align-items:stretch;
}
@media (min-width:1024px){
  .threea-nuestroscolegios .threea-colegios__grid{ grid-template-columns: repeat(3, 1fr); }
}
.threea-nuestroscolegios .threea-colegios__card{
  background:var(--threea-card-bg);
  border:1px solid rgba(228,228,228,.25);
  border-radius:24px;
  padding:34px 28px;
  display:flex; flex-direction:column;
  min-height:230px;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.threea-nuestroscolegios .threea-colegios__card:hover{ transform:translateY(-2px); box-shadow:0 12px 36px rgba(0,0,0,.16); }
.threea-nuestroscolegios .threea-colegios__logoWrap{ display:flex; align-items:center; justify-content:center; min-height:72px; margin-bottom:18px; }
.threea-nuestroscolegios .threea-colegios__logo{ max-height:58px; width:auto; }
.threea-nuestroscolegios .threea-colegios__desc{
  color:var(--threea-text);
  opacity:.94;
  font-size:1.05rem;
  line-height:1.55;
  text-align:center;
  margin:0 0 18px;
}
/* Acciones: ambos botones IZQUIERDA, 1 sola línea, icono a la derecha */
.threea-nuestroscolegios .threea-colegios__actions{
  display:flex; justify-content:flex-start; align-items:center; column-gap:36px;
}
.threea-nuestroscolegios .threea-colegios__btn{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:800; font-size:1.05rem; text-decoration:none;
  color:var(--threea-accent);
  border-radius:999px; padding:8px 2px;
  white-space:nowrap;
}
.threea-nuestroscolegios .threea-colegios__label{ display:inline-block; line-height:1; }
.threea-nuestroscolegios .threea-colegios__btn:focus{ outline:2px dashed var(--threea-accent); outline-offset:3px; }
.threea-nuestroscolegios .threea-colegios__icon{ display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:999px; border:2px solid var(--threea-accent); color:var(--threea-accent); }

/* Modal */
.threea-nuestroscolegios .threea-modal{ display:none; position:fixed; inset:0; z-index:9999; }
.threea-nuestroscolegios .threea-modal.is-open{ display:block; }
.threea-nuestroscolegios .threea-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
.threea-nuestroscolegios .threea-modal__dialog{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(960px, 90vw); background:#000; border-radius:12px; overflow:hidden;
  box-shadow:0 12px 50px rgba(0,0,0,.45);
}
.threea-nuestroscolegios .threea-modal__content{ position:relative; width:100%; padding-top:56.25%; }
.threea-nuestroscolegios .threea-modal__iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.threea-nuestroscolegios .threea-modal__close{ position:absolute; right:8px; top:8px; background:transparent; color:#fff; border:0; font-size:28px; line-height:1; cursor:pointer; }

@media (max-width:480px){
  .threea-nuestroscolegios .threea-colegios__actions{ column-gap:18px; }
  .threea-nuestroscolegios .threea-colegios__btn{ font-size:1rem; }
  .threea-nuestroscolegios .threea-colegios__icon{ width:28px; height:28px; border-width:1.5px; }
}