:root{
    --blue:#071c4d;
    --blue2:#0b3c91;
    --red:#ef3340;
    --white:#ffffff;
    --soft:#f3f6fb;
    --text:#0f172a;
    --muted:#64748b;
    --gold:#f59e0b;
    --shadow:0 24px 70px rgba(15,23,42,.14);
  }
  
  *{box-sizing:border-box}
  
  body{
    background:
      radial-gradient(circle at top right, rgba(239,51,64,.08), transparent 26%),
      linear-gradient(180deg,#f4f7fb 0%,#edf3fb 100%);
  }
  
  .rp-history{
    padding-top:78px;
  }
  
  /* HERO */
  .history-hero{
    position:relative;
    min-height:84vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#071c4d;
  }
  
  .history-hero__bg{
    position:absolute;
    inset:0;
    background:url('/img/noticias/feb.png') center/cover no-repeat;
    transform:scale(1.02);
  }
  
  .history-hero__shade{
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg, rgba(7,28,77,.96) 0%, rgba(7,28,77,.80) 48%, rgba(7,28,77,.28) 100%),
      radial-gradient(circle at right, rgba(239,51,64,.26), transparent 32%);
  }
  
  .history-hero__content{
    position:relative;
    z-index:2;
    width:min(1320px,calc(100% - 32px));
    margin:0 auto;
    color:#fff;
    padding:80px 0;
  }
  
  .history-eyebrow{
    display:inline-flex;
    background:var(--red);
    color:#fff;
    padding:9px 15px;
    border-radius:999px;
    font-weight:900;
    margin-bottom:22px;
  }
  
  .history-hero h1{
    margin:0;
    max-width:860px;
    font-size:clamp(3rem,7vw,6.8rem);
    line-height:.95;
    font-weight:900;
    letter-spacing:-.06em;
  }
  
  .history-hero p{
    max-width:680px;
    margin:26px 0 0;
    font-size:clamp(1rem,2vw,1.3rem);
    line-height:1.75;
    color:rgba(255,255,255,.88);
  }
  
  .history-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
  }
  
  .history-actions a{
    min-height:48px;
    padding:13px 20px;
    border-radius:999px;
    background:#fff;
    color:var(--blue);
    text-decoration:none;
    font-weight:900;
  }
  
  .history-actions a:nth-child(even){
    background:var(--red);
    color:#fff;
  }
  
  /* INTRO */
  .history-intro{
    width:min(1320px,calc(100% - 32px));
    margin:-58px auto 54px;
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
  
  .history-intro article{
    background:#fff;
    border-radius:24px;
    padding:24px;
    box-shadow:var(--shadow);
  }
  
  .history-intro span{
    display:block;
    color:var(--red);
    font-size:2.4rem;
    font-weight:900;
    line-height:1;
  }
  
  .history-intro strong{
    display:block;
    margin:10px 0 6px;
    color:var(--blue);
    font-size:1.1rem;
  }
  
  .history-intro p{
    margin:0;
    color:var(--muted);
    line-height:1.6;
  }
  
  /* MISIÓN VISIÓN */
  .mission-vision{
    width:min(1320px,calc(100% - 32px));
    margin:0 auto 54px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
  }
  
  .mv-card{
    background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
    border-radius:32px;
    padding:34px;
    box-shadow:var(--shadow);
    border-top:8px solid var(--blue2);
  }
  
  .mv-card--red{
    border-top-color:var(--red);
  }
  
  .section-label{
    display:inline-flex;
    color:var(--red);
    font-weight:900;
    margin-bottom:12px;
  }
  
  .mv-card h2,
  .story-heading h2,
  .himno-card h2{
    margin:0 0 16px;
    color:var(--blue);
    font-size:clamp(2rem,4vw,3.8rem);
    line-height:1;
    letter-spacing:-.04em;
  }
  
  .mv-card p{
    margin:0;
    color:var(--muted);
    line-height:1.85;
    font-size:1.05rem;
    text-align:justify;
  }
  
  /* HISTORIA */
  .history-story,
  .directores-section,
  .himno-section{
    width:min(1320px,calc(100% - 32px));
    margin:0 auto 54px;
  }
  
  .story-heading{
    margin-bottom:28px;
  }
  
  .story-heading p{
    color:var(--muted);
    line-height:1.75;
    max-width:820px;
  }
  
  .story-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:28px;
    align-items:start;
  }
  
  .story-timeline{
    position:sticky;
    top:100px;
    display:grid;
    gap:16px;
  }
  
  .story-timeline div{
    background:#fff;
    border-radius:24px;
    padding:22px;
    box-shadow:var(--shadow);
    border-left:7px solid var(--red);
  }
  
  .story-timeline span{
    color:var(--red);
    font-size:2rem;
    font-weight:900;
  }
  
  .story-timeline p{
    margin:8px 0 0;
    color:var(--muted);
    line-height:1.6;
  }
  
  .story-body{
    background:#fff;
    border-radius:32px;
    padding:34px;
    box-shadow:var(--shadow);
  }
  
  .story-body p{
    color:#334155;
    line-height:1.9;
    text-align:justify;
    margin:0 0 18px;
  }
  
  .quote-box{
    margin-top:26px;
    padding:26px;
    border-radius:26px;
    background:linear-gradient(135deg,var(--blue),var(--blue2));
    color:#fff;
    font-size:1.2rem;
    line-height:1.7;
    font-weight:800;
  }
  
  /* DIRECTORES */
  .directores-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  
  .directores-grid span{
    background:#fff;
    border-radius:18px;
    padding:16px;
    box-shadow:0 14px 34px rgba(15,23,42,.08);
    color:var(--blue);
    font-weight:800;
  }
  
  /* HIMNO */
  .himno-card{
    background:
      radial-gradient(circle at right,rgba(239,51,64,.10),transparent 28%),
      linear-gradient(135deg,#fff 0%,#f8fbff 100%);
    border-radius:34px;
    padding:38px;
    box-shadow:var(--shadow);
  }
  
  .autor{
    color:var(--red);
    font-weight:900;
  }
  
  .himno-text{
    columns:2;
    column-gap:46px;
    margin-top:24px;
  }
  
  .himno-text p{
    break-inside:avoid;
    color:#334155;
    line-height:1.9;
    font-size:1.05rem;
    margin:0 0 22px;
  }
  
  /* RESPONSIVE */
  @media(max-width:1050px){
    .history-intro,
    .mission-vision,
    .story-grid,
    .directores-grid{
      grid-template-columns:1fr;
    }
  
    .story-timeline{
      position:relative;
      top:auto;
    }
  
    .himno-text{
      columns:1;
    }
  }
  
  @media(max-width:900px){
    .rp-history{
      padding-top:68px;
    }
  
    .history-hero{
      min-height:700px;
    }
  
    .history-hero__shade{
      background:linear-gradient(180deg,rgba(7,28,77,.94),rgba(7,28,77,.72));
    }
  
    .history-intro{
      margin-top:-42px;
    }
  }
  
  @media(max-width:640px){
    .history-hero{
      min-height:620px;
    }
  
    .history-hero__content{
      padding:54px 0;
    }
  
    .history-actions{
      flex-direction:column;
    }
  
    .history-actions a{
      width:100%;
      text-align:center;
    }
  
    .history-intro article,
    .mv-card,
    .story-body,
    .story-timeline div,
    .himno-card{
      border-radius:22px;
    }
  
    .mv-card,
    .story-body,
    .himno-card{
      padding:24px;
    }
  
    .directores-grid span{
      border-radius:16px;
    }
  }