/* Variables */
:root{
  --navy:#0f3b6b;
  --navy-dark:#0b2e53;
  --orange:#FF6F00;
  --gray-50:#F8FAFC;
  --gray-100:#F3F4F6;
  --text:#111;
  --white:#fff;
  --radius:14px;
  --container:1320px; /* wider boxed width */
  --inner:1120px;
}

/* Base */
*{box-sizing:border-box;}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--gray-100);}
a{color:var(--navy-dark);text-decoration:none;}
a:hover{text-decoration:underline;}

/* Boxed shell */
.peru-body-bg{padding:16px;}
.peru-container{
  max-width: var(--container);
  margin:0 auto;
  background: var(--white);
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow:hidden;
}
.peru-inner{max-width:var(--inner);margin:0 auto;padding:0 18px;}

/* Header */
.peru-header{background:var(--navy);color:#fff;border-bottom:3px solid var(--orange);}
.peru-header .peru-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px;}
.peru-brand{display:flex;align-items:center;gap:12px;}
.peru-site-title{color:#fff;font-weight:700;font-size:18px;}
.peru-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.peru-menu{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap;align-items:center;}
.peru-menu li a{color:#fff;padding:4px 0;}
.peru-login{color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.4);padding:6px 10px;border-radius:8px;}
.peru-login:hover{background:rgba(255,255,255,.1);}
.custom-logo,.peru-header .custom-logo-link img{max-height:54px;height:auto;width:auto;}

/* Hero with optional banner */
.peru-hero{
  position:relative;
  background:linear-gradient(180deg,var(--navy),var(--navy-dark));
  color:#fff;
  padding:34px 0;
  background-size:cover; background-position:center;
}
.peru-hero .peru-hero-overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.35);
}
.peru-hero .peru-hero-content{ position:relative; }
.peru-hero h1{ margin:0 0 10px; line-height:1.2; }
.peru-actions{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap;}
.peru-btn{background:var(--orange);color:#fff;padding:.7em 1.1em;border-radius:10px;display:inline-block;}
.peru-btn-outline{background:transparent;border:1px solid #fff;color:#fff;}
.peru-btn-outline:hover{background:#fff;color:#000;}

/* Cards */
.peru-cards{padding:26px 0;background:#fff;}
.peru-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.peru-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.peru-card h3{margin:0 0 6px;color:var(--navy-dark);}

/* CTA strip */
.peru-cta{border-top:3px solid var(--orange);background:var(--gray-50);padding:14px 0;text-align:center;}
.peru-cta p{margin:0;}

/* Page content */
.peru-page{padding:28px 0;}
.peru-title{color:var(--navy-dark);}

/* Footer */
.peru-footer{background:var(--navy);color:#fff;border-top:3px solid var(--orange);}
.peru-footer-grid{display:grid;gap:16px;grid-template-columns:1.2fr 1fr auto;align-items:center;padding:14px 18px;}
.peru-footer-logo{width:44px;height:44px;border-radius:8px;background:#fff;padding:4px;object-fit:contain;margin-right:10px;}
.peru-footer-brand{display:flex;align-items:center;gap:12px;}
.peru-footer-right a{color:#fff;margin-left:14px;font-weight:600;}
.peru-pdpa{margin:0;font-size:14px;text-align:center;line-height:1.45;max-width:560px;margin-left:auto;margin-right:auto;}
@media (max-width:900px){
  .peru-footer-grid{grid-template-columns:1fr; text-align:center;}
  .peru-footer-right a{margin:0 8px;}
  .peru-footer-brand{justify-content:center;}
  .peru-pdpa{max-width:100%;}
}