.modulo-proyecto-detalle{padding:140px 24px 80px}
.modulo-proyecto-detalle .contenedor{max-width:900px}
.pd-volver{display:inline-block;margin-bottom:28px;color:var(--color-primario);font-weight:600;font-size:.9rem;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}
.pd-categoria{display:inline-block;color:var(--color-secundario);font-weight:600;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}
.modulo-proyecto-detalle h1{font-family:var(--fuente-titulos);color:var(--color-primario);font-size:2rem;margin-bottom:28px}

.pd-slider{position:relative;height:60vh;min-height:320px;max-height:520px;border-radius:var(--radio-borde);overflow:hidden;box-shadow:var(--sombra);margin-bottom:36px;background:#eee}
.pd-slides{position:absolute;inset:0}
.pd-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}
.pd-slide.activa{opacity:1}
.pd-flecha{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--color-primario);display:flex;align-items:center;justify-content:center;z-index:2}
.pd-flecha:hover{background:#fff}
.pd-flecha-izq{left:16px}
.pd-flecha-der{right:16px}
.pd-puntos{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.pd-punto{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);border:none;cursor:pointer;padding:0}
.pd-punto.activo{background:#fff}
.pd-sin-fotos{color:#888;font-size:.95rem;position:relative;display:flex;align-items:center;justify-content:center;height:100%}

.pd-subtitulo{font-family:var(--fuente-titulos);color:var(--color-primario);font-size:1.3rem;margin-bottom:16px}
.pd-detalle{white-space:pre-line;color:#444;font-size:1rem;line-height:1.8}

@media(max-width:768px){
  .modulo-proyecto-detalle{padding:104px 20px 56px}
  .modulo-proyecto-detalle h1{font-size:1.5rem}
}
@media(max-width:600px){
  .pd-slider{height:46vh;min-height:240px}
  .pd-flecha{width:38px;height:38px;font-size:1.3rem}
}