/* Performance Media — páginas interiores (legales, nosotros, autor)
   Sistema de diseño único: usa los tokens de pm-chrome.css (:root) y la misma
   escala que Home (Poppins, rojo #E62F29, tinta #141414, crema #EFEAE5).
   Estructura: .pm-page > secciones de ancho completo > .pm-container (1180px). */

body.pm-inner{ margin:0; font-family:'Poppins','Poppins Fallback','Liberation Sans',sans-serif; line-height:1.5; }
.pm-main{ display:block; }
.pm-page{ --pm-body:#4A4A4A; --pm-red-soft:#FF6B5F; }
:where(.pm-page) *,:where(.pm-page) *::before,:where(.pm-page) *::after{ box-sizing:border-box; }
:where(.pm-page) :is(h1,h2,h3,p,ul,table){ margin:0; padding:0; }
:where(.pm-page) ul{ list-style:none; }
:where(.pm-page) a{ color:inherit; text-decoration:none; }

.pm-container{ max-width:1180px; margin:0 auto; padding:0 40px; }

/* ── Eyebrows ─────────────────────────────────────────────────────────────── */
.pm-eyebrow,.pm-about-eyebrow,.pm-author-eyebrow,
.pm-section-eyebrow,.pm-posts-eyebrow,.pm-page .pm-about-eyebrow{
  display:block; font-size:13px; letter-spacing:.2em; text-transform:uppercase;
  font-weight:700; color:var(--red); margin-bottom:14px;
}

/* ── Hero oscuro (legales, nosotros, autor) ───────────────────────────────── */
.pm-legal-hero,.pm-about-hero,.pm-author-hero{
  position:relative; overflow:hidden; background:var(--ink); color:#fff;
  padding:72px 0 64px;
}
.pm-legal-hero::before,.pm-about-hero::before,.pm-author-hero::before{
  content:''; position:absolute; width:900px; height:900px; border-radius:50%;
  top:-460px; right:-260px; pointer-events:none;
  background:radial-gradient(circle,rgba(230,47,41,.28),rgba(230,47,41,.05) 55%,transparent 70%);
}
.pm-legal-hero .pm-container,.pm-about-hero .pm-container,.pm-author-hero .pm-container{ position:relative; }
.pm-legal-hero .pm-eyebrow,.pm-about-hero .pm-about-eyebrow,.pm-author-hero .pm-author-eyebrow{ color:var(--pm-red-soft); }
.pm-legal-hero h1,.pm-about-h1,.pm-author-name{
  font-size:clamp(34px,4.6vw,56px); font-weight:800; line-height:1.05;
  letter-spacing:-.025em; color:#fff;
}
.pm-legal-hero h1{ margin-bottom:14px; }
.pm-legal-hero p{ font-size:15px; color:var(--muted-dark); }

/* Nosotros: hero a dos columnas */
.pm-about-hero .pm-container{ display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:center; }
.pm-about-h1{ margin-bottom:22px; }
.pm-about-lead{ font-size:18px; line-height:1.65; color:var(--muted-dark); max-width:600px; }
.pm-hero-aside{ display:grid; gap:14px; }
.pm-hero-stat{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  border-radius:16px; padding:22px 26px;
}
.pm-hero-stat-n{ font-size:40px; font-weight:800; letter-spacing:-.02em; line-height:1; color:var(--pm-red-soft); }
.pm-hero-stat-l{ font-size:14px; color:var(--muted-dark); margin-top:8px; line-height:1.45; }

/* Autor: hero con avatar */
.pm-author-hero .pm-container{ display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:start; }
.pm-author-avatar{
  width:120px; height:120px; border-radius:50%; flex:0 0 120px;
  background:linear-gradient(135deg,var(--red),var(--red2));
  display:flex; align-items:center; justify-content:center;
}
.pm-author-initials{ font-size:36px; font-weight:800; color:#fff; letter-spacing:-.02em; }
.pm-author-name{ margin-bottom:10px; }
.pm-author-role{ font-size:18px; color:#D8D3CB; margin-bottom:6px; }
.pm-author-location{ font-size:14px; color:var(--muted-dark); margin-bottom:24px; }
.pm-author-bio{ font-size:16px; line-height:1.7; color:#D8D3CB; max-width:680px; margin-bottom:28px; }
.pm-author-links{ display:flex; gap:12px; flex-wrap:wrap; }
.pm-author-link{
  display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#fff;
  border:1px solid rgba(255,255,255,.25); padding:12px 20px; border-radius:12px;
  transition:border-color .15s,opacity .15s;
}
.pm-author-link:hover{ border-color:rgba(255,255,255,.55); }
.pm-author-link-cta,.pm-cta-btn{
  background:linear-gradient(135deg,var(--red),var(--red2)); color:#fff; border-color:transparent;
}
.pm-author-link-cta:hover,.pm-cta-btn:hover{ opacity:.9; border-color:transparent; }

/* Banda de cifras (autor) */
.pm-author-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:var(--ink2); color:#fff; }
.pm-stat-item{ padding:36px 40px; border-right:1px solid rgba(255,255,255,.1); }
.pm-stat-item:last-child{ border-right:none; }
.pm-stat-n{ font-size:40px; font-weight:800; letter-spacing:-.02em; line-height:1; color:var(--pm-red-soft); }
.pm-stat-lbl{ font-size:14px; color:var(--muted-dark); margin-top:10px; line-height:1.45; }

/* ── Secciones de contenido ───────────────────────────────────────────────── */
.pm-legal-body,.pm-mission,.pm-timeline,.pm-values,.pm-methodology,.pm-team,
.pm-author-about,.pm-author-posts{ padding:80px 0; background:var(--paper); }
.pm-timeline,.pm-methodology,.pm-author-posts{ background:var(--cream); }

.pm-section-h,.pm-about-h,.pm-posts-h{
  font-size:clamp(28px,3.4vw,40px); font-weight:800; line-height:1.1;
  letter-spacing:-.02em; color:var(--ink); margin-bottom:20px;
}
.pm-body-p,.pm-about-p{ font-size:16px; line-height:1.75; color:var(--pm-body); margin-bottom:16px; }
.pm-body-p:last-child,.pm-about-p:last-child{ margin-bottom:0; }
.pm-mission-inner{ max-width:760px; }

/* Rejillas de tarjetas */
.pm-timeline-grid,.pm-values-grid,.pm-team-grid,.pm-posts-grid{ display:grid; gap:24px; margin-top:40px; }
.pm-timeline-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pm-values-grid,.pm-team-grid,.pm-posts-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pm-tl-item,.pm-value-card,.pm-team-card,.pm-post-card{
  background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:30px;
}
.pm-values .pm-value-card{ background:var(--soft); }
.pm-tl-year,.pm-value-num{ font-size:15px; font-weight:800; letter-spacing:.05em; color:var(--red); margin-bottom:12px; }
.pm-tl-title,.pm-value-title{ font-size:20px; font-weight:700; line-height:1.25; color:var(--ink); margin-bottom:10px; }
.pm-tl-desc,.pm-value-desc{ font-size:15px; line-height:1.6; color:var(--muted); }

/* Metodología */
.pm-methodology .pm-container{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.pm-method-list,.pm-list,.pm-expertise-list{ margin-top:8px; }
.pm-method-list li,.pm-list li,.pm-expertise-list li{
  position:relative; padding:12px 0 12px 26px;
  border-bottom:1px solid var(--line); font-size:15px; line-height:1.65; color:var(--pm-body);
}
.pm-method-list li:last-child,.pm-list li:last-child,.pm-expertise-list li:last-child{ border-bottom:none; }
.pm-method-list li::before,.pm-list li::before,.pm-expertise-list li::before{
  content:'—'; position:absolute; left:0; top:17px; color:var(--red); font-size:12px; line-height:1.65;
}
.pm-method-list li,.pm-list li,.pm-expertise-list li,.pm-section p{ overflow-wrap:anywhere; }
.pm-method-list strong,.pm-list strong,.pm-expertise-list strong{ color:var(--ink); font-weight:600; }
.pm-method-aside,.pm-contact-box,.pm-warning-box{
  background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--red);
  border-radius:0 14px 14px 0; padding:22px 26px; font-size:15px; line-height:1.7; color:var(--pm-body);
}
.pm-method-aside + .pm-method-aside{ margin-top:16px; }
.pm-method-aside--quiet{ border-left-color:var(--line); background:var(--soft); }
.pm-method-aside p{ margin-bottom:10px; }
.pm-method-aside p:last-child{ margin-bottom:0; }
.pm-method-aside strong,.pm-contact-box strong{ color:var(--ink); }
.pm-methodology .pm-section-eyebrow + .pm-method-aside{ margin-top:0; }

/* Equipo */
.pm-team-avatar{
  width:64px; height:64px; border-radius:50%; margin-bottom:18px;
  background:linear-gradient(135deg,var(--red),var(--red2));
  display:flex; align-items:center; justify-content:center;
}
.pm-team-initials{ font-size:20px; font-weight:800; color:#fff; }
.pm-team-name{ font-size:18px; font-weight:700; color:var(--ink); margin-bottom:4px; }
.pm-team-role{ font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--red); margin-bottom:12px; }
.pm-team-bio{ font-size:15px; line-height:1.6; color:var(--muted); }
.pm-team-link{ display:inline-block; margin-top:14px; font-size:14px; font-weight:600; color:var(--ink); border-bottom:1px solid var(--line); padding-bottom:2px; }
.pm-team-link:hover{ color:var(--red); border-color:var(--red); }
.pm-team-placeholder{
  border:1.5px dashed var(--line); border-radius:18px; padding:30px; min-height:200px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
}
.pm-team-placeholder p{ font-size:15px; line-height:1.6; color:var(--muted); }
.pm-team-placeholder a{ color:var(--red); font-weight:600; }

/* Autor: sobre / expertise / episodios */
.pm-author-about .pm-container{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.pm-post-card{ display:flex; flex-direction:column; gap:12px; }
.pm-post-tag{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--red); }
.pm-post-title{ font-size:18px; font-weight:700; line-height:1.35; color:var(--ink); }
.pm-post-title a:hover{ color:var(--red); }
.pm-post-excerpt{ font-size:15px; line-height:1.6; color:var(--muted); flex:1; }
.pm-post-meta{ font-size:13px; color:var(--muted); }

/* CTA final */
.pm-about-cta,.pm-author-cta{ background:var(--ink); color:#fff; text-align:center; padding:88px 40px; }
.pm-about-cta h2,.pm-author-cta h2{
  font-size:clamp(28px,3.6vw,42px); font-weight:800; line-height:1.1; letter-spacing:-.02em;
  max-width:640px; margin:0 auto 16px; color:#fff;
}
.pm-about-cta p,.pm-author-cta p{ font-size:18px; line-height:1.6; color:var(--muted-dark); max-width:560px; margin:0 auto 32px; }
.pm-cta-btn{ display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:600; padding:15px 26px; border-radius:12px; }

/* ── Legales: lectura cómoda ──────────────────────────────────────────────── */
.pm-legal-body .pm-container{ max-width:900px; }
.pm-section{ padding-bottom:48px; margin-bottom:48px; border-bottom:1px solid var(--line); }
.pm-section:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.pm-section h2{
  display:flex; align-items:baseline; gap:12px; font-size:22px; font-weight:700;
  letter-spacing:-.01em; color:var(--ink); margin-bottom:20px;
}
.pm-section h3{ font-size:16px; font-weight:700; color:var(--ink); margin:28px 0 10px; }
.pm-sec-n{ flex:0 0 auto; font-size:13px; font-weight:800; letter-spacing:.06em; color:var(--red); }
.pm-section p{ font-size:16px; line-height:1.75; color:var(--pm-body); margin-bottom:16px; }
.pm-section p:last-child{ margin-bottom:0; }
.pm-section a{ color:var(--red); }
.pm-section a:hover{ text-decoration:underline; }
.pm-section .pm-contact-box,.pm-section .pm-warning-box,.pm-section .pm-table{ margin:20px 0; }
.pm-contact-box a{ color:var(--red); }
.pm-warning-box{ border-left-color:#E0A100; background:#FFF8E8; }
.pm-update-note{ font-size:13px; font-style:italic; color:var(--muted); margin-top:32px; padding-top:20px; border-top:1px solid var(--line); }

.pm-table{ width:100%; border-collapse:collapse; font-size:14px; }
.pm-table th{
  text-align:left; padding:12px 16px; background:var(--cream); color:var(--muted);
  font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--line);
}
.pm-table td{ padding:14px 16px; border-bottom:1px solid var(--line); color:var(--pm-body); vertical-align:top; line-height:1.55; }
.pm-table td:first-child{ color:var(--ink); font-weight:500; width:40%; }
.pm-table tr:last-child td{ border-bottom:none; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width:1099px){
  .pm-container{ padding:0 24px; }
  .pm-timeline-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-values-grid,.pm-team-grid,.pm-posts-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px){
  .pm-about-hero .pm-container,.pm-methodology .pm-container,.pm-author-about .pm-container{ grid-template-columns:1fr; gap:36px; }
  .pm-author-hero .pm-container{ grid-template-columns:1fr; gap:28px; }
  .pm-author-stats{ grid-template-columns:1fr; }
  .pm-stat-item{ padding:28px 24px; border-right:none; border-bottom:1px solid rgba(255,255,255,.1); }
  .pm-stat-item:last-child{ border-bottom:none; }
  .pm-table td:first-child{ width:auto; }
}
@media (max-width:620px){
  .pm-container{ padding:0 20px; }
  .pm-legal-hero,.pm-about-hero,.pm-author-hero{ padding:48px 0 44px; }
  .pm-legal-body,.pm-mission,.pm-timeline,.pm-values,.pm-methodology,.pm-team,
  .pm-author-about,.pm-author-posts{ padding:56px 0; }
  .pm-timeline-grid,.pm-values-grid,.pm-team-grid,.pm-posts-grid{ grid-template-columns:1fr; gap:16px; margin-top:28px; }
  .pm-about-cta,.pm-author-cta{ padding:64px 20px; }
  .pm-section h2{ font-size:20px; }
  .pm-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .pm-table th{ white-space:nowrap; }
  .pm-table tr{ display:block; margin-bottom:16px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
  .pm-table td{ display:block; width:100%; border-bottom:1px solid var(--line); }
  .pm-table td:last-child{ border-bottom:none; }
}
@media (prefers-reduced-motion:reduce){ .pm-author-link,.pm-cta-btn{ transition:none; } }