/* /propuestas/software-suiter/ — piezas propias */
.pp-modulos .pp-tarjeta{display:block;color:inherit;text-decoration:none}
.pp-modulos .pp-tarjeta img{aspect-ratio:16/10}
.pp-modulos .pp-tarjeta p{font-size:15px}
.pp-pantallas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.pp-pantallas .pp-foto img{aspect-ratio:16/9;object-fit:cover}
.pp-pantallas .pp-foto.grande{grid-column:1/-1}
.pp-pantallas .pp-foto.grande img{aspect-ratio:1441/902;object-fit:contain;background:#fff}
.pp-videos>div h3{margin:18px 0 6px}
.pp-videos>div p{margin:0}
.pp-plantas{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pp-plantas li{padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;font:500 15px/1.3 var(--tit);background:rgba(255,255,255,.04)}
.pp-sec.azul mark.pp-confirmar{color:#5c4a00}
@media (max-width:900px){.pp-pantallas{grid-template-columns:1fr 1fr}.pp-plantas{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pp-pantallas{grid-template-columns:1fr}}
/* tras un bloque gris o azul, el siguiente blanco recupera su aire (prop.css se lo quitaba) */
.pp-sec.gris+.pp-sec:not(.gris):not(.azul),.pp-sec.azul+.pp-sec:not(.gris):not(.azul){padding-top:84px}
@media (max-width:900px){.pp-sec.gris+.pp-sec:not(.gris):not(.azul),.pp-sec.azul+.pp-sec:not(.gris):not(.azul){padding-top:60px}}
.pp-sec.azul p.pp-ante{color:#ff8fa3!important}