/* Romana 2026 — facciata disegnata per negozi e uffici senza foto (tenda a righe, vetrine, porta). Valida ovunque compaia l'immobile:
   mini-sito, elenco e scheda del portale generale. Ogni regola e' prefissata per battere il CSS del portale; i colori sono locali. */
html:not(#_) .rn-shopfront, html:not(#_) .rn-listshop, html:not(#_) .rn-detailshop { --rn-fuc: #c2491d; --rn-orange: #fc9025; --rn-blue-d: #2b4d6f; --rn-sky: #e6eef5; --rn-ease: cubic-bezier(.2, .8, .2, 1); }
html:not(#_) .rn-shopfront { position: absolute; inset: 0; display: grid; grid-template-rows: 27% 1fr; background: linear-gradient(180deg, #dce6f0 0 58%, #cfc6b8 58%); overflow: hidden; }
html:not(#_) .rn-shopfront::before { content: ""; position: absolute; inset: 27% 0 0; background: #efe7d8; }
html:not(#_) .rn-awning { position: relative; z-index: 1; display: block; background: repeating-linear-gradient(90deg, var(--rn-fuc) 0 14px, #fff7ea 14px 28px); transform-origin: 50% 0; transition: transform 1s var(--rn-ease); }
html:not(#_) .rn-awning::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; background: radial-gradient(circle at 14px 0, var(--rn-fuc) 13px, transparent 14px) 0 0 / 56px 10px repeat-x, radial-gradient(circle at 42px 0, #fff7ea 13px, transparent 14px) 0 0 / 56px 10px repeat-x; }
html:not(#_) .rn-card:hover .rn-awning { transform: skewX(-2deg) scaleY(1.04); }
html:not(#_) .rn-windows { position: relative; z-index: 1; display: flex; gap: 6px; padding: 18px 7% 0; align-items: stretch; }
html:not(#_) .rn-windows b { position: relative; flex: 1; overflow: hidden; border: 3px solid #394b5f; border-bottom: 0; border-radius: 3px 3px 0 0; background: linear-gradient(135deg, #8fb0cf 0 38%, #b7d0e6 38% 50%, #8fb0cf 50%); }
html:not(#_) .rn-windows b::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .55) 46%, transparent 62%); transform: translateX(-120%); transition: transform 1s var(--rn-ease); }
html:not(#_) .rn-card:hover .rn-windows b::after { transform: translateX(120%); }
html:not(#_) .rn-windows em { flex: .5; margin-left: 5px; border: 3px solid #394b5f; border-bottom: 0; border-radius: 3px 3px 0 0; background: #4a5e75; }
html:not(#_) .rn-shopfront u { position: absolute; inset: 0; z-index: 2; text-decoration: none; background: radial-gradient(circle at 84% 108%, rgba(252, 144, 37, .28), transparent 55%); }
html:not(#_) .rn-shopfront--ufficio .rn-awning { background: linear-gradient(180deg, var(--rn-blue-d), #1d3550); }
html:not(#_) .rn-shopfront--ufficio .rn-awning::after { display: none; }
html:not(#_) .rn-shopfront--ufficio .rn-windows b { background: repeating-linear-gradient(90deg, rgba(57, 75, 95, .55) 0 2px, transparent 2px 22px), repeating-linear-gradient(0deg, rgba(57, 75, 95, .55) 0 2px, transparent 2px 22px), linear-gradient(135deg, #8fb0cf, #b7d0e6); }
html:not(#_) .rn-shopfront--n4 .rn-windows em, html:not(#_) .rn-shopfront--n5 .rn-windows em, html:not(#_) .rn-shopfront--n6 .rn-windows em { display: none; }
html:not(#_) .rn-listshop { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--rn-sky); }
html:not(#_) .rn-detailshop { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
html:not(#_) .rn-detailshop .rn-awning { transform-origin: 50% 0; }
html:not(#_) .portal-result-media > .rn-listshop { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
html:not(#_) .similar-thumb > .rn-listshop { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
html:not(#_) .similar-thumb > .similar-agency-logo { z-index: 1; }