.card-panorama,.essence-panorama{position:absolute;left:15px;bottom:15px;padding:9px 14px;border:1px solid #ffffff70;border-radius:24px;background:#203a2ee8;color:white;font-size:12px;box-shadow:0 2px 12px #0003}
.essence-panorama{bottom:45px;z-index:1}
.panorama{position:relative;height:430px;background:#14271e;color:white;isolation:isolate}
#gallery-panorama{height:min(65vh,620px)}
.panorama-stage{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.panorama-stage:focus-visible{outline:3px solid #d9c18f;outline-offset:-4px}
.panorama-toolbar{position:absolute;z-index:2;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #ffffff45;border-radius:9px;background:#172c23ee;max-width:calc(100% - 16px)}
.panorama-toolbar button{width:38px;height:40px;flex-shrink:0;border-radius:5px;font-size:23px;line-height:1;background:transparent;color:white}
.panorama-toolbar button:hover{background:#ffffff25}
.panorama-toolbar button:disabled{opacity:.4;cursor:wait}
.panorama-badge{font-size:12px;font-weight:700;padding:0 8px}
.panorama-hint{position:absolute;z-index:2;bottom:12px;left:12px;right:12px;text-align:center;font-size:11px;text-shadow:0 1px 4px #000;background:#172c23b3;border-radius:4px;padding:3px 6px;pointer-events:none}
.panorama-status:not(:empty){position:absolute;z-index:2;top:64px;left:20px;right:20px;text-align:center;background:#172c23ed;border-radius:6px;padding:12px;font-size:13px}
.panorama-fallback{position:absolute;z-index:2;top:150px;left:20px;background:var(--surface-raised);color:var(--text);padding:12px 18px;border-radius:5px;font-size:13px}
.panorama .pnlm-error-msg{display:none!important}
dialog .dialog-close{z-index:5}
.panorama:fullscreen,#gallery-panorama:fullscreen{width:100%;height:100%;border-radius:0}
@media(max-width:760px){.panorama{height:370px}#gallery-panorama{height:60vh;min-height:290px}.panorama-toolbar{gap:0;padding:4px}.panorama-toolbar button{width:35px;height:40px}.panorama-badge{padding:0 5px;font-size:10px}.panorama-hint{font-size:10px}.essence-panorama{font-size:11px;left:10px}}

/* Inline 360° view fills the same responsive frame as the other card images. */
.card-inline-panorama{width:100%;height:100%}
.card-inline-panorama .panorama{height:100%;width:100%}
.card-inline-panorama .panorama-toolbar{gap:2px;padding:4px;bottom:36px}
.card-inline-panorama .panorama-toolbar button{width:28px;height:30px;font-size:20px}
.card-inline-panorama .panorama-badge{padding:0 4px;font-size:10px}
.card-inline-panorama .panorama-hint{bottom:6px;font-size:10px;line-height:1.4}

.hero-inline-panorama{position:absolute;inset:0}
.hero-inline-panorama .panorama{width:100%;height:100%}
.panorama[data-panorama-automatic] .panorama-stage{pointer-events:none;touch-action:pan-y}
.hero-shade,.hero-content,.hero-bottom{pointer-events:none}
.hero-content a,.hero-bottom a{pointer-events:auto}
.hero-inline-panorama .panorama-toolbar{left:auto;right:20px;bottom:100px;transform:none}
.hero-inline-panorama .panorama-hint{left:auto;right:20px;bottom:74px}
.hero .photo-credit{bottom:160px}
.essence-inline-panorama{height:415px;border-radius:8px;overflow:hidden}
.essence-inline-panorama .panorama{height:100%}
.essence-inline-panorama .panorama-toolbar{top:12px;bottom:auto}
.essence-images .stamp{pointer-events:none}
@media(max-width:760px){
  .essence-inline-panorama{height:320px}
  .essence-inline-panorama .panorama-toolbar button{width:28px}
  .hero-inline-panorama .panorama-toolbar{left:7%;right:auto;bottom:100px}
  .hero-inline-panorama .panorama-hint{left:7%;right:auto;bottom:74px}
  .hero .photo-credit{left:auto;right:12px;top:12px;bottom:auto}
}

/* Las panorámicas externas se montan directamente, sin pantalla de reproducción. */
.drive-cover{position:relative}
.drive-inline-panorama{position:absolute;inset:0}
.drive-inline-panorama .panorama{width:100%;height:100%}
.drive-cover .drive-poster{width:100%;height:100%;object-fit:cover}
.drive-expand{position:absolute;z-index:3;top:12px;right:12px;background:#14271ee8;color:white;padding:8px 12px;border:1px solid #ffffff55;border-radius:20px;font-size:11px}
.drive-caption,.drive-cover>.food-photo-count{pointer-events:none}
.drive-caption{padding-top:64px}
.drive-cover .food-photo-count{z-index:2}
.drive-cover .panorama-direct .panorama-toolbar{top:12px;left:12px;right:auto;bottom:auto;transform:none;padding:6px;pointer-events:none}
.panorama-direct .panorama-toolbar{padding:8px;pointer-events:none}
.panorama-direct .panorama-hint{bottom:10px}
.drive-cover .panorama-hint{left:10px;right:auto;bottom:10px;max-width:58%;font-size:10px;text-align:left}
.drive-cover.food-feature .panorama-hint{display:none}
.food-viewer>.panorama{position:absolute;inset:0;width:100%;height:100%}