/* grid.css — Mini-grid que reemplaza a bootstrap.min.css (118 KB → ~2 KB).
   Replica exactamente Bootstrap 3 para las únicas clases usadas en el sitio:
   .container .row .col-md-12/10/8 .col-sm-12 .col-md-offset-1/2 .btn
   Incluye el box-sizing global que antes aportaba Bootstrap. */

/* Modelo de caja global (lo daba Bootstrap) */
*, *::before, *::after { box-sizing: border-box; }

/* ── Container (Bootstrap 3) ───────────────────────────────────────────── */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px)  { .container { width: 750px; } }
@media (min-width: 992px)  { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

/* ── Row (clearfix + gutters negativos) ────────────────────────────────── */
.row { margin-right: -15px; margin-left: -15px; }
.row::before, .row::after { content: " "; display: table; }
.row::after { clear: both; }

/* ── Columnas: base común ──────────────────────────────────────────────── */
.col-md-12, .col-md-10, .col-md-8, .col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* col-sm-* aplica a ≥768px */
@media (min-width: 768px) {
  .col-sm-12 { float: left; width: 100%; }
}

/* col-md-* y offsets aplican a ≥992px */
@media (min-width: 992px) {
  .col-md-12 { float: left; width: 100%; }
  .col-md-10 { float: left; width: 83.33333333%; }
  .col-md-8  { float: left; width: 66.66666667%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
}

/* ── Botón base (lo demás lo aportan las clases propias) ────────────────── */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: none;
  border: 1px solid transparent;
  font-family: inherit;
}