:root {
    --ink: #202225;
    --muted: #63666a;
    --paper: #fffdf8;
    --gold: #a66c08;
    --gold-soft: #f2e2b8;
    --line: #ded7ca;
    --dark: #24221f;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    color: var(--ink);
    background: #ece8df;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.72;
  }


  article {
    width: min(920px, calc(100% - 32px));
    margin: 32px auto;
    padding: clamp(28px, 6vw, 72px);
    background: var(--paper);
    box-shadow: 0 14px 45px rgba(40, 32, 18, .14);
  }
  header { text-align: center; margin-bottom: 34px; }
  .kicker {
    color: var(--gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  h1 {
    margin: 12px auto 16px;
    max-width: 790px;
    color: #1c1b19;
    font-size: clamp(2.15rem, 6vw, 4.25rem);
    line-height: 1.04;
    letter-spacing: -.035em;
  }
  .byline, .update {
    margin: 5px 0;
    color: var(--muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .92rem;
  }
  .update { color: #7c5510; font-weight: 700; }
  .lead {
    margin: 30px 0;
    padding: 22px 26px;
    border-left: 5px solid var(--gold);
    background: #faf3e3;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.5;
  }
  figure { margin: 34px 0 42px; }
  figure img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #5c4926;
    box-shadow: 0 10px 30px rgba(34, 27, 16, .22);
  }
  figcaption {
    margin-top: 10px;
    color: var(--muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8rem;
    line-height: 1.45;
    text-align: center;
  }
  h2 {
    margin: 42px 0 12px;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--gold-soft);
    color: #30291d;
    font-size: 1.52rem;
    line-height: 1.25;
  }
  p { margin: 0 0 1.15em; }
  ul, ol { padding-left: 1.45em; }
  li { margin-bottom: .55em; }
  blockquote {
    margin: 32px 0;
    padding: 24px 30px;
    color: #fffaf0;
    background: var(--dark);
    border-left: 6px solid #dba72f;
    font-size: 1.22rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .callout {
    margin: 30px 0;
    padding: 22px 26px;
    border: 1px solid #d7c18d;
    background: #fff9ea;
  }
  .sources {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
    color: #4e5053;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .88rem;
    line-height: 1.55;
  }
  .sources h2 { font-family: Georgia, "Times New Roman", serif; }
  a { color: #865805; text-decoration-thickness: 1px; text-underline-offset: 2px; }
  footer {
    margin-top: 48px;
    color: var(--muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .78rem;
    text-align: center;
  }
  @media print {
    body { background: white; font-size: 11.5pt; }
    article { width: 100%; margin: 0; padding: 18mm; box-shadow: none; }
    a { color: inherit; }
  }

  /* CSS del nuevo footer elegante */
  .elegant-footer {
      background: #16161c;
      border-top: 2px solid #333;
      padding: 50px 0 20px 0;
      margin-top: 60px;
      text-align: center;
  }
  .footer-inner {
      max-width: 800px;
      margin: 0 auto;
      padding: 0 20px;
  }
  .footer-inner h4 {
      font-family: 'Montserrat', sans-serif;
      color: #F4A261;
      font-size: 1.2rem;
      margin-bottom: 25px;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  .social-icons {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
  }
  .social-icon {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      background: #222;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-size: 24px;
      transition: all 0.3s ease;
      border: 1px solid #444;
  }
  .social-icon:hover {
      transform: translateY(-5px);
      border-color: #F4A261;
  }
  .icon-email:hover { background-color: #D44638; color: white; }
  .icon-x:hover { background-color: #000; color: white; }
  .icon-linkedin:hover { background-color: #0077B5; color: white; }
  .icon-facebook:hover { background-color: #1877F2; color: white; }

  .footer-buttons {
      display: flex;
      justify-content: center;
      gap: 15px;
      flex-wrap: wrap;
      margin-bottom: 40px;
  }
  .btn-cta {
      padding: 12px 25px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 600;
      font-family: 'Montserrat', sans-serif;
      transition: all 0.3s ease;
  }
  .btn-cta.orange {
      background-color: #F36F21;
      color: white;
  }
  .btn-cta.blue {
      background-color: #0a235a;
      color: white;
      border: 1px solid #2a4a9a;
  }
  .btn-cta:hover {
      transform: scale(1.05);
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  }
  .footer-bottom {
      border-top: 1px solid #333;
      padding-top: 20px;
      font-size: 0.9rem;
      color: #888;
  }

  @media (max-width: 600px) {
      h1 { font-size: 2.2rem; }
      h2 { font-size: 1.3rem; }
      .social-icons { gap: 10px; }
  }