:root{
  --azul:#0b2d4d;
  --azul2:#096b9b;
  --agua:#16b5d8;
  --verde:#1f7a4d;
  --amarillo:#ffd23c;
  --blanco:#ffffff;
  --gris:#f4f7f9;
  --texto:#183044;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:var(--gris)}
.topbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.brand{display:flex;align-items:center;gap:14px}.logo{object-fit:contain}.logo-gob{height:54px}.logo-sapa{height:58px}
.menu{display:flex;align-items:center;gap:8px}.menu a{text-decoration:none;color:var(--azul);font-weight:700;padding:12px 14px;border-radius:999px;transition:.2s}.menu a:hover{background:#e8f6fb;color:var(--azul2)}
.btn-lgcg{background:var(--azul)!important;color:white!important;border:2px solid var(--agua)}
.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:28px;height:3px;background:var(--azul);margin:5px;border-radius:3px}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding-top:90px}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,45,77,.15),rgba(11,45,77,.72))}.hero-content{position:relative;z-index:1;color:white;max-width:850px;padding:30px}.tag{display:inline-block;background:var(--amarillo);color:var(--azul);padding:8px 16px;border-radius:999px;font-weight:800;margin-bottom:16px}.hero h1{font-size:clamp(42px,8vw,88px);text-shadow:0 6px 20px rgba(0,0,0,.4)}.hero p{font-size:clamp(18px,2.5vw,26px);margin-top:10px}.hero-actions{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:800;padding:14px 24px;border-radius:999px}.primary{background:var(--agua);color:white}.secondary{background:white;color:var(--azul)}
.section{padding:90px 6%;background:white}.section.alt{background:var(--gris)}.section-title{text-align:center;max-width:850px;margin:0 auto 35px}.section-title span{color:var(--azul2);font-weight:900;text-transform:uppercase;letter-spacing:1px}.section-title h2{font-size:clamp(28px,4vw,44px);color:var(--azul);margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto}.card{background:var(--gris);padding:28px;border-radius:22px;border-top:6px solid var(--agua);box-shadow:0 10px 25px rgba(0,0,0,.06)}.card h3{color:var(--azul);margin-bottom:10px}.notice{max-width:850px;margin:auto;background:white;border-left:7px solid var(--amarillo);padding:24px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.center-text{text-align:center;max-width:760px;margin:0 auto 24px}.big-lgcg{display:block;width:max-content;margin:0 auto;text-decoration:none;background:var(--azul);color:white;font-weight:900;font-size:22px;padding:18px 42px;border-radius:999px;box-shadow:0 12px 25px rgba(11,45,77,.25)}.contact{text-align:center}footer{background:var(--azul);color:white;text-align:center;padding:30px 6%}footer img{height:70px;margin-bottom:10px}
@media(max-width:850px){.menu-toggle{display:block}.menu{position:absolute;top:82px;left:6%;right:6%;display:none;flex-direction:column;background:white;border-radius:20px;padding:16px;box-shadow:0 18px 40px rgba(0,0,0,.15)}.menu.active{display:flex}.menu a{width:100%;text-align:center}.cards{grid-template-columns:1fr}.logo-gob{height:44px}.logo-sapa{height:48px}}


/* Página LGCG */
.main-nav .active,
nav a.active {
  font-weight: 700;
  text-decoration: underline;
}

.lgcg-page {
  min-height: 100vh;
  background: #f3f7f5;
}

.lgcg-hero {
  padding: 70px 20px 35px;
  background: linear-gradient(135deg, rgba(11, 95, 165, .95), rgba(31, 125, 72, .92));
  color: #ffffff;
  text-align: center;
}

.lgcg-card {
  max-width: 950px;
  margin: 0 auto;
}

.lgcg-card h1 {
  font-size: clamp(2.8rem, 8vw, 5.5rem);
  margin: 0 0 10px;
  letter-spacing: 2px;
}

.lgcg-card h2 {
  margin: 0 0 15px;
  font-size: clamp(1.2rem, 3vw, 2rem);
}

.lgcg-card p {
  font-size: 1.1rem;
  margin: 0 auto;
  max-width: 760px;
}

.form-section {
  max-width: 1150px;
  margin: 35px auto;
  padding: 0 20px 50px;
}

.form-section h2 {
  color: #0b4f85;
  margin-bottom: 5px;
}

.form-note {
  color: #555;
}

.form-embed {
  background: #ffffff;
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 35px rgba(0,0,0,.12);
  overflow: hidden;
}

.form-embed iframe {
  display: block;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
}


/* =========================================================
   Página LGCG uniforme con el sitio principal
   ========================================================= */

.lgcg-body {
  background: var(--bg, #f4f7fb);
}

.lgcg-section {
  padding: 70px 20px;
  background:
    radial-gradient(circle at top left, rgba(22, 118, 74, 0.12), transparent 32%),
    radial-gradient(circle at bottom right, rgba(11, 95, 165, 0.12), transparent 30%),
    var(--bg, #f4f7fb);
}

.lgcg-layout {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.lgcg-intro {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 24px;
  padding: clamp(28px, 5vw, 48px);
  margin-bottom: 28px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.75);
}

.section-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--primary, #0b5fa5);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .86rem;
}

.lgcg-intro h1 {
  margin: 0;
  color: var(--primary, #0b5fa5);
  font-size: clamp(3rem, 9vw, 6rem);
  line-height: .95;
  letter-spacing: 1px;
}

.lgcg-intro h2 {
  margin: 12px 0 12px;
  color: var(--dark, #17324d);
  font-size: clamp(1.35rem, 3vw, 2.2rem);
}

.lgcg-intro p {
  max-width: 850px;
  color: #4b5563;
  font-size: 1.08rem;
  line-height: 1.7;
}

.lgcg-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
}

.lgcg-secondary-link {
  color: var(--primary, #0b5fa5);
  font-weight: 700;
  text-decoration: none;
}

.lgcg-secondary-link:hover {
  text-decoration: underline;
}

.lgcg-panel {
  background: #ffffff;
  border-radius: 24px;
  padding: clamp(18px, 3vw, 28px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(11, 95, 165, 0.10);
}

.lgcg-panel-header {
  padding: 6px 6px 18px;
}

.lgcg-panel-header h3 {
  margin: 0 0 6px;
  color: var(--primary, #0b5fa5);
  font-size: clamp(1.35rem, 3vw, 2rem);
}

.lgcg-panel-header p {
  margin: 0;
  color: #64748b;
}

.form-embed {
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .08);
}

.form-embed iframe {
  display: block;
  width: 100%;
  border: 0;
  background: #ffffff;
  border-radius: 18px;
}

@media (max-width: 768px) {
  .lgcg-section {
    padding: 38px 14px;
  }

  .lgcg-intro,
  .lgcg-panel {
    border-radius: 18px;
  }

  .form-embed iframe {
    height: 1100px;
  }
}