/* ============================================================
   InverPep - Base
   ============================================================ */

:root{
  --blue:#0C5484;
  --green:#30A36A;

  --bg:#ffffff;
  --card:#ffffff;
  --cardBorder: rgba(12,84,132,.10);
  --text:#0f172a;
  --muted:#52606d;

  --shadow: 0 14px 32px rgba(2,12,27,.10);
  --shadow2: 0 10px 24px rgba(2,12,27,.08);
  --shadowHover: 0 18px 44px rgba(2,12,27,.14);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --radius-xl: 26px;
}

*{ box-sizing:border-box; }

html, body{
  height:100%;
}

body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a{
  color: inherit;
}

img{
  max-width:100%;
}

/* ===== Grid básico ===== */
.row{
  display:flex;
  flex-wrap:wrap;
  margin-left:-12px;
  margin-right:-12px;
}

[class*="col-"]{
  width:100%;
  padding-left:12px;
  padding-right:12px;
}

.col-xs-12{ width:100%; }
.col-sm-12{ width:100%; }
.col-md-12{ width:100%; }

@media (min-width: 992px){
  .col-md-5{ width:41.666667%; }
  .col-md-7{ width:58.333333%; }
}

/* ===== Layout base ===== */
.inverpep-home{
  background: var(--bg);
}

.inverpep-wrap{
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px 22px 70px;
}

@media (max-width: 991px){
  .inverpep-wrap{
    padding: 14px 12px 52px;
  }
}