/* Hero */
.pd-hero{ position:relative; min-height:48vh; background:#e9eef2 center/cover no-repeat; }
.pd-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:1; }
.pd-hinner{ position:relative; z-index:2; max-width:1000px; margin:0 auto; padding:4.5rem 2rem; color:#313131; text-align:center; }
.pd-title{ font-family:'Playfair Display',serif; font-size:clamp(2rem,4vw,3rem); margin-bottom:.75rem; }
.pd-resumen{ font-family:'Karla',sans-serif; font-size:clamp(1rem,2vw,1.25rem); opacity:.95; }

/* Cuerpo */
.pd-contenido{ max-width:1000px; margin:0 auto; padding:3rem 2rem; font-family:'Karla',sans-serif; line-height:1.75; color:#222; }
.pd-contenido p{ margin:0 0 1.2rem; }

/* Galería */
.pd-galeria{ padding:0 2rem 3.5rem; }
.pd-grid{ max-width:1200px; margin:0 auto; display:grid; gap:6px; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
.pd-thumb{ position:relative; overflow:hidden; cursor:pointer; }
.pd-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.pd-thumb:hover img{ transform:scale(1.06); }

/* Modal */
.pd-modal{
  position:fixed; inset:0; background:rgba(0,0,0,.9);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; z-index:9999; transition:opacity .3s ease;
}
.pd-modal.is-open{ pointer-events:auto; }
.pd-full{ max-width:90%; max-height:90vh; border-radius:4px; }
.pd-close,.pd-prev,.pd-next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:none; border:none; color:#fff; font-size:2.5rem; cursor:pointer; opacity:.85;
}
.pd-close{ top:2rem; right:2rem; transform:none; font-size:2rem; }
.pd-prev{ left:2rem; } .pd-next{ right:2rem; }
.pd-close:hover,.pd-prev:hover,.pd-next:hover{ opacity:1; }