/* Modo portafolio */
.franja{background:var(--p-dark);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-align:center;padding:9px 12px;line-height:1.3;border-bottom:2px solid var(--a)}
.aviso-oculto{position:fixed;left:50%;bottom:90px;z-index:9600;margin:0;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;border-radius:12px;background:var(--p-dark);color:#fff;border:2px solid var(--a);font:600 15px/1.35 var(--body);text-align:center;box-shadow:0 20px 40px -14px rgba(0,0,0,.6);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .3s,transform .4s}
.aviso-oculto.ver{opacity:1;transform:translate(-50%,0)}
.map-oculto{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 40px),var(--p)}
.mo-txt{color:#fff;font:800 clamp(16px,2vw,22px)/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:0 16px}
.cards-img{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.cards-img{grid-template-columns:1fr}}
