:root{
      --enc-blue:#06154c;
      --enc-blue-2:#0f2b7f;
      --enc-red:#d71920;
      --enc-red-2:#b11218;
      --enc-white:#ffffff;
      --enc-gold:#f6c453;
      --enc-ink:#17213c;
      --enc-muted:#64748b;
      --enc-soft:#f6f8fc;
      --glass:rgba(255,255,255,.14);
      --shadow:0 24px 70px rgba(6,21,76,.14);
    }

    *{box-sizing:border-box}

    body{
      background:var(--enc-soft);
      color:var(--enc-ink);
    }

    .hero{
      position:relative;
      overflow:hidden;
      min-height:100vh;
      background:
        linear-gradient(110deg,rgba(6,21,76,.96),rgba(6,21,76,.84) 48%,rgba(215,25,32,.54)),
        url("assets/img/nuevas/colegiofachada (1).jpeg") center/cover no-repeat !important;
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 78% 12%,rgba(255,255,255,.20),transparent 24%),
        radial-gradient(circle at 18% 85%,rgba(215,25,32,.24),transparent 28%),
        radial-gradient(circle at 54% 55%,rgba(246,196,83,.12),transparent 28%),
        linear-gradient(180deg,transparent 0%,rgba(6,21,76,.90) 100%);
      pointer-events:none;
    }

    .hero::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:10px;
      background:linear-gradient(90deg,#d71920 0 33%,#fff 33% 66%,#06154c 66% 100%);
      z-index:3;
    }

    .navbar,
    .hero-content,
    .scroll-indicator,
    .innovation-bar{
      position:relative;
      z-index:4;
    }

    .navbar{
      backdrop-filter:blur(16px);
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.16);
      border-radius:0 0 28px 28px;
      box-shadow:0 24px 50px rgba(0,0,0,.18);
    }

    .brand{color:#fff !important;}

    .brand img{
      border:3px solid rgba(255,255,255,.65);
      box-shadow:0 14px 30px rgba(0,0,0,.25);
    }

    .brand span{color:rgba(255,255,255,.82) !important;}

    .menu a{color:rgba(255,255,255,.92) !important;}
    .menu a:hover{color:#fff !important;}

    .btn-login{
      background:linear-gradient(135deg,#d71920,#06154c) !important;
      color:#fff !important;
      border:1px solid rgba(255,255,255,.25) !important;
      box-shadow:0 14px 30px rgba(215,25,32,.26);
    }

    .innovation-bar{
      margin:0 auto;
      width:86%;
      max-width:1180px;
      border-radius:0 0 22px 22px;
      padding:11px 18px;
      color:#fff;
      background:linear-gradient(90deg,rgba(215,25,32,.95),rgba(255,255,255,.20),rgba(6,21,76,.95));
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 18px 36px rgba(0,0,0,.18);
      font-size:13px;
      font-weight:900;
      letter-spacing:.04em;
      text-align:center;
      backdrop-filter:blur(10px);
    }

    .hero-content{
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
      gap:42px;
      align-items:center;
    }

    .hero-text{max-width:790px;}

    .badge{
      background:rgba(255,255,255,.16) !important;
      border:1px solid rgba(255,255,255,.25);
      color:#fff !important;
      box-shadow:0 12px 30px rgba(0,0,0,.18);
    }

    .hero-ribbon{
      width:max-content;
      max-width:100%;
      margin:0 0 18px;
      padding:10px 15px;
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.25);
      box-shadow:0 12px 28px rgba(0,0,0,.16);
      font-weight:950;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
      backdrop-filter:blur(10px);
    }

    .hero-text h1{
      color:#fff;
      text-shadow:0 18px 40px rgba(0,0,0,.35);
      letter-spacing:-.045em;
    }

    .hero-text p{
      color:rgba(255,255,255,.88);
      max-width:700px;
    }

    .hero-tags{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin:22px 0 24px;
    }

    .hero-tags span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:8px 12px;
      border-radius:999px;
      color:#fff;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.20);
      font-size:13px;
      font-weight:850;
      backdrop-filter:blur(10px);
    }

    .hero-buttons a{box-shadow:0 14px 30px rgba(0,0,0,.18);}

    .btn-primary{
      background:linear-gradient(135deg,#d71920,#b11218) !important;
      border:0 !important;
    }

    .btn-secondary{
      background:#fff !important;
      color:#06154c !important;
      border:0 !important;
    }

    .btn-outline-hero{
      border:1px solid rgba(255,255,255,.40) !important;
      color:#fff !important;
      background:rgba(255,255,255,.10) !important;
      backdrop-filter:blur(12px);
    }

    .platform-card{
      position:relative;
      z-index:4;
      border-radius:30px;
      padding:28px;
      min-height:460px;
      color:#fff;
      background:
        linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07)),
        linear-gradient(135deg,rgba(6,21,76,.72),rgba(215,25,32,.46));
      border:1px solid rgba(255,255,255,.22);
      box-shadow:0 26px 70px rgba(0,0,0,.28);
      backdrop-filter:blur(18px);
      overflow:hidden;
    }

    .platform-card::before{
      content:"";
      position:absolute;
      width:290px;
      height:290px;
      border-radius:50%;
      right:-94px;
      top:-88px;
      background:
        radial-gradient(circle,#fff 0 4%,transparent 5% 100%),
        radial-gradient(circle at 40% 40%,rgba(255,255,255,.22),rgba(255,255,255,.03));
      opacity:.82;
    }

    .platform-emblem{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:18px;
      position:relative;
      z-index:2;
    }

    .platform-emblem img{
      width:68px;
      height:68px;
      border-radius:20px;
      object-fit:cover;
      background:#fff;
      padding:5px;
      box-shadow:0 14px 30px rgba(0,0,0,.22);
    }

    .platform-emblem strong{
      display:block;
      color:#fff;
      font-size:18px;
      font-weight:950;
    }

    .platform-emblem span{
      display:block;
      color:rgba(255,255,255,.78);
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-top:4px;
    }

    .platform-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.22);
      font-weight:900;
      font-size:13px;
      margin-bottom:18px;
      position:relative;
      z-index:2;
    }

    .platform-card h2{
      font-size:clamp(28px,3.2vw,44px);
      font-weight:950;
      line-height:1.05;
      margin-bottom:14px;
      position:relative;
      z-index:2;
    }

    .platform-card p{
      color:rgba(255,255,255,.86);
      line-height:1.7;
      margin-bottom:18px;
      position:relative;
      z-index:2;
    }

    .albirroja-lines{
      display:flex;
      gap:8px;
      margin:18px 0;
      max-width:230px;
      position:relative;
      z-index:2;
    }

    .albirroja-lines span{height:7px;border-radius:999px;flex:1;}
    .albirroja-lines span:nth-child(1){background:#d71920}
    .albirroja-lines span:nth-child(2){background:#fff}
    .albirroja-lines span:nth-child(3){background:#06154c;border:1px solid rgba(255,255,255,.25)}

    .platform-list{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin:18px 0 20px;
    }

    .platform-list span{
      display:flex;
      align-items:center;
      gap:8px;
      border-radius:16px;
      padding:12px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.16);
      font-size:13px;
      font-weight:850;
    }

    .platform-mini-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:20px;
      position:relative;
      z-index:2;
    }

    .platform-mini{
      border-radius:18px;
      padding:13px;
      background:rgba(255,255,255,.13);
      border:1px solid rgba(255,255,255,.16);
    }

    .platform-mini b{display:block;font-size:20px;line-height:1;margin-bottom:4px;}
    .platform-mini span{font-size:12px;color:rgba(255,255,255,.78);font-weight:700;}

    .intro{margin-top:-60px;position:relative;z-index:6;}

    .stat,
    .intro-card,
    .edu-card,
    .time-card,
    .campus-card,
    .identity-card,
    .director-card,
    .pre-box,
    .feature-card,
    .portal-card,
    .dev-card,
    .impact-card{
      box-shadow:var(--shadow) !important;
    }

    .digital-section{
      padding:92px 6vw;
      background:
        radial-gradient(circle at 88% 8%,rgba(215,25,32,.10),transparent 28%),
        radial-gradient(circle at 10% 70%,rgba(6,21,76,.09),transparent 30%),
        #fff;
    }

    .digital-head{
      max-width:980px;
      margin:0 auto 38px;
      text-align:center;
    }

    .digital-head h2,
    .portal-head h2,
    .impact-head h2,
    .dev-head h2{
      font-size:clamp(30px,4vw,54px);
      line-height:1.05;
      font-weight:950;
      letter-spacing:-.04em;
      margin:12px 0 16px;
      color:var(--enc-blue);
    }

    .digital-head p,
    .portal-head p,
    .impact-head p,
    .dev-head p{
      color:var(--enc-muted);
      font-size:18px;
      line-height:1.8;
    }

    .feature-grid{
      max-width:1180px;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    .feature-card{
      border-radius:26px;
      padding:24px;
      background:#fff;
      border:1px solid rgba(6,21,76,.08);
      min-height:190px;
      position:relative;
      overflow:hidden;
    }

    .feature-card::after{
      content:"";
      position:absolute;
      inset:auto -30px -42px auto;
      width:120px;
      height:120px;
      border-radius:50%;
      background:rgba(215,25,32,.08);
    }

    .feature-icon{
      width:54px;
      height:54px;
      border-radius:18px;
      display:grid;
      place-items:center;
      font-size:26px;
      background:linear-gradient(135deg,rgba(215,25,32,.12),rgba(6,21,76,.10));
      margin-bottom:16px;
    }

    .feature-card h3{font-size:20px;color:var(--enc-blue);margin-bottom:10px;}
    .feature-card p{color:var(--enc-muted);line-height:1.65;margin:0;}

    .portal-section{
      padding:92px 6vw;
      background:#f6f8fc;
    }

    .portal-head{
      max-width:920px;
      margin:0 auto 38px;
      text-align:center;
    }

    .portal-grid{
      max-width:1180px;
      margin:auto;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:22px;
    }

    .portal-card{
      border-radius:30px;
      padding:30px;
      background:#fff;
      border:1px solid rgba(6,21,76,.08);
      overflow:hidden;
      position:relative;
    }

    .portal-card::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:7px;
      background:linear-gradient(90deg,#d71920,#fff,#06154c);
      border-bottom:1px solid rgba(6,21,76,.08);
    }

    .portal-card h3{
      font-size:26px;
      color:var(--enc-blue);
      margin:8px 0 12px;
      font-weight:950;
    }

    .portal-card p{color:var(--enc-muted);line-height:1.75;margin-bottom:18px;}

    .portal-card ul{
      padding:0;
      margin:0;
      list-style:none;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }

    .portal-card li{
      padding:11px 12px;
      border-radius:14px;
      background:#f7f9fd;
      color:var(--enc-ink);
      font-size:14px;
      font-weight:750;
      border:1px solid rgba(6,21,76,.06);
    }

    .portal-card li::before{
      content:"✓";
      color:var(--enc-red);
      font-weight:950;
      margin-right:8px;
    }

    .impact-section{
      position:relative;
      overflow:hidden;
      padding:92px 6vw;
      background:
        linear-gradient(135deg,#06154c,#102b82 48%,#d71920);
      color:#fff;
    }

    .impact-section::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        url("assets/img/paraguay.png") right center/35% auto no-repeat,
        radial-gradient(circle at 14% 25%,rgba(255,255,255,.16),transparent 26%);
      opacity:.22;
      pointer-events:none;
    }

    .impact-wrap{
      position:relative;
      z-index:2;
      max-width:1180px;
      margin:auto;
    }

    .impact-head{max-width:880px;margin-bottom:34px;}
    .impact-head h2{color:#fff;}
    .impact-head p{color:rgba(255,255,255,.84);}

    .impact-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
    }

    .impact-card{
      border-radius:26px;
      padding:24px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(14px);
    }

    .impact-card b{
      display:block;
      font-size:clamp(30px,4vw,48px);
      line-height:1;
      font-weight:950;
      margin-bottom:8px;
    }

    .impact-card span{
      display:block;
      color:rgba(255,255,255,.80);
      font-weight:800;
      line-height:1.45;
    }

    .dev-section{
      padding:92px 6vw;
      background:#fff;
    }

    .dev-wrap{
      max-width:1180px;
      margin:auto;
      display:grid;
      grid-template-columns:1fr .75fr;
      gap:26px;
      align-items:stretch;
    }

    .dev-card{
      border-radius:34px;
      padding:36px;
      background:
        radial-gradient(circle at 90% 10%,rgba(246,196,83,.16),transparent 30%),
        linear-gradient(135deg,#fff,#f8fbff);
      border:1px solid rgba(6,21,76,.08);
    }

    .dev-card h2{
      font-size:clamp(30px,4vw,50px);
      line-height:1.05;
      color:var(--enc-blue);
      font-weight:950;
      letter-spacing:-.04em;
      margin:12px 0 16px;
    }

    .dev-card p{
      color:var(--enc-muted);
      font-size:18px;
      line-height:1.8;
    }

    .developer-sign{
      margin-top:22px;
      padding:20px;
      border-radius:22px;
      background:linear-gradient(135deg,rgba(6,21,76,.08),rgba(215,25,32,.08));
      border:1px solid rgba(6,21,76,.08);
    }

    .developer-sign small{
      display:block;
      color:var(--enc-muted);
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:6px;
    }

    .developer-sign strong{
      display:block;
      color:var(--enc-blue);
      font-size:23px;
      font-weight:950;
    }

    .dev-side{
      border-radius:34px;
      padding:30px;
      color:#fff;
      background:
        linear-gradient(145deg,rgba(6,21,76,.94),rgba(215,25,32,.88)),
        url("assets/img/nuevas/salainformatica1.jpeg") center/cover no-repeat;
      box-shadow:var(--shadow);
      display:flex;
      flex-direction:column;
      justify-content:end;
      min-height:420px;
      overflow:hidden;
      position:relative;
    }

    .dev-side::before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.18),transparent 28%);
    }

    .dev-side > *{position:relative;z-index:2;}
    .dev-side h3{font-size:30px;line-height:1.1;margin-bottom:12px;font-weight:950;}
    .dev-side p{color:rgba(255,255,255,.86);line-height:1.7;margin:0;}

    .paraguay-section{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(135deg,#06154c,#102b82 48%,#d71920);
      color:#fff;
      padding:80px 6vw;
    }

    .paraguay-section::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        url("assets/img/paraguay.png") right center/38% auto no-repeat,
        radial-gradient(circle at 14% 25%,rgba(255,255,255,.16),transparent 26%);
      opacity:.28;
      pointer-events:none;
    }

    .paraguay-box{
      position:relative;
      z-index:2;
      max-width:1120px;
      margin:auto;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:34px;
      align-items:center;
    }

    .paraguay-box h2{
      font-size:clamp(30px,4vw,54px);
      line-height:1.05;
      font-weight:950;
      letter-spacing:-.04em;
      margin-bottom:18px;
    }

    .paraguay-box p{
      color:rgba(255,255,255,.86);
      font-size:18px;
      line-height:1.8;
    }

    .paraguay-card{
      border-radius:28px;
      padding:26px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter:blur(16px);
      box-shadow:0 24px 60px rgba(0,0,0,.18);
    }

    .paraguay-card img{
      width:100%;
      border-radius:22px;
      display:block;
      aspect-ratio:16/10;
      object-fit:cover;
      box-shadow:0 18px 45px rgba(0,0,0,.25);
    }

    .pro-image-card img,
    .campus-card img,
    .identity-card img,
    .preview-card img,
    .director-photo img{
      filter:saturate(1.08) contrast(1.04);
    }

    footer .developer-footer{
      display:block;
      margin-top:12px;
      color:rgba(255,255,255,.72);
      font-weight:700;
    }

    @media(max-width:1080px){
      .feature-grid,
      .impact-grid{grid-template-columns:repeat(2,1fr);}
      .dev-wrap{grid-template-columns:1fr;}
    }

    @media(max-width:980px){
      .hero-content,
      .paraguay-box,
      .portal-grid{grid-template-columns:1fr;}
      .platform-card{min-height:auto;}
    }

    @media(max-width:760px){
      .hero{min-height:auto;}
      .hero-content{padding-top:50px;}
      .platform-card{padding:20px;}
      .platform-list,
      .platform-mini-grid,
      .feature-grid,
      .impact-grid{grid-template-columns:1fr;}
      .portal-card ul{grid-template-columns:1fr;}
      .intro{margin-top:0;}
      .innovation-bar{width:92%;font-size:12px;border-radius:16px;margin-top:8px;}
      .hero-ribbon{font-size:12px;line-height:1.4;}
      .hero-tags span{width:100%;justify-content:center;}
    }

/* Navegación y páginas modulares */
.page-hero{padding:150px 6vw 80px;background:linear-gradient(120deg,rgba(6,21,76,.97),rgba(15,43,127,.90) 55%,rgba(215,25,32,.80)),url("../../assets/img/nuevas/colegiofachada (1).jpeg") center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#d71920 0 33%,#fff 33% 66%,#06154c 66%)}
.page-hero .inner{max-width:1180px;margin:auto;position:relative;z-index:2}.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:12px 0 18px;font-weight:950;letter-spacing:-.045em}.page-hero p{max-width:800px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.86)}
.site-content{min-height:55vh}.home-section{padding:86px 6vw}.home-section.alt{background:#f6f8fc}.section-wrap{max-width:1180px;margin:auto}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-card{display:flex;flex-direction:column;border-radius:28px;padding:28px;background:#fff;border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow);min-height:280px}.summary-card .icon{font-size:34px;margin-bottom:16px}.summary-card h3{font-size:25px;color:var(--enc-blue);margin:0 0 12px}.summary-card p{color:var(--enc-muted);line-height:1.75;flex:1}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--enc-red);font-weight:900;text-decoration:none;margin-top:16px}.text-link:hover{gap:12px}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 5vw}.menu{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.menu-toggle{display:none;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 13px;font-size:22px}.navbar.page-nav{position:absolute;top:0;left:0;right:0;z-index:20;background:rgba(6,21,76,.86);border-radius:0}.navbar.page-nav .menu a{color:#fff!important}.navbar.page-nav .brand{color:#fff!important}
.featured-news{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.news-card{background:#fff;border-radius:26px;overflow:hidden;border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow)}.news-card img{width:100%;height:250px;object-fit:cover;display:block}.news-card .body{padding:24px}.news-card h3{color:var(--enc-blue);font-size:25px;margin:0 0 10px}.news-card p{color:var(--enc-muted);line-height:1.7}.news-meta{font-size:13px;font-weight:900;color:var(--enc-red);text-transform:uppercase;letter-spacing:.07em}
.author-card{max-width:1180px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.author-photo{border-radius:32px;min-height:430px;background:linear-gradient(145deg,rgba(6,21,76,.85),rgba(215,25,32,.72)),url("../../assets/img/nuevas/salainformatica1.jpeg") center/cover no-repeat;box-shadow:var(--shadow)}.author-info{padding:34px;border-radius:32px;background:#fff;box-shadow:var(--shadow)}.author-info h2{color:var(--enc-blue);font-size:clamp(32px,4vw,50px);margin:10px 0}.author-info h3{color:var(--enc-red);margin-bottom:18px}.author-info p{color:var(--enc-muted);font-size:17px;line-height:1.8}
.simple-footer-nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:18px 0}.simple-footer-nav a{color:rgba(255,255,255,.82);text-decoration:none;font-weight:750}
@media(max-width:1000px){.summary-grid{grid-template-columns:1fr 1fr}.featured-news,.author-card{grid-template-columns:1fr}.author-photo{min-height:320px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:82px;left:4vw;right:4vw;padding:18px;background:rgba(6,21,76,.98);border-radius:20px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{text-align:center;padding:10px}}
@media(max-width:700px){.summary-grid{grid-template-columns:1fr}.page-hero{padding-top:130px}.navbar{padding:13px 4vw}.brand strong{font-size:14px}.brand span{font-size:11px}.brand img{width:45px;height:45px}.home-section{padding:66px 5vw}}

/* Versión institucional mejorada */
.menu a.active{position:relative;color:#fff!important;font-weight:950}
.menu a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:3px;border-radius:999px;background:var(--enc-red)}
.page-nav .menu a.active{color:var(--enc-red)!important}
.institutional-hero .hero-content{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}
.institution-card{position:relative;z-index:4;border-radius:30px;padding:30px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.24);box-shadow:0 26px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.institution-card h2{font-size:clamp(28px,3vw,43px);line-height:1.08;margin:14px 0;font-weight:950}
.institution-card p{color:rgba(255,255,255,.84);line-height:1.75}
.institution-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.institution-highlights span{padding:15px 12px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:800;text-align:center}
.institution-highlights b{display:block;font-size:22px;margin-bottom:6px;color:#fff}
.innovation-feature{padding:90px 6vw;color:#fff;background:linear-gradient(135deg,#06154c,#0f2b7f 55%,#d71920)}
.innovation-feature-grid{display:grid;grid-template-columns:1fr .95fr;gap:34px;align-items:center}
.innovation-feature h2{font-size:clamp(32px,4vw,54px);line-height:1.06;margin:12px 0 18px}
.innovation-feature p{color:rgba(255,255,255,.84);font-size:18px;line-height:1.75}
.innovation-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:30px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.innovation-flow span{padding:13px 16px;border-radius:999px;background:#fff;color:#06154c;font-weight:900}
.innovation-flow i{font-style:normal;font-size:22px}
.center-action{text-align:center;margin-top:32px}
.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}
.dev-card blockquote{margin:22px 0 0;padding:18px 22px;border-left:5px solid var(--enc-red);background:rgba(215,25,32,.06);font-weight:900;color:var(--enc-blue);font-size:20px}
.story-steps{display:grid;gap:12px}
.story-steps div{display:flex;align-items:center;gap:16px;padding:21px;border-radius:22px;background:#fff;border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow)}
.story-steps b{font-size:28px;color:var(--enc-red)}
.story-steps span{font-weight:900;color:var(--enc-blue)}
.solution-flow{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}
.solution-flow>div{min-height:185px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow)}
.solution-flow>div span{font-weight:950;color:var(--enc-red)}
.solution-flow h3{color:var(--enc-blue);margin:10px 0}
.solution-flow p{color:var(--enc-muted);line-height:1.55}
.solution-flow i{font-style:normal;color:var(--enc-red);font-size:28px;font-weight:950}
.press-section{padding:92px 6vw;background:linear-gradient(135deg,#06154c,#102b82 55%,#d71920);color:#fff}
.press-head{max-width:900px;margin-bottom:34px}
.press-head h2{font-size:clamp(32px,4vw,54px);line-height:1.06;margin:12px 0 16px}
.press-head p{color:rgba(255,255,255,.84);font-size:18px;line-height:1.75}
.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.press-grid a{display:flex;flex-direction:column;min-height:190px;padding:24px;border-radius:24px;color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);transition:.2s ease}
.press-grid a:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)}
.press-grid small{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:rgba(255,255,255,.72)}
.press-grid strong{font-size:19px;line-height:1.35;margin:14px 0;flex:1}
.press-grid span{font-weight:900}
.author-photo{display:grid;place-items:center;align-content:center;gap:12px;background:linear-gradient(135deg,#06154c,#d71920)!important;color:#fff}
.author-initials{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#06154c;font-size:38px;font-weight:950;border:6px solid rgba(255,255,255,.35)}
.author-photo small{text-align:center;color:rgba(255,255,255,.78);font-weight:800}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.contact-card{padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow)}
.contact-card>span{font-size:34px}.contact-card h3{color:var(--enc-blue);margin:14px 0 8px}.contact-card p{font-weight:850}.contact-card small{color:var(--enc-muted);line-height:1.5}
.contact-note,.coming-admin{margin-top:30px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#fff,#f6f8fc);border:1px solid rgba(6,21,76,.08);box-shadow:var(--shadow)}
.contact-note h2,.coming-admin h2{color:var(--enc-blue)}
.coming-admin>span{font-weight:950;color:var(--enc-red);text-transform:uppercase;letter-spacing:.08em}
.admin-fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.admin-fields b{padding:10px 14px;border-radius:999px;background:rgba(6,21,76,.08);color:var(--enc-blue)}
@media(max-width:1080px){.press-grid{grid-template-columns:repeat(2,1fr)}.solution-flow{grid-template-columns:1fr 1fr}.solution-flow i{display:none}.contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.innovation-feature-grid,.story-grid{grid-template-columns:1fr}.institution-highlights{grid-template-columns:1fr}.solution-flow{grid-template-columns:1fr}.press-grid,.contact-grid{grid-template-columns:1fr}.menu a.active::after{display:none}.menu a.active{background:rgba(215,25,32,.12);border-radius:12px}}


/* ENC Digital — refinamiento visual v3 */
.enc-origin-section{background:linear-gradient(180deg,#f4f7fc 0%,#eef2f9 100%)}
.origin-card{max-width:1180px;margin:auto;padding:clamp(28px,4vw,54px);border-radius:38px;background:linear-gradient(120deg,#fff 0%,#fff 64%,#fff8eb 100%);border:1px solid rgba(6,21,76,.08);box-shadow:0 28px 80px rgba(6,21,76,.12)}
.origin-copy{max-width:980px}
.origin-copy h2{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.045em;color:var(--enc-blue);margin:18px 0 22px}
.origin-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.85;color:#53627f;margin:0 0 10px}
.origin-copy blockquote{display:inline-block;margin:20px 0 30px;padding:14px 20px;border-radius:16px;border-left:5px solid var(--enc-red);background:rgba(215,25,32,.06);font-size:clamp(18px,1.5vw,23px);font-weight:950;color:var(--enc-blue)}
.origin-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:26px;border-top:1px solid rgba(6,21,76,.09)}
.origin-steps div{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:22px;background:#f8faff;border:1px solid rgba(6,21,76,.07)}
.origin-steps b{font-size:29px;color:var(--enc-red);line-height:1}
.origin-steps span{font-size:15px;line-height:1.45;font-weight:900;color:var(--enc-blue)}
.enc-flow-section{overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(215,25,32,.08),transparent 30%),radial-gradient(circle at 4% 90%,rgba(6,21,76,.08),transparent 32%),#fff}
.enc-process{max-width:1250px;margin:45px auto 0;display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:12px}
.enc-process article{width:205px;min-height:230px;padding:25px 20px;border-radius:28px;background:#fff;border:1px solid rgba(6,21,76,.08);box-shadow:0 22px 55px rgba(6,21,76,.12);text-align:center;position:relative;overflow:hidden}
.enc-process article:after{content:"";position:absolute;right:-42px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:rgba(215,25,32,.06)}
.process-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(215,25,32,.13),rgba(6,21,76,.10));font-size:27px;font-weight:950;color:var(--enc-blue)}
.enc-process article>span{font-size:13px;letter-spacing:.12em;font-weight:950;color:var(--enc-red)}
.enc-process h3{margin:9px 0 9px;color:var(--enc-blue);font-size:22px}
.enc-process p{margin:0;color:var(--enc-muted);line-height:1.6;font-size:15px}
.process-arrow{font-size:30px;font-weight:950;color:var(--enc-red)}
.solution-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(135deg,rgba(215,25,32,.12),rgba(6,21,76,.10));color:var(--enc-blue);font-size:23px;font-weight:950}
.press-section{position:relative;overflow:hidden}
.press-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.12),transparent 30%);pointer-events:none}
.press-section .section-wrap{position:relative;z-index:2}
.press-grid a{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.09));box-shadow:0 20px 50px rgba(0,0,0,.17)}
.press-grid a:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#d71920,#fff,#06154c)}
.press-grid a span{color:#fff;text-decoration:none}
.press-grid a, .press-grid a:visited{color:#fff!important}
.author-card{align-items:stretch}
.author-photo{min-height:430px;background:linear-gradient(135deg,#06154c 0%,#102b82 55%,#d71920 100%)!important;position:relative;overflow:hidden}
.author-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.20),transparent 28%)}
.author-photo>*{position:relative;z-index:2}
.author-photo small{text-transform:uppercase;letter-spacing:.09em}
@media(max-width:1180px){.enc-process{grid-template-columns:repeat(5,1fr);padding:0 4vw}.enc-process article{width:auto}.process-arrow{display:none}}
@media(max-width:900px){.origin-steps{grid-template-columns:repeat(2,1fr)}.enc-process{grid-template-columns:1fr 1fr}.enc-process article:last-of-type{grid-column:1/-1}}
@media(max-width:620px){.origin-card{border-radius:26px;padding:26px 20px}.origin-steps{grid-template-columns:1fr}.enc-process{grid-template-columns:1fr;padding:0 5vw}.enc-process article:last-of-type{grid-column:auto}.enc-process article{min-height:auto}.press-grid a{min-height:180px}}
