/* Ristorante Renato · Galleria con visore integrato · v41 */
.renato-media-gallery{align-items:start}
.renato-media-gallery .renato-media-card{position:relative;display:block;overflow:hidden;background:#211a15;border:1px solid rgba(183,141,89,.23);transition:border-color .2s,transform .2s}
.renato-media-gallery .renato-media-card:hover{border-color:#cba57b;transform:translateY(-2px)}
.renato-media-gallery .renato-media-card:focus-visible{outline:2px solid #e2bd8e;outline-offset:3px}
.renato-media-gallery .renato-media-card>img,.renato-media-gallery .renato-video-thumb{display:block;width:100%;height:280px;object-fit:cover}
.renato-media-gallery .renato-media-card>img{transition:transform .35s}
.renato-media-gallery .renato-media-card:hover>img{transform:scale(1.03)}
.renato-media-gallery .renato-video-thumb{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#493d30,#211a15 76%)}
.renato-media-gallery .renato-video-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.65}
.renato-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid!important;place-items:center;width:66px;height:66px;border-radius:50%;border:1px solid #d6b789;background:rgba(20,13,9,.77);color:#e8c99c!important;font-size:25px!important;line-height:1!important;padding-left:4px}
.renato-video-label{position:absolute;left:12px;top:12px;background:rgba(20,13,9,.85);padding:3px 8px;color:#ead2ae!important;letter-spacing:.14em!important;font-size:10px!important}
.renato-media-gallery .renato-media-caption{display:block;padding:10px 12px;color:#c9b7a2;font-size:13px;line-height:1.5}
.renato-lightbox[hidden]{display:none!important}
.renato-lightbox{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:rgba(9,8,7,.975);color:#f3e9db;padding:0 max(10px,2.2vw) 10px;overscroll-behavior:contain}
.renato-lightbox button{border:1px solid rgba(218,178,124,.42);background:rgba(33,26,20,.82);color:#edd2a9;cursor:pointer;display:grid;place-items:center;min-width:48px;min-height:46px;border-radius:3px;font-size:28px;line-height:1;transition:background .15s,color .15s}
.renato-lightbox button:hover,.renato-lightbox button:focus-visible{background:#d9b88e;color:#201811}
.renato-lightbox button[hidden]{display:none!important}
.renato-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px}
#renato-media-position{font-size:12px;letter-spacing:.16em;color:#cfb89c}
.renato-lightbox-actions{display:flex;gap:8px}
.renato-lightbox-content{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:5px}
.renato-lightbox-stage{min-height:0;height:100%;min-width:0;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:pan-y}
.renato-lightbox-media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.renato-lightbox-stage video{max-width:100%;max-height:100%;width:min(100%,1180px);height:auto;background:#000;outline:none}
.renato-lightbox-prev,.renato-lightbox-next{height:68px;font-size:48px!important}
.renato-lightbox-caption{min-height:42px;text-align:center;color:#e0c6a6;font-size:14px;line-height:1.5;padding:10px 12px}
.renato-admin-video{display:block;width:100%;height:140px;object-fit:cover;background:#13100d}
@media(max-width:700px){
 .renato-media-gallery .renato-media-card>img,.renato-media-gallery .renato-video-thumb{height:220px}
 .renato-lightbox{padding:0 5px 6px}
 .renato-lightbox-top{min-height:56px;padding:0 5px}
 .renato-lightbox button{min-width:40px;min-height:42px}
 .renato-lightbox-content{grid-template-columns:40px minmax(0,1fr) 40px;gap:1px}
 .renato-lightbox-prev,.renato-lightbox-next{height:60px;font-size:40px!important}
 .renato-lightbox-caption{font-size:12px;min-height:50px}
}
@media(prefers-reduced-motion:reduce){.renato-media-gallery .renato-media-card,.renato-media-gallery .renato-media-card>img{transition:none}}
