.pchx { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
    background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .25s; padding: 16px; box-sizing: border-box; }
.pchx[hidden] { display: none; }
.pchx.pchx-abierto { opacity: 1; }

.pchx-caja { position: relative; background: var(--pchx-fondo, #fff); width: var(--pchx-ancho, 600px); max-width: 100%;
    max-height: 90vh; overflow: auto; border-radius: 8px; padding: 24px; box-sizing: border-box;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .35); transition: transform .25s; }

.pchx-cerrar { position: absolute; top: 6px; right: 10px; border: 0; background: none; font-size: 30px; line-height: 1;
    cursor: pointer; color: inherit; padding: 4px 8px; }

.pchx-contenido > :first-child { margin-top: 0; }
.pchx-contenido > :last-child { margin-bottom: 0; }
.pchx-contenido img, .pchx-contenido video { max-width: 100%; height: auto; }
.pchx-contenido iframe { max-width: 100%; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }

/* Posiciones en esquina: sin fondo oscuro */
.pchx-abajo-der, .pchx-abajo-izq { inset: auto 0 0 auto; background: none; padding: 16px; pointer-events: none; display: block; }
.pchx-abajo-izq { inset: auto auto 0 0; }
.pchx-abajo-der .pchx-caja, .pchx-abajo-izq .pchx-caja { pointer-events: auto; width: min(var(--pchx-ancho, 600px), 420px); }

/* Animaciones */
.pchx-anim-zoom .pchx-caja { transform: scale(.9); }
.pchx-anim-slide .pchx-caja { transform: translateY(40px); }
.pchx-abierto.pchx-anim-zoom .pchx-caja,
.pchx-abierto.pchx-anim-slide .pchx-caja { transform: none; }

@media (max-width: 600px) {
    .pchx-abajo-der, .pchx-abajo-izq { inset: auto 0 0 0; }
    .pchx-abajo-der .pchx-caja, .pchx-abajo-izq .pchx-caja { width: 100%; }
}