:root{--blog-ink:#15132f;--blog-muted:#667085;--blog-soft:#f4f6fb;--blog-line:#e4e7ec;--blog-accent:#ff5f87;--blog-orange:#ff8738;--blog-card:#fff}
.blog-hero{padding:72px 0 42px;background:linear-gradient(145deg,#f8f9ff 0%,#fff5f8 100%)}
.blog-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:38px;align-items:center}
.blog-hero h1{font-size:clamp(2.7rem,6vw,5.3rem);line-height:.94;margin:.2rem 0 1rem;color:var(--blog-ink)}
.blog-hero p{font-size:clamp(1.05rem,2vw,1.3rem);max-width:760px;color:var(--blog-muted)}
.blog-live{background:var(--blog-card);border:1px solid var(--blog-line);border-radius:28px;padding:24px;box-shadow:0 20px 55px rgba(21,19,47,.1)}
.blog-live strong{display:block;font-size:1.2rem;margin-bottom:.5rem}.blog-live span{color:var(--blog-muted)}
.blog-page{padding:48px 0 80px}.blog-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.blog-section-head h2{margin:0;font-size:clamp(2rem,4vw,3.2rem)}
.event-grid,.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.event-card,.post-card{background:#fff;border:1px solid var(--blog-line);border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(21,19,47,.06)}
.event-card{padding:28px;position:relative}.event-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--blog-accent),var(--blog-orange))}.event-card h3{font-size:1.7rem;margin:.55rem 0}.event-card p,.post-card p{color:var(--blog-muted)}
.event-meta,.post-meta{display:flex;flex-wrap:wrap;gap:8px;margin:.5rem 0 1rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:var(--blog-soft);font-size:.85rem;font-weight:700;color:var(--blog-ink)}
.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--blog-soft)}.post-card__body{padding:20px}.post-card h3{font-size:1.3rem;line-height:1.15;margin:.5rem 0}.post-card a{text-decoration:none;color:inherit}
.rating{letter-spacing:2px;color:#f4a000}.empty-state{grid-column:1/-1;border:1px dashed var(--blog-line);padding:32px;border-radius:20px;text-align:center;color:var(--blog-muted)}
.blog-detail{max-width:920px;margin:0 auto;padding:54px 20px 90px}.blog-detail h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1;margin:.5rem 0 1rem}.blog-detail__lead{font-size:1.25rem;color:var(--blog-muted)}.blog-detail__image{width:100%;max-height:620px;object-fit:cover;border-radius:24px;margin:28px 0}.blog-detail__content{font-size:1.1rem;line-height:1.7}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.quick-admin{max-width:1120px;margin:0 auto;padding:30px 20px 70px}.quick-admin h1{font-size:clamp(2.2rem,5vw,4rem);margin:.2rem 0}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.admin-card{background:#fff;border:1px solid var(--blog-line);border-radius:22px;padding:24px;box-shadow:0 12px 32px rgba(21,19,47,.06)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cfd4dc;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}.form-field textarea{min-height:130px;resize:vertical}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-grid label{font-weight:500;display:flex;gap:8px;align-items:center}.status-msg{margin-top:12px;font-weight:800}.admin-post-list{display:grid;gap:12px}.admin-post-item{border:1px solid var(--blog-line);border-radius:14px;padding:14px}.admin-post-item strong{display:block}.admin-post-item small{color:var(--blog-muted)}
@media(max-width:900px){.blog-hero__grid,.admin-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.event-grid,.post-grid,.form-grid{grid-template-columns:1fr}.blog-hero{padding-top:38px}.blog-page{padding-top:30px}.blog-section-head{display:block}.gallery{grid-template-columns:1fr}.quick-admin{padding-inline:14px}.admin-card{padding:18px}.check-grid{grid-template-columns:1fr}}

/* Panda en Acción v1.3 — cobertura en vivo */
.live-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.live-topbar div{display:flex;gap:16px}.live-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.live-heading h1{margin:8px 0 6px}.live-heading p{max-width:760px;margin:0;color:var(--muted)}.live-indicator{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #dce2eb;border-radius:999px;background:#fff;font-weight:700;white-space:nowrap}.live-indicator span{width:10px;height:10px;border-radius:50%;background:#19bd72;box-shadow:0 0 0 6px rgba(25,189,114,.12)}.live-admin-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr)}.live-form-card{padding:26px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crm-live-box{border:1px solid #dfe4ec;border-radius:18px;background:#f8fafc;padding:0}.crm-live-box summary{cursor:pointer;padding:15px 17px;font-weight:800}.crm-live-box summary span{font-weight:500;color:var(--muted);font-size:.85rem}.crm-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 17px 17px}.crm-check{align-self:end;padding-bottom:10px}.crm-check label{display:flex;align-items:center;gap:9px}.submit-field{align-self:end}.submit-field .btn{width:100%;min-height:52px}.submit-field .btn:disabled{opacity:.7;cursor:wait}.status-msg{min-height:0;border-radius:14px}.status-msg:not(:empty){padding:13px 15px;border:1px solid #dfe4ec;background:#f8fafc}.status-msg strong,.status-msg small{display:block}.status-msg small{margin-top:4px;color:var(--muted)}.status-msg.success{background:#edfff6;border-color:#a9e9ca;color:#075f3b}.status-msg.error{background:#fff2f3;border-color:#ffc8ce;color:#8a1523}.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.photo-preview figure{position:relative;margin:0;overflow:hidden;border-radius:12px;aspect-ratio:1;background:#eef1f6}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview figcaption{position:absolute;left:5px;bottom:5px;padding:4px 7px;border-radius:999px;background:rgba(13,9,41,.78);color:#fff;font-size:.7rem}.sidebar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sidebar-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:5px 0 18px}.icon-refresh{border:1px solid #dfe4ec;background:#fff;border-radius:12px;width:42px;height:42px;font-size:1.35rem;cursor:pointer}.admin-post-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.admin-post-item div{display:grid;gap:5px}.post-potential{font-size:.7rem;font-weight:800;padding:5px 8px;border-radius:999px;background:#eef1f6}.post-potential.high{background:#ffe8ec;color:#a21633}.post-potential.medium{background:#fff5d8;color:#735200}.post-potential.low{background:#e9f6ff;color:#135a87}.live-help{margin-top:22px;padding-top:18px;border-top:1px solid #e1e5ec}.live-help p{font-size:.86rem;color:var(--muted)}.live-help code{word-break:break-all}.form-field input[type="file"]{background:#fff}
@media(max-width:980px){.live-admin-grid{grid-template-columns:1fr}.live-sidebar{order:2}.live-heading{align-items:flex-start;flex-direction:column}.crm-live-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.quick-admin{padding-left:14px;padding-right:14px}.live-topbar{align-items:flex-start}.live-topbar div{flex-direction:column;gap:4px}.live-form-card{padding:17px}.field-pair,.crm-live-grid{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(3,1fr)}.live-indicator{font-size:.82rem}.form-grid{gap:13px}}

/* Panda en Acción v1.4 — escala tipográfica corporativa */
.blog-hero{
  padding:58px 0 38px;
}
.blog-hero h1{
  font-size:clamp(2.35rem,4.35vw,4.05rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em;
  margin:.35rem 0 .8rem;
}
.blog-hero p{
  font-size:clamp(1rem,1.55vw,1.16rem) !important;
  line-height:1.5;
  max-width:720px;
}
.blog-section-head h2{
  font-size:clamp(1.95rem,3.1vw,2.8rem) !important;
  line-height:1.04;
  letter-spacing:-.035em;
}
.blog-live{
  padding:22px;
}
@media(max-width:640px){
  .blog-hero{padding:38px 0 30px}
  .blog-hero h1{font-size:clamp(2.2rem,11vw,3rem) !important}
  .blog-section-head h2{font-size:clamp(1.9rem,9vw,2.45rem) !important}
}