/* Small, shared cinema details. Icons always have an explicit painted stroke. */
.icon{display:inline-block;flex:0 0 auto;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.icon--star{color:#e4bd73;fill:#e4bd73;stroke:#e4bd73;stroke-width:1.2}
.card-caption p{display:flex;align-items:center;flex-wrap:wrap;column-gap:7px;row-gap:5px}
.card-caption .card-rating{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--ivory);font-variant-numeric:tabular-nums}
.card-rating .icon--star{width:13px;height:13px}.card-rating strong{font-size:11px;font-weight:600}.card-rating>span{color:var(--muted);font-size:9px}
.card-caption .metadata-separator{display:inline-block;width:3px;height:3px;background:var(--gold);transform:rotate(45deg);opacity:.7;margin:0 1px;flex:0 0 3px}
.ornament-heading{display:flex;gap:18px;position:relative;isolation:isolate}
.ornament-heading:after{content:"";height:1px;flex:1 1 30px;min-width:20px;order:1;background:linear-gradient(90deg,var(--gold) 0 22px,var(--line) 22px 100%);opacity:.7}
.ornament-heading>:first-child{order:0}.ornament-heading>:not(:first-child){order:2}
.profile-menu-group{padding:7px 0;border-top:1px solid var(--line);position:relative}
.profile-menu-group:before{content:"";position:absolute;top:-1px;left:14px;width:20px;height:1px;background:var(--gold);opacity:.7}
.profile-popover .profile-menu-group>a{display:flex;align-items:center;width:100%;color:var(--ivory);font-size:13px;text-decoration:none;gap:12px;padding:12px 13px;min-height:44px;border-radius:7px;transition:color .18s,background-color .18s}
.profile-popover .profile-menu-group>a:is(:hover,:focus-visible){background:rgba(var(--accent-rgb),.08);color:var(--gold)}
.profile-popover .profile-menu-group>a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.profile-popover .profile-menu-group>a>.icon{color:var(--muted);width:19px;height:19px;transition:color .18s}
.profile-popover .profile-menu-group>a:is(:hover,:focus-visible)>.icon{color:var(--gold)}
.profile-popover .profile-menu-group>a>span:first-of-type{flex:1}
.profile-popover .menu-item-note{font-size:9px;letter-spacing:.03em;color:var(--muted)}
.profile-popover form[action='/salir']{padding-top:9px;border-top:1px solid var(--line);margin-top:2px}
.profile-popover form[action='/salir'] button,.logout-button,form.revoke-session-form[action='/salir'] button{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.profile-popover form[action='/salir'] button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:13px;color:var(--muted);background:transparent;min-height:46px}
.profile-popover form[action='/salir'] button:before,.logout-button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#ffffff00 25%,#ffffff14 50%,#ffffff00 75%);transform:translateX(-130%);pointer-events:none}
.profile-popover form[action='/salir'] button:is(:hover,:focus-visible),.logout-button:is(:hover,:focus-visible),form.revoke-session-form[action='/salir'] button:is(:hover,:focus-visible){background:#9c343f;color:#fff8f6;border-color:#c76872;box-shadow:0 4px 16px #731c2628}
.profile-popover form[action='/salir'] button:is(:hover,:focus-visible):before,.logout-button:is(:hover,:focus-visible):before{animation:logout-sheen .48s ease-out both}
.profile-popover form[action='/salir'] button>.icon{transition:transform .22s ease}
.profile-popover form[action='/salir'] button:is(:hover,:focus-visible)>.icon{transform:translateX(3px)}
@keyframes logout-sheen{to{transform:translateX(130%)}}
@media(max-width:600px){.ornament-heading{gap:12px}.ornament-heading:after{min-width:10px}.card-caption .metadata-separator{margin:0}.card-caption p{column-gap:5px}.profile-popover .menu-item-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.profile-popover a,.profile-popover a>.icon,.profile-popover form[action='/salir'] button,.profile-popover form[action='/salir'] button>.icon,.logout-button,form.revoke-session-form[action='/salir'] button{transition:none!important}.profile-popover form[action='/salir'] button:before,.logout-button:before{animation:none!important;display:none}.profile-popover form[action='/salir'] button>.icon{transform:none!important}}
@media(forced-colors:active){.icon--star{fill:CanvasText;stroke:CanvasText}.metadata-separator{background:CanvasText!important}.ornament-heading:after,.profile-menu-group:before{background:CanvasText}.logout-button:is(:hover,:focus-visible){outline:2px solid Highlight}}