home-iconhome-iconhome-iconhome-icon/* =========================================================== INICIO: /aniv-65/assets/css/mural.css v.5.7.6 ROL: Restauración Card + Trigger de Carga de Cache =========================================================== */
:root { --c-borde: #D7A07E; --c-sombra-1: rgba(215, 160, 126, .35); --c-sombra-2: rgba(238, 215, 200, .65); --gap-base: 1.6em; }
.mural-level.level-2 { width: 100%; display: flex; justify-content: center; background: #ffffff; overflow: hidden; }
.mural-map-shell { position: relative; width: 1280px; height: 310px; background: #ffffff; }
#mapPH { position: absolute; top: 0; left: 0; width: 1280px; z-index: 110; text-align: center; }
#mapPH img { width: 1280px; height: 300px; display: block; margin: 10px auto; object-fit: cover; }
#mapa-saludos { width: 1280px; height: 300px; margin: 10px auto; z-index: 100; }
.wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1rem; display: grid; grid-template-columns: 1fr; gap: var(--gap-base); }
.card { width: 100%; height: 400px; border: .3px solid #77241C; border-radius: 0 0 12px 12px; box-shadow: 6px 6px 12px var(--c-sombra-1), 8px 8px 20px var(--c-sombra-2); background: rgba(255, 255, 255, .5); display: flex; flex-direction: column; position: relative; padding-bottom: 10px; pointer-events: auto; }
.ubicacion { font-family: Arial Narrow, sans-serif; font-size: 16px; line-height: 17px; letter-spacing: 0.8px; hyphens: auto; padding: 3px 10px; }
.vecino { padding: 5px 3px 10px 10px; font-family: 'Merriweather', serif; color: #8F2B22; font-size: 1.1em; line-height: 1em; letter-spacing: 0.4px; hyphens: auto; }
.scroll-area { max-height: 180px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--c-borde) transparent; padding-right: 2px; -webkit-overflow-scrolling: touch; }
.scroll-area::-webkit-scrollbar { width: 6px; }
.scroll-area::-webkit-scrollbar-thumb { background-color: var(--c-borde); border-radius: 10px; }
.mensaje { padding: 1px 3px 10px 10px; font-size: 0.89em; line-height: 1.13em; letter-spacing: 0.4px; white-space: pre-line; word-break: break-word; }
.files { padding: 7px 10px 10px 10px; font-size: 0.88em; line-height: 1.1em; letter-spacing: 0.4px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: auto; }
.cue-arrow { animation: arrow-pulse 1.8s infinite ease-in-out; }
@keyframes arrow-pulse { 0%, 100% { transform: translateY(0); opacity: 0.4; } 50% { transform: translateY(12px); opacity: 1; } }
@media (min-width:768px) { .wrap { grid-template-columns: repeat(3, 1fr); } .mensaje { padding: 0.4px 10px; font-size: 0.96em; line-height: 1.3em; letter-spacing: 0.4px; } }
@media (min-width:1024px) { .wrap { grid-template-columns: repeat(4, 1fr); } .mensaje { padding: 0.4px 10px; font-size: 0.88em; line-height: 1.26em; letter-spacing: 0.4px; } }
/* FIN: /aniv-65/assets/css/mural.css v.5.7.6 */