/* ══ PÁGINA GENÉRICA ══ */

/* Cabecera */
.pg-head{
  padding:24px 0 20px;
  border-bottom:1px solid var(--line);
  margin-bottom:32px;
}
.pg-eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:9px;
  color:var(--river-blue);letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:8px;
}
.pg-title{
  font-family:'Fraunces',serif;font-weight:400;
  font-size:clamp(24px,4vw,32px);
  line-height:1.0;letter-spacing:-.015em;
  color:var(--ink-navy);margin:0;
}

/* Layout */
.pg-body{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-bottom:48px;
}

/* Artículo */
.pg-article{
  font-family:'Archivo',sans-serif;
  font-size:13px;line-height:1.7;
  color:var(--graphite);
}
.pg-article h2{
  font-family:'Fraunces',serif;font-weight:500;
  font-size:clamp(16px,2vw,18px);
  color:var(--ink-navy);letter-spacing:-.01em;
  margin:20px 0 8px;
}
.pg-article h2:first-child{margin-top:0;}
.pg-article p{margin:0 0 14px;opacity:.7;}
.pg-article ul,
.pg-article ol{margin:0 0 14px;padding-left:18px;opacity:.7;}
.pg-article li{margin-bottom:6px;}
.pg-article hr{border:none;border-top:1px solid var(--line);margin:20px 0;}
/* Separador decorativo estilo mockup */
.pg-article .wp-block-separator,
.pg-article hr.wp-block-separator{
  width:40px;height:2px;
  background:var(--ember);border:none;
  margin:18px 0;
}

/* Acordeón FAQ — CSS nativo con <details>/<summary> */
.pg-article details{
  border-top:1px solid var(--line);
}
.pg-article details:last-of-type{border-bottom:1px solid var(--line);}
.pg-article summary{
  font-family:'Archivo',sans-serif;font-size:13px;font-weight:500;
  color:var(--ink-navy);
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 0;cursor:pointer;list-style:none;
  line-height:1.3;
}
.pg-article summary::-webkit-details-marker{display:none;}
.pg-article summary::after{
  content:'+';font-size:16px;
  color:var(--ink-navy);opacity:.35;flex-shrink:0;margin-left:14px;
}
.pg-article details[open] summary::after{content:'−';}
.pg-article details p{
  font-size:12px;line-height:1.65;
  padding-bottom:12px;margin:0;
  max-width:560px;
}

/* Sidebar */
.pg-sidebar{display:none;}

/* ══ DESKTOP (≥1025) ══ */
@media(min-width:1025px){
  .pg-body{
    grid-template-columns:1fr 260px;
    gap:0;
    align-items:start;
  }
  .pg-article{
    border-right:1px solid var(--line);
    padding-right:40px;
    font-size:14px;
  }
  .pg-article h2{font-size:18px;}
  .pg-article summary{font-size:14px;}
  .pg-sidebar{
    display:flex;flex-direction:column;gap:20px;
    padding:0 0 0 28px;
  }
  .pg-sidebar-nav-label{
    font-family:'IBM Plex Mono',monospace;font-size:9px;
    color:var(--ink-navy);opacity:.4;
    letter-spacing:.08em;text-transform:uppercase;
    margin-bottom:12px;
  }
  .pg-sidebar-link{
    display:block;
    font-family:'Archivo',sans-serif;font-size:12px;
    color:var(--ink-navy);opacity:.7;
    padding:8px 0;border-bottom:1px solid var(--line);
    text-decoration:none;
    transition:opacity .12s;
  }
  .pg-sidebar-link:hover{opacity:1;}
  .pg-sidebar-link.current{
    color:var(--river-blue);font-weight:600;opacity:1;
  }
  .pg-sidebar-contact{
    background:var(--mist);padding:16px;
  }
  .pg-sidebar-contact-label{
    font-family:'IBM Plex Mono',monospace;font-size:9px;
    color:var(--ink-navy);letter-spacing:.08em;text-transform:uppercase;
    margin-bottom:6px;
  }
  .pg-sidebar-contact-text{
    font-family:'Archivo',sans-serif;font-size:12px;
    color:var(--ink-navy);opacity:.65;line-height:1.55;
    margin:0 0 12px;
  }
  .pg-sidebar-contact-email{
    font-family:'IBM Plex Mono',monospace;font-size:10px;
    color:var(--river-blue);text-decoration:underline;
  }
  .pg-sidebar-contact-email:hover{color:var(--ember);}
}

/* ══ TABLET (641–1024) ══ */
@media(min-width:641px) and (max-width:1024px){
  .pg-head{padding:28px 0 22px;}
  .pg-article{max-width:600px;}
  /* Sidebar se añade al final en mobile/tablet como bloque */
  .pg-sidebar{
    display:block;
    margin-top:36px;
    padding:20px;
    background:var(--mist);
  }
  .pg-sidebar-nav{display:none;}
  .pg-sidebar-contact-label{
    font-family:'IBM Plex Mono',monospace;font-size:9px;
    text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;
  }
  .pg-sidebar-contact-text{font-size:13px;margin:0 0 10px;}
  .pg-sidebar-contact-email{
    font-family:'IBM Plex Mono',monospace;font-size:10px;
    color:var(--river-blue);text-decoration:underline;
  }
}

/* ══ MOBILE ══ */
@media(max-width:640px){
  .pg-head{padding:20px 0 16px;}
  .pg-title{font-size:24px;}
  .pg-sidebar{
    display:block;margin-top:28px;
    padding:16px;background:var(--mist);
  }
  .pg-sidebar-nav{display:none;}
  .pg-sidebar-contact-label{
    font-family:'IBM Plex Mono',monospace;font-size:9px;
    text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;
  }
  .pg-sidebar-contact-text{font-size:12px;margin:0 0 10px;}
  .pg-sidebar-contact-email{
    font-family:'IBM Plex Mono',monospace;font-size:10px;
    color:var(--river-blue);text-decoration:underline;
  }
}