/* Se oculta solo el título automático de la página, pero el menú/cabecera de Enfold queda visible. */
		body.facg-galeria-page .title_container{
			display:none !important;
		}
		body.facg-galeria-page .container{
			max-width:none;
		}
		.fac-pase-fotos{
			--fac-pase-stage-height:calc(100dvh - 90px);
			--fac-pase-image-height:calc(100dvh - 180px);
			--fac-pase-arrow-top:50%;
			--fac-pase-arrow-left:46px;
			--fac-pase-arrow-right:calc(30% + 58px);
			--fac-pase-fade-duration:700ms;
			background:#20262D;
			color:#f5f7fa;
			min-height:0;
			font-family:inherit;
		}
		.fac-pase-fotos *{
			box-sizing:border-box;
		}
		.fac-pase-counter{
			white-space:nowrap;
			font-size:13px;
			font-weight:700;
			line-height:1;
			color:#e5e7eb;
		}
		.fac-pase-view-progress{
			flex:0 0 auto;
			min-width:0;
			padding:0;
			color:#cbd5e1;
			font-size:12px;
			font-weight:600;
			line-height:1.2;
			text-align:left;
			white-space:nowrap;
		}

		.fac-pase-active-filters{
			display:none;
			flex-direction:column;
			align-items:stretch;
			justify-content:flex-start;
			gap:6px;
			text-align:left;
			margin:8px 0 0 0;
		}
		.fac-pase-active-filters.is-visible{
			display:flex;
		}
		.fac-pase-active-label{
			color:#ddd;
			font-size:13px;
			font-weight:700;
			width:100%;
			text-align:left;
		}
		.fac-pase-filter-chips{
			display:flex;
			flex-wrap:wrap;
			justify-content:flex-start;
			gap:5px;
			width:100%;
		}
		.fac-pase-filter-chip,
		.fac-pase-clear-filters,
		.fac-pase-control-button{
			border:1px solid rgba(255,255,255,0.28);
			border-radius:999px;
			background:rgba(255,255,255,0.08);
			color:#fff;
			cursor:pointer;
			font-size:13px;
			line-height:1.15;
			padding:5px 8px;
		}
		.fac-pase-control-button{
			display:inline-flex;
			align-items:center;
			gap:5px;
			font-weight:700;
			font-size:13px;
			padding:5px 8px;
			white-space:nowrap;
		}
		.fac-pase-control-actions{
			display:flex;
			flex:0 0 auto;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:nowrap;
			gap:5px;
		}
		.fac-pase-primary-actions{
			flex:0 0 auto;
			display:flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:nowrap;
			gap:5px;
			padding:0;
		}
		.fac-pase-side-actions{
			display:flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:nowrap;
			gap:5px;
			width:100%;
			min-width:0;
			margin:0;
			padding:0;
			overflow-x:auto;
			overflow-y:hidden;
			scrollbar-width:none;
			-webkit-overflow-scrolling:touch;
		}
		.fac-pase-side-actions::-webkit-scrollbar{
			display:none;
		}
		.fac-pase-side-actions .fac-pase-user-button{
			flex:0 0 auto;
			min-height:32px;
			padding:6px 8px;
			font-size:11px;
		}
		.fac-pase-side-actions .fac-pase-fullscreen-text,
		.fac-pase-side-actions .fac-pase-share-text{
			display:inline !important;
		}

		.fac-pase-user-button{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			gap:4px;
			min-height:28px;
			padding:5px 8px;
			border:1px solid rgba(255,255,255,0.20);
			border-radius:999px;
			background:rgba(255,255,255,0.055);
			color:#e8edf2;
			cursor:pointer;
			font-family:inherit;
			font-size:12px;
			font-weight:700;
			line-height:1.1;
			white-space:nowrap;
		}
		.fac-pase-user-button:hover,
		.fac-pase-user-button:focus{
			background:rgba(255,255,255,0.14);
			color:#fff;
			outline:none;
		}
		.fac-pase-user-button.is-active,
		.fac-pase-user-button[aria-pressed="true"]{
			background:#e8edf2;
			border-color:#e8edf2;
			color:#111827;
		}
		.fac-pase-favorite-current[aria-pressed="true"] .fac-pase-favorite-icon{
			color:#9c2d2d;
		}
		.fac-pase-favorites-count{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			min-width:20px;
			height:20px;
			padding:0 5px;
			border-radius:999px;
			background:rgba(255,255,255,0.13);
			font-size:11px;
		}
		.fac-pase-new-count{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			min-width:20px;
			height:20px;
			padding:0 5px;
			border-radius:999px;
			background:rgba(255,255,255,0.13);
			font-size:11px;
		}
		.fac-pase-new-only[aria-pressed="true"] .fac-pase-new-count{
			background:rgba(17,24,39,0.10);
		}
		.fac-pase-new-only[hidden],
		.fac-pase-fullscreen[hidden]{
			display:none !important;
		}

		.fac-pase-user-button[aria-pressed="true"] .fac-pase-favorites-count{
			background:rgba(17,24,39,0.10);
		}
		.fac-pase-share.is-copied{
			background:#e8edf2;
			border-color:#e8edf2;
			color:#111827;
		}

		.fac-pase-speed{
			min-width:44px;
			justify-content:center;
			padding-left:10px;
			padding-right:10px;
		}
		.fac-pase-control-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			width:18px;
			font-size:18px;
			line-height:1;
		}
		.fac-pase-filter-chip{
			background:#e8edf2;
			border-color:#e8edf2;
			color:#111827;
			font-weight:700;
		}
		.fac-pase-active-filters .fac-pase-clear-filters{
			align-self:flex-end;
			margin:10px 0 0 auto;
			flex-basis:auto;
		}
		.fac-pase-filter-chip:hover,
		.fac-pase-filter-chip:focus{
			background:#fff;
			color:#111;
		}
		.fac-pase-clear-filters:hover,
		.fac-pase-clear-filters:focus,
		.fac-pase-control-button:hover,
		.fac-pase-control-button:focus{
			background:rgba(255,255,255,0.17);
			color:#fff;
		}
		.fac-pase-stage{
			position:relative;
			max-width:1600px;
			height:var(--fac-pase-stage-height);
			max-height:var(--fac-pase-stage-height);
			min-height:0;
			margin:0 auto;
			padding:6px 34px 10px 34px;
			overflow:hidden;
		}
		.fac-pase-slide{
			display:none;
			width:100%;
			height:100%;
			min-height:0;
		}
		.fac-pase-slide.is-active{
			display:grid;
			grid-template-rows:auto minmax(0, 1fr);
			gap:6px;
		}
		.fac-pase-content-row{
			display:grid;
			grid-template-columns:minmax(0, 7fr) minmax(300px, 3fr);
			gap:20px;
			align-items:stretch;
			height:100%;
			min-height:0;
		}
		.fac-pase-main{
			min-width:0;
			height:100%;
			min-height:0;
			display:grid;
			grid-template-rows:minmax(0, 1fr);
			gap:0;
		}
		.fac-pase-image-pane{
			position:relative;
			min-height:0;
			height:100%;
			display:grid;
			grid-template-rows:auto minmax(0, 1fr) auto;
			background:#0f141a;
			border:1px solid rgba(226,232,240,0.16);
			border-radius:10px;
			overflow:hidden;
			padding:0 14px 14px 14px;
		}
		.fac-pase-image-header{
			display:grid;
			grid-template-columns:34px minmax(0, 1fr) 34px;
			align-items:center;
			gap:8px;
			min-width:0;
			padding:8px 0 9px 0;
			background:#0f141a;
			border-bottom:1px solid rgba(255,255,255,0.08);
		}
		.fac-pase-image-area{
			position:relative;
			width:100%;
			height:var(--fac-pase-image-height);
			min-height:0;
			max-height:var(--fac-pase-image-height);
			overflow:hidden;
			background:#0f141a;
			border-radius:7px;
		}
		/* Transición fija y ligera: fundido suave entre fotografías. */
		.fac-pase-image-link{
			position:relative;
			z-index:1;
			display:flex;
			align-items:center;
			justify-content:center;
			width:100%;
			height:100%;
			min-height:0;
			max-height:100%;
			overflow:hidden;
			text-decoration:none;
			background:#0f141a;
			border-radius:7px;
			opacity:1;
			transition:opacity var(--fac-pase-fade-duration) ease;
			will-change:opacity;
		}
		.fac-pase-image-link.is-fade-in,
		.fac-pase-image-link.is-fade-in.is-visible{
			opacity:1;
		}
		.fac-pase-image-ghost{
			position:absolute;
			inset:0;
			z-index:2;
			display:flex;
			align-items:center;
			justify-content:center;
			width:100%;
			height:100%;
			pointer-events:none;
			background:#0f141a;
			border-radius:7px;
			opacity:1;
			overflow:hidden;
			text-decoration:none;
			transition:opacity var(--fac-pase-fade-duration) ease;
			will-change:opacity;
		}
		.fac-pase-image-ghost.is-ghost-out{
			opacity:0;
		}
		.fac-pase-image-link img{
			position:static;
			display:block;
			width:auto !important;
			height:auto !important;
			max-width:100%;
			max-height:100%;
			object-fit:contain;
			object-position:center center;
			border-radius:7px;
			background:#0f141a;
		}
		.fac-pase-image-ghost img{
			position:static;
			display:block;
			width:auto !important;
			height:auto !important;
			max-width:100%;
			max-height:100%;
			object-fit:contain;
			object-position:center center;
			border-radius:7px;
			background:#0f141a;
		}
		.fac-pase-photo-controls{
			position:relative;
			z-index:8;
			display:flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:nowrap;
			gap:0;
			width:100%;
			min-height:38px;
			padding:2px 0 4px 0;
			overflow-x:auto;
			overflow-y:hidden;
			pointer-events:auto;
			scrollbar-width:none;
			-webkit-overflow-scrolling:touch;
		}
		.fac-pase-photo-controls::-webkit-scrollbar{
			display:none;
		}
		.fac-pase-toolbar-group{
			display:flex;
			flex:0 0 auto;
			align-items:center;
			flex-wrap:nowrap;
			gap:5px;
			min-width:0;
			padding:0 9px;
		}
		.fac-pase-toolbar-group:first-child{
			padding-left:0;
		}
		.fac-pase-toolbar-group + .fac-pase-toolbar-group{
			border-left:1px solid rgba(255,255,255,0.15);
		}
		.fac-pase-toolbar-status{
			gap:8px;
		}
		.fac-pase-toolbar-explore{
			gap:5px;
		}
		.fac-pase-toolbar-photo{
			gap:5px;
		}

		.fac-pase-photo-controls .fac-pase-counter,
		.fac-pase-photo-controls .fac-pase-control-button{
			background:rgba(15,20,26,0.82);
			border:1px solid rgba(255,255,255,0.20);
			box-shadow:none;
		}
		.fac-pase-photo-controls .fac-pase-counter{
			flex:0 0 auto;
			padding:6px 8px;
			border-radius:999px;
		}
		.fac-pase-photo-controls .fac-pase-control-button{
			pointer-events:auto;
		}
		.fac-pase-photo-controls .fac-pase-speed.is-fast{
			background:rgba(232,237,242,0.92);
			border-color:rgba(232,237,242,0.92);
			color:#111827;
		}
		.fac-pase-side{
			display:flex;
			flex-direction:column;
			gap:8px;
			height:100%;
			max-height:100%;
			overflow:auto;
			padding:0;
			background:transparent;
			border:0;
			border-radius:0;
			box-shadow:none;
		}
		.fac-pase-title{
			position:relative;
			z-index:3;
			min-width:0;
			width:100%;
			margin:0;
			padding:0 8px;
			font-size:20px;
			line-height:1.15;
			font-weight:700;
			color:#fff;
			text-align:center;
			background:transparent;
			border:0;
			border-radius:0;
			box-shadow:none;
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}
		.fac-pase-title a{
			display:block;
			width:100%;
			color:#fff;
			text-decoration:none;
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}
		.fac-pase-title a:hover,
		.fac-pase-title a:focus{
			text-decoration:none;
		}
		.fac-pase-filter-panel,
		.fac-pase-data-panel{
			border-radius:10px;
			padding:10px;
		}
		.fac-pase-filter-panel{
			display:none;
			background:rgba(15,20,26,0.82);
			border:1px solid rgba(226,232,240,0.14);
		}
		.fac-pase-filter-panel.is-visible{
			display:block;
		}
		.fac-pase-filter-panel .fac-pase-panel-title{
			padding-bottom:7px;
			border-bottom:1px solid rgba(255,255,255,0.16);
		}
		.fac-pase-data-panel{
			background:#0f141a;
			border:1px solid rgba(226,232,240,0.13);
			color:#e8edf3;
			backdrop-filter:none;
		}
		.fac-pase-panel-title{
			margin:0 0 5px 0;
			font-size:13px;
			font-weight:700;
			letter-spacing:.03em;
			text-transform:uppercase;
			color:#f8fafc;
		}
		.fac-pase-data-panel .fac-pase-panel-title{
			color:#f8fafc;
		}
		.fac-pase-data-panel .fac-pase-field-label{
			color:#cbd5e1;
		}
		.fac-pase-data-panel .fac-pase-values,
		.fac-pase-data-panel .fac-pase-plain-value{
			color:#eef2f7;
		}
		.fac-pase-data-panel .fac-pase-filter-button{
			background:rgba(255,255,255,0.055);
			border-color:rgba(226,232,240,0.20);
			color:#f3f6f9;
		}
		.fac-pase-data-panel .fac-pase-filter-button:hover,
		.fac-pase-data-panel .fac-pase-filter-button:focus{
			background:rgba(255,255,255,0.13);
			border-color:rgba(226,232,240,0.36);
			color:#fff;
		}
		.fac-pase-data-panel .fac-pase-filter-button.is-selected{
			background:#e8edf2;
			border-color:#e8edf2;
			color:#111827;
			font-weight:700;
		}
		.fac-pase-filter-intro{
			margin:0 0 7px 0;
			padding:0 0 8px 0;
			font-size:13px;
			line-height:1.3;
			color:#cbd5e1;
			border-bottom:1px solid rgba(226,232,240,0.14);
		}
		.fac-pase-filter-help{
			margin:0 0 7px 0;
			font-size:13px;
			line-height:1.25;
			color:#cbd5e1;
		}
		.fac-pase-meta-list{
			display:grid;
			gap:3px;
		}
		.fac-pase-field{
			display:grid;
			grid-template-columns:max-content minmax(0, 1fr);
			align-items:start;
			column-gap:6px;
			padding:2px 0;
		}
		.fac-pase-field-label{
			margin:0;
			font-weight:700;
			font-size:13px;
			line-height:22px;
			min-height:22px;
			color:#cbd5df;
			white-space:nowrap;
		}
		.fac-pase-field-label::after{
			content:':';
		}
		.fac-pase-values{
			display:flex;
			flex-wrap:wrap;
			align-items:center;
			gap:3px;
			min-height:22px;
			font-size:13px;
			line-height:1.25;
			color:#e9edf2;
		}
		.fac-pase-filter-button{
			display:inline-flex;
			align-items:center;
			border:1px solid rgba(226,232,240,0.20);
			border-radius:999px;
			background:rgba(255,255,255,0.055);
			color:#f3f6f9;
			cursor:pointer;
			font-size:13px;
			line-height:1.12;
			padding:3px 6px;
			text-align:left;
		}
		.fac-pase-filter-button:hover,
		.fac-pase-filter-button:focus{
			background:rgba(255,255,255,0.13);
			border-color:rgba(226,232,240,0.40);
			color:#fff;
		}
		.fac-pase-filter-button.is-selected{
			background:#e8edf2;
			border-color:#e8edf2;
			color:#111827;
			font-weight:700;
		}
		.fac-pase-plain-value{
			display:block;
			width:100%;
			color:#e9e9e9;
		}
		.fac-pase-side-footer{
			margin-top:4px;
			padding-top:2px;
			display:flex;
			gap:10px;
			flex-wrap:wrap;
			align-items:center;
			justify-content:center;
			text-align:center;
		}
		.fac-pase-link{
			display:inline-block;
			padding:7px 12px;
			border:1px solid rgba(255,255,255,0.35);
			border-radius:999px;
			color:#fff !important;
			text-decoration:none !important;
			font-weight:600;
			font-size:14px;
		}
		.fac-pase-link-home{
			background:rgba(255,255,255,0.10);
		}
		.fac-pase-link:hover,
		.fac-pase-link:focus{
			background:rgba(255,255,255,0.14);
			color:#fff !important;
		}
		.fac-pase-reset-seen{
			display:inline-block;
			padding:7px 12px;
			border:1px solid rgba(255,255,255,0.24);
			border-radius:999px;
			background:transparent;
			color:#cbd5e1;
			cursor:pointer;
			font-family:inherit;
			font-size:12px;
			font-weight:600;
			line-height:1.2;
		}
		.fac-pase-reset-seen:hover,
		.fac-pase-reset-seen:focus{
			background:rgba(255,255,255,0.10);
			color:#fff;
			outline:none;
		}
		.fac-pase-reset-seen[hidden]{
			display:none !important;
		}

		.fac-pase-button{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			width:34px;
			height:34px;
			min-width:34px;
			border:1px solid rgba(255,255,255,0.20);
			border-radius:6px;
			background:rgba(255,255,255,0.055);
			color:#eef2f7;
			font-size:28px;
			font-weight:700;
			line-height:1;
			cursor:pointer;
			box-shadow:none;
			text-shadow:none;
			transition:background .15s ease, border-color .15s ease, color .15s ease;
		}
		.fac-pase-button:hover,
		.fac-pase-button:focus{
			background:rgba(255,255,255,0.16);
			border-color:rgba(255,255,255,0.40);
			color:#ffffff;
			outline:none;
		}
		.fac-pase-no-results{
			display:none;
			max-width:900px;
			margin:35px auto;
			padding:22px;
			background:rgba(0,0,0,0.55);
			border:1px solid rgba(255,255,255,0.14);
			border-radius:12px;
			color:#fff;
			text-align:center;
			font-size:17px;
		}
		.fac-pase-no-results.is-visible{
			display:block;
		}
		.fac-pase-empty{
			max-width:900px;
			margin:0 auto;
			padding:40px 20px 70px 20px;
			color:#fff;
			font-size:18px;
		}
		.fac-pase-help-modal{
			position:fixed;
			inset:0;
			z-index:999999;
			display:none;
			align-items:center;
			justify-content:center;
			padding:22px;
			background:rgba(0,0,0,0.58);
			backdrop-filter:blur(3px);
		}
		.fac-pase-help-modal.is-visible{
			display:flex;
		}
		.fac-pase-help-dialog{
			width:min(460px, 100%);
			background:#171C22;
			border:1px solid rgba(226,232,240,0.22);
			border-radius:14px;
			box-shadow:0 18px 45px rgba(0,0,0,0.45);
			padding:20px 22px 18px 22px;
			color:#f8fafc;
		}
		.fac-pase-help-dialog h2{
			margin:0 0 10px 0;
			font-size:22px;
			line-height:1.2;
			font-weight:700;
			color:#fff;
			text-align:center;
		}
		.fac-pase-help-dialog p{
			margin:0 0 10px 0;
			font-size:15px;
			line-height:1.45;
			color:#dbe3ec;
		}
		.fac-pase-help-actions{
			display:flex;
			justify-content:flex-end;
			margin-top:16px;
		}
		.fac-pase-help-close{
			border:1px solid rgba(255,255,255,0.30);
			border-radius:999px;
			background:rgba(255,255,255,0.10);
			color:#fff;
			cursor:pointer;
			font-size:15px;
			font-weight:700;
			line-height:1;
			padding:10px 18px;
		}
		.fac-pase-help-close:hover,
		.fac-pase-help-close:focus{
			background:rgba(255,255,255,0.18);
			outline:none;
		}
		body.fac-pase-help-open{
			overflow:hidden;
		}
		@media (prefers-reduced-motion: reduce){
			.fac-pase-image-link{
				transition:none !important;
			}
		}
		@media (max-width:1100px){
			.fac-pase-content-row{
				grid-template-columns:minmax(0, 7fr) minmax(280px, 3fr);
				gap:18px;
			}
			.fac-pase-next{
				right:var(--fac-pase-arrow-right);
			}
		}
		@media (max-width:820px){
			.fac-pase-slide.is-active{
				display:grid;
				grid-template-rows:auto auto;
				gap:6px;
			}
			.fac-pase-photo-controls{
				width:100%;
				min-height:42px;
				padding:2px 0 4px;
				overflow-x:auto;
				overflow-y:hidden;
				flex-wrap:nowrap;
				justify-content:flex-start;
				scroll-snap-type:x proximity;
			}
			.fac-pase-toolbar-group{
				flex:0 0 auto;
				padding:0 7px;
				scroll-snap-align:start;
			}
			.fac-pase-toolbar-group:first-child{
				padding-left:0;
			}
			.fac-pase-toolbar-status{
				gap:6px;
			}
			.fac-pase-photo-controls .fac-pase-control-button,
			.fac-pase-photo-controls .fac-pase-user-button{
				min-height:36px;
				font-size:12px;
				padding:6px 9px;
			}
			.fac-pase-view-progress{
				font-size:11px;
			}
			.fac-pase-content-row{
				height:auto;
				min-height:0;
			}

			.fac-pase-photo-controls{
				overflow-x:auto;
				overflow-y:hidden;
				flex-wrap:nowrap;
				align-items:center;
				justify-content:flex-start;
				scroll-snap-type:x proximity;
			}
			.fac-pase-photo-controls > *{
				scroll-snap-align:start;
			}
			.fac-pase-primary-actions{
				flex:0 0 auto;
				flex-wrap:nowrap;
			}
			.fac-pase-side-actions{
				width:100%;
				flex-wrap:nowrap;
				overflow-x:auto;
				padding-bottom:2px;
				scroll-snap-type:x proximity;
			}
			.fac-pase-side-actions .fac-pase-user-button{
				min-height:38px;
				padding:7px 10px;
				font-size:12px;
				scroll-snap-align:start;
			}
			.fac-pase-fullscreen-text,
			.fac-pase-share-text{
				display:inline !important;
			}

			.fac-pase-fotos{
				min-height:100vh;
				/*
				 * La cabecera normal de Enfold ya ocupa su espacio en el flujo.
				 * JavaScript solo añadirá aquí el solapamiento REAL si la cabecera
				 * pasa a fixed/sticky sobre la galería.
				 */
				--fac-pase-mobile-menu-offset:0px;
			}
			.fac-pase-active-filters{
				justify-content:flex-start;
				text-align:left;
			}
			.fac-pase-stage{
				padding:calc(var(--fac-pase-mobile-menu-offset, 0px) + env(safe-area-inset-top, 0px) + 8px) 14px 14px 14px;
				height:auto;
				min-height:auto;
			}
			.fac-pase-slide{
				height:auto;
				min-height:0;
			}
			.fac-pase-content-row{
				grid-template-columns:1fr;
				gap:14px;
				height:auto;
			}
			.fac-pase-image-pane{
				min-height:0;
				height:min(62vh, 560px);
				max-height:62vh;
				padding:0 10px 10px 10px;
			}
			.fac-pase-image-area{
				height:var(--fac-pase-image-height);
				max-height:var(--fac-pase-image-height);
			}
			.fac-pase-image-link img{
				max-height:100%;
			}
			.fac-pase-side{
				max-height:none;
				padding:0;
			}
			.fac-pase-image-header{
				padding:7px 0 8px 0;
			}
			.fac-pase-photo-controls{
				gap:5px;
				min-height:28px;
				flex-wrap:nowrap;
			}
			.fac-pase-view-progress{
				order:initial;
				flex:0 0 auto;
				min-width:auto;
				padding:0 5px;
				text-align:left;
				white-space:nowrap;
			}
			.fac-pase-primary-actions{
				order:initial;
				justify-content:flex-start;
				flex-wrap:nowrap;
				padding:0;
			}
			.fac-pase-user-button{
				font-size:11px;
				padding:5px 7px;
			}

			.fac-pase-title{
				font-size:17px;
				padding:0;
			}
			.fac-pase-field{
				grid-template-columns:max-content minmax(0, 1fr);
				column-gap:2px;
			}
			.fac-pase-image-header{
				grid-template-columns:30px minmax(0, 1fr) 30px;
				gap:6px;
			}
			.fac-pase-button{
				width:30px;
				height:30px;
				min-width:30px;
				font-size:24px;
			}
			.fac-pase-help-dialog{
				padding:18px;
			}
			.fac-pase-help-dialog h2{
				font-size:20px;
			}
			.fac-pase-help-dialog p{
				font-size:14px;
			}
		}

		#fac-pase-fotos:fullscreen,
		#fac-pase-fotos:-webkit-full-screen{
			width:100%;
			height:100%;
			min-height:100vh;
			overflow:auto;
			background:#20262D;
		}
		#fac-pase-fotos:fullscreen .fac-pase-stage,
		#fac-pase-fotos:-webkit-full-screen .fac-pase-stage{
			max-width:none;
		}


		@media (min-width:1100px){
			.fac-pase-side-actions{
				overflow-x:visible;
			}
			.fac-pase-side-actions .fac-pase-user-button{
				flex:1 1 auto;
				min-width:0;
				padding-left:6px;
				padding-right:6px;
			}
			.fac-pase-side-actions .fac-pase-favorites-count{
				flex:0 0 auto;
			}
		}

		/* V1.3.0-RC4: la barra de herramientas es única y ocupa todo el visor. */
		.fac-pase-primary-actions,
		.fac-pase-side-actions{
			display:none !important;
		}

		@media (max-width:820px){
			.fac-pase-photo-controls{
				display:flex !important;
				flex-direction:row !important;
				flex-wrap:nowrap !important;
				align-items:center !important;
				justify-content:flex-start !important;
				overflow-x:auto !important;
				overflow-y:hidden !important;
			}
			.fac-pase-toolbar-group{
				display:flex !important;
				flex-direction:row !important;
				flex-wrap:nowrap !important;
			}
			.fac-pase-fullscreen-text,
			.fac-pase-share-text{
				display:inline !important;
			}
		}


		/* ================================================================
		 * V1.3.0-RC6 — Legibilidad de la barra sin alterar el visor
		 * ================================================================ */
		.fac-pase-photo-controls{
			min-height:42px;
			padding:3px 4px;
			border:1px solid rgba(255,255,255,0.16);
			border-radius:9px;
			background:#111820;
		}

		.fac-pase-toolbar-group{
			gap:5px;
			padding:0 8px;
		}

		.fac-pase-toolbar-group:first-child{
			padding-left:2px;
		}

		.fac-pase-toolbar-group + .fac-pase-toolbar-group{
			border-left:1px solid rgba(255,255,255,0.22);
		}

		.fac-pase-photo-controls .fac-pase-counter{
			min-height:34px;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			padding:6px 9px;
			border:1px solid rgba(255,255,255,0.28);
			border-radius:8px;
			background:#202a34;
			color:#fff;
			font-size:13px;
			font-weight:800;
		}

		.fac-pase-view-progress{
			color:#eef2f7;
			font-size:13px;
			font-weight:700;
			white-space:nowrap;
		}

		.fac-pase-photo-controls .fac-pase-control-button,
		.fac-pase-photo-controls .fac-pase-user-button{
			min-height:34px;
			padding:6px 9px;
			border:1px solid #c9d2da;
			border-radius:8px;
			background:#f4f7f9;
			color:#1f2933;
			font-size:13px;
			font-weight:800;
			line-height:1.15;
		}

		.fac-pase-photo-controls .fac-pase-control-button:hover,
		.fac-pase-photo-controls .fac-pase-control-button:focus,
		.fac-pase-photo-controls .fac-pase-user-button:hover,
		.fac-pase-photo-controls .fac-pase-user-button:focus{
			background:#e5edf3;
			border-color:#a8b7c4;
			color:#17212b;
		}

		.fac-pase-photo-controls .fac-pase-control-button:focus-visible,
		.fac-pase-photo-controls .fac-pase-user-button:focus-visible{
			outline:3px solid #fff;
			outline-offset:2px;
		}

		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"],
		.fac-pase-photo-controls .fac-pase-control-button[aria-pressed="true"],
		.fac-pase-photo-controls .fac-pase-pause.is-paused{
			background:#4e6f8c;
			border-color:#4e6f8c;
			color:#fff;
		}

		.fac-pase-photo-controls .fac-pase-favorites-count,
		.fac-pase-photo-controls .fac-pase-new-count{
			background:#dce5ec;
			color:#1f2933;
			font-weight:900;
		}

		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"] .fac-pase-favorites-count,
		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"] .fac-pase-new-count{
			background:#fff;
			color:#30475a;
		}

		.fac-pase-unseen-text{
			white-space:nowrap;
		}

		@media (max-width:820px){
			.fac-pase-photo-controls{
				min-height:48px;
				padding:4px;
				display:flex !important;
				flex-direction:row !important;
				flex-wrap:nowrap !important;
				align-items:center !important;
				justify-content:flex-start !important;
				overflow-x:auto !important;
				overflow-y:hidden !important;
			}

			.fac-pase-toolbar-group{
				display:flex !important;
				flex:0 0 auto !important;
				flex-direction:row !important;
				flex-wrap:nowrap !important;
				padding:0 7px;
			}

			.fac-pase-photo-controls .fac-pase-control-button,
			.fac-pase-photo-controls .fac-pase-user-button{
				min-height:44px;
				padding:8px 10px;
				font-size:14px;
			}

			.fac-pase-photo-controls .fac-pase-counter{
				min-height:44px;
				font-size:14px;
			}

			.fac-pase-view-progress{
				font-size:13px;
			}

			.fac-pase-share-text,
			.fac-pase-fullscreen-text{
				display:inline !important;
			}
		}


		/* ================================================================
		 * V1.3.0-RC7 — Contraste y legibilidad
		 * Solo apariencia: NO altera grid, alturas ni posición del visor.
		 * ================================================================ */

		/* Fondo de la barra: contraste estable con el visor */
		.fac-pase-photo-controls{
			background:#151c24;
			border-color:#3d4854;
			box-shadow:0 1px 0 rgba(255,255,255,0.04);
		}

		/* Separadores de grupos más visibles, sin resultar agresivos */
		.fac-pase-toolbar-group + .fac-pase-toolbar-group{
			border-left-color:#596674;
		}

		/* Estado/progreso */
		.fac-pase-photo-controls .fac-pase-counter{
			background:#26313c;
			border-color:#64717e;
			color:#ffffff;
		}

		.fac-pase-view-progress{
			color:#f4f7fa;
		}

		/* Botón normal: blanco roto para evitar excesivo deslumbramiento */
		.fac-pase-photo-controls .fac-pase-control-button,
		.fac-pase-photo-controls .fac-pase-user-button{
			background:#f3f5f7;
			border-color:#b9c2ca;
			color:#18222c;
			box-shadow:0 1px 2px rgba(0,0,0,0.18);
		}

		.fac-pase-photo-controls .fac-pase-control-button:hover,
		.fac-pase-photo-controls .fac-pase-user-button:hover{
			background:#ffffff;
			border-color:#8f9ca8;
			color:#0f1720;
		}

		/*
		 * Estado activo: azul medio/oscuro.
		 * Se diferencia por fondo + borde + texto, no solo por color.
		 */
		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"],
		.fac-pase-photo-controls .fac-pase-control-button[aria-pressed="true"],
		.fac-pase-photo-controls .fac-pase-pause.is-paused{
			background:#315f85;
			border-color:#8fb5d4;
			color:#ffffff;
			box-shadow:
				0 0 0 2px rgba(143,181,212,0.28),
				0 1px 2px rgba(0,0,0,0.2);
		}

		/*
		 * Acciones sobre la foto actual.
		 * Se distinguen levemente de los filtros, sin introducir
		 * múltiples colores fuertes.
		 */
		.fac-pase-toolbar-photo .fac-pase-user-button{
			background:#e9edf1;
			border-color:#aeb9c3;
		}

		.fac-pase-toolbar-photo .fac-pase-user-button:hover{
			background:#ffffff;
		}

		/* Favorita activa: mantener el mismo lenguaje visual del resto */
		.fac-pase-toolbar-photo .fac-pase-favorite-current[aria-pressed="true"]{
			background:#315f85;
			border-color:#8fb5d4;
			color:#ffffff;
		}

		/* Contadores integrados en los botones */
		.fac-pase-photo-controls .fac-pase-favorites-count,
		.fac-pase-photo-controls .fac-pase-new-count{
			background:#d6dde4;
			color:#16212b;
			border:1px solid #aeb9c3;
		}

		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"] .fac-pase-favorites-count,
		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"] .fac-pase-new-count{
			background:#ffffff;
			color:#23445f;
			border-color:#ffffff;
		}

		/* Botón deshabilitado claramente reconocible */
		.fac-pase-photo-controls .fac-pase-control-button:disabled,
		.fac-pase-photo-controls .fac-pase-user-button:disabled{
			background:#cbd2d8;
			border-color:#a9b1b8;
			color:#5c6670;
			opacity:0.72;
			box-shadow:none;
		}

		/* Foco de teclado de alto contraste */
		.fac-pase-photo-controls .fac-pase-control-button:focus-visible,
		.fac-pase-photo-controls .fac-pase-user-button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		/* Datos de la foto: aumentar ligeramente legibilidad sin ganar altura */
		.fac-pase-data-panel,
		.fac-pase-filter-panel{
			border-color:#46515c;
		}

		.fac-pase-data-panel h3,
		.fac-pase-filter-panel h3{
			color:#ffffff;
		}

		.fac-pase-side{
			color:#eef2f5;
		}

		/* Chips de datos/filtros algo más claros */
		.fac-pase-chip,
		.fac-pase-filter-chip{
			border-color:#65717c;
		}

		/* Móvil: conservar el mismo lenguaje visual */
		@media (max-width:820px){
			.fac-pase-photo-controls{
				background:#151c24;
			}

			.fac-pase-photo-controls .fac-pase-control-button,
			.fac-pase-photo-controls .fac-pase-user-button{
				font-weight:800;
			}
		}


		/* ================================================================
		 * V1.3.0-RC8 — Reorganización de controles
		 * ================================================================ */

		/* Pantalla completa siempre al extremo derecho en escritorio. */
		.fac-pase-toolbar-fullscreen{
			margin-left:auto;
			padding-right:2px;
		}

		.fac-pase-toolbar-fullscreen .fac-pase-fullscreen{
			display:inline-flex;
			align-items:center;
			gap:6px;
		}

		.fac-pase-fullscreen-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:20px;
			height:20px;
		}

		.fac-pase-fullscreen-icon svg{
			display:block;
			width:18px;
			height:18px;
		}

		/* Acciones relacionadas con la foto: debajo de la imagen. */
		.fac-pase-image-actions{
			display:flex;
			align-items:center;
			justify-content:center;
			flex-wrap:nowrap;
			gap:7px;
			width:100%;
			min-width:0;
			padding:8px 0 0;
			overflow-x:auto;
			overflow-y:hidden;
			scrollbar-width:none;
			-webkit-overflow-scrolling:touch;
		}

		.fac-pase-image-actions::-webkit-scrollbar{
			display:none;
		}

		.fac-pase-image-actions .fac-pase-user-button{
			flex:0 0 auto;
			min-height:36px;
			padding:7px 11px;
			border:1px solid #b9c2ca;
			border-radius:8px;
			background:#f3f5f7;
			color:#18222c;
			font-size:13px;
			font-weight:800;
			line-height:1.15;
			box-shadow:0 1px 2px rgba(0,0,0,0.18);
		}

		.fac-pase-image-actions .fac-pase-user-button:hover,
		.fac-pase-image-actions .fac-pase-user-button:focus{
			background:#ffffff;
			border-color:#8f9ca8;
			color:#0f1720;
		}

		.fac-pase-image-actions .fac-pase-user-button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		.fac-pase-image-actions .fac-pase-user-button[aria-pressed="true"]{
			background:#315f85;
			border-color:#8fb5d4;
			color:#ffffff;
		}

		.fac-pase-image-actions .fac-pase-user-button[aria-pressed="true"] .fac-pase-favorites-count{
			background:#ffffff;
			color:#23445f;
		}

		.fac-pase-image-actions .fac-pase-favorites-count{
			background:#d6dde4;
			color:#16212b;
			border:1px solid #aeb9c3;
		}

		@media (max-width:820px){
			.fac-pase-toolbar-fullscreen{
				margin-left:0;
				padding-right:7px;
			}

			.fac-pase-image-actions{
				justify-content:flex-start;
				gap:7px;
				padding-top:8px;
				scroll-snap-type:x proximity;
			}

			.fac-pase-image-actions .fac-pase-user-button{
				min-height:44px;
				padding:8px 11px;
				font-size:14px;
				scroll-snap-align:start;
			}
		}


		/* ================================================================
		 * V1.3.0-RC9 — Navegación táctil
		 * ================================================================ */

		.fac-pase-sr-only{
			position:absolute !important;
			width:1px !important;
			height:1px !important;
			padding:0 !important;
			margin:-1px !important;
			overflow:hidden !important;
			clip:rect(0,0,0,0) !important;
			white-space:nowrap !important;
			border:0 !important;
		}

		/*
		 * Permitimos el desplazamiento vertical normal de la página.
		 * El gesto horizontal se interpreta en JavaScript al terminar.
		 */
		.fac-pase-image-area{
			touch-action:pan-y pinch-zoom;
		}


		/* ================================================================
		 * V1.3.0-RC11 — Control manual y ayuda táctil
		 * ================================================================ */

		.fac-pase-image-area{
			position:relative;
		}

		.fac-pase-swipe-hint{
			position:absolute;
			left:50%;
			bottom:14px;
			z-index:12;
			display:flex;
			align-items:center;
			justify-content:center;
			gap:8px;
			max-width:calc(100% - 28px);
			padding:8px 12px;
			border:1px solid rgba(255,255,255,0.30);
			border-radius:999px;
			background:rgba(15,23,32,0.90);
			color:#ffffff;
			font-size:13px;
			font-weight:800;
			line-height:1.2;
			text-align:center;
			white-space:nowrap;
			transform:translateX(-50%);
			box-shadow:0 2px 10px rgba(0,0,0,0.28);
			pointer-events:none;
			opacity:0;
			transition:opacity .22s ease;
		}

		.fac-pase-swipe-hint.is-visible{
			opacity:1;
		}

		.fac-pase-swipe-hint[hidden]{
			display:none !important;
		}

		@media (max-width:480px){
			.fac-pase-swipe-hint{
				bottom:10px;
				max-width:calc(100% - 20px);
				padding:7px 10px;
				font-size:12px;
				white-space:normal;
			}
		}


		/* ================================================================
		 * V1.3.0-RC12 — Año visible junto a la fotografía
		 * ================================================================ */

		.fac-pase-title-block{
			min-width:0;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			gap:2px;
		}

		.fac-pase-title-block .fac-pase-title{
			margin:0;
		}

		.fac-pase-photo-year{
			margin:0;
			padding:0;
			color:#d7dee5;
			font-size:13px;
			font-weight:700;
			line-height:1.25;
			text-align:center;
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
			max-width:100%;
		}

		.fac-pase-photo-year-label{
			color:#aeb9c3;
			font-weight:700;
		}

		.fac-pase-photo-year-value{
			color:#ffffff;
			font-weight:800;
		}

		@media (max-width:820px){
			.fac-pase-title-block{
				gap:1px;
			}

			.fac-pase-photo-year{
				font-size:12px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC13 — Año y controles de reproducción
		 * ================================================================ */

		/* "Año:" y el valor se ven exactamente con el mismo estilo. */
		.fac-pase-photo-year{
			font-size:14px;
			font-weight:800;
			color:#ffffff;
		}

		.fac-pase-photo-year-label,
		.fac-pase-photo-year-value{
			color:#ffffff;
			font-weight:800;
		}

		/*
		 * Pausar/Reanudar + X2 vuelven a la barra superior.
		 * Quedan en la misma línea que “Reiniciar fotos vistas” y antes
		 * del botón “Pantalla completa”, tal como en la referencia.
		 */
		.fac-pase-toolbar-playback{
			gap:6px;
		}

		.fac-pase-toolbar-playback .fac-pase-image-playback{
			position:static;
			z-index:auto;
			display:flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:nowrap;
			gap:6px;
			padding:0;
			border:0;
			border-radius:0;
			background:transparent;
			box-shadow:none;
			backdrop-filter:none;
			-webkit-backdrop-filter:none;
		}

		.fac-pase-toolbar-playback .fac-pase-control-button{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			gap:5px;
			flex:0 0 auto;
			min-height:36px;
			padding:7px 11px;
			border:1px solid #b9c2ca;
			border-radius:8px;
			background:#f3f5f7;
			color:#18222c;
			font-size:13px;
			font-weight:800;
			line-height:1.1;
			box-shadow:0 1px 2px rgba(0,0,0,0.18);
		}

		.fac-pase-toolbar-playback .fac-pase-control-button:hover,
		.fac-pase-toolbar-playback .fac-pase-control-button:focus{
			background:#ffffff;
			border-color:#8f9ca8;
			color:#0f1720;
		}

		.fac-pase-toolbar-playback .fac-pase-control-button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		.fac-pase-toolbar-playback .fac-pase-pause.is-paused,
		.fac-pase-toolbar-playback .fac-pase-speed[aria-pressed="true"]{
			background:#315f85;
			border-color:#8fb5d4;
			color:#ffffff;
		}

		.fac-pase-toolbar-playback .fac-pase-speed{
			min-width:48px;
		}

		@media (max-width:820px){
			.fac-pase-toolbar-playback .fac-pase-control-button{
				min-height:40px;
				padding:8px 11px;
				font-size:13px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC16 — Reiniciar fotos vistas en la barra principal
		 * ================================================================ */

		.fac-pase-photo-controls .fac-pase-reset-seen{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			gap:6px;
		}

		.fac-pase-photo-controls .fac-pase-reset-seen[hidden]{
			display:none !important;
		}

		.fac-pase-reset-seen-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:20px;
			height:20px;
		}

		.fac-pase-reset-seen-icon svg{
			display:block;
			width:18px;
			height:18px;
		}


		/* ================================================================
		 * V1.3.0-RC19 — Corrección de barra superior
		 * Partimos de RC17 para mantener intacto el visor.
		 * ================================================================ */

		/* Mismas columnas y gap que .fac-pase-content-row. */
		.fac-pase-photo-controls{
			display:grid;
			grid-template-columns:minmax(0, 7fr) minmax(300px, 3fr);
			gap:20px;
			align-items:center;
			overflow:visible;
		}

		.fac-pase-toolbar-left,
		.fac-pase-toolbar-right{
			display:flex;
			align-items:center;
			flex-wrap:nowrap;
			min-width:0;
		}

		.fac-pase-toolbar-left{
			justify-content:flex-start;
		}

		.fac-pase-toolbar-right{
			justify-content:flex-end;
		}

		/* Pausa/X2: extremo derecho de la columna de la foto. */
		.fac-pase-toolbar-left .fac-pase-toolbar-playback{
			margin-left:auto;
			padding-right:0;
			border-left:1px solid rgba(255,255,255,0.22);
		}

		/* Pantalla completa: zona derecha, encima del panel de datos. */
		.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
			margin-left:0;
			padding-left:0;
			padding-right:2px;
			border-left:0;
		}

		/* Tarjeta de progreso, más visible pero compacta. */
		.fac-pase-toolbar-status{
			padding-left:0;
		}

		.fac-pase-view-progress{
			display:inline-flex;
			align-items:center;
			flex:0 0 auto;
			gap:10px;
			min-height:38px;
			margin:0;
			padding:6px 12px;
			border:1px solid #6b8296;
			border-radius:9px;
			background:#263746;
			color:#fff;
			box-shadow:0 1px 3px rgba(0,0,0,.22);
			white-space:nowrap;
		}

		.fac-pase-progress-stat{
			display:inline-flex;
			align-items:baseline;
			gap:5px;
		}

		.fac-pase-view-progress .fac-pase-seen-count,
		.fac-pase-view-progress .fac-pase-total-count{
			color:#fff;
			font-size:17px;
			font-weight:900;
			line-height:1;
		}

		.fac-pase-progress-label{
			color:#dce6ee;
			font-size:17px;
			font-weight:700;
			line-height:1;
		}

		.fac-pase-progress-divider{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:auto;
			height:auto;
			background:none;
			color:#9fb0be;
			font-size:17px;
			font-weight:700;
			line-height:1;
		}

		/* Tablet/intermediate desktop: retain two-column alignment. */
		@media (max-width:1100px) and (min-width:821px){
			.fac-pase-photo-controls{
				grid-template-columns:minmax(0, 7fr) minmax(280px, 3fr);
				gap:18px;
			}

			.fac-pase-view-progress .fac-pase-seen-count,
			.fac-pase-view-progress .fac-pase-total-count{
				font-size:16px;
			}

			.fac-pase-progress-label,
			.fac-pase-progress-divider{
				font-size:16px;
			}
		}

		/* Mobile: one horizontal scrollable row, as before. */
		@media (max-width:820px){
			.fac-pase-photo-controls{
				display:flex !important;
				grid-template-columns:none !important;
				gap:0 !important;
				align-items:center !important;
				justify-content:flex-start !important;
				overflow-x:auto !important;
				overflow-y:hidden !important;
			}

			.fac-pase-toolbar-left,
			.fac-pase-toolbar-right{
				display:flex !important;
				flex:0 0 auto !important;
				align-items:center !important;
				flex-wrap:nowrap !important;
			}

			.fac-pase-toolbar-left .fac-pase-toolbar-playback{
				margin-left:0;
				padding-right:7px;
			}

			.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
				padding-left:7px;
			}

			.fac-pase-view-progress{
				min-height:44px;
				gap:8px;
				padding:7px 10px;
			}

			.fac-pase-view-progress .fac-pase-seen-count,
			.fac-pase-view-progress .fac-pase-total-count{
				font-size:16px;
			}

			.fac-pase-progress-label{
				font-size:12px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC20 — Sin separadores verticales en la barra
		 * ================================================================ */

		/*
		 * Los botones y la tarjeta de progreso ya están suficientemente
		 * delimitados por sus propios bordes, por lo que eliminamos las
		 * líneas verticales entre grupos.
		 */
		.fac-pase-toolbar-group + .fac-pase-toolbar-group,
		.fac-pase-toolbar-left .fac-pase-toolbar-playback,
		.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
			border-left:0 !important;
		}

		@media (max-width:820px){
			.fac-pase-toolbar-group + .fac-pase-toolbar-group,
			.fac-pase-toolbar-left .fac-pase-toolbar-playback,
			.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
				border-left:0 !important;
			}
		}


		/* ================================================================
		 * V1.3.0-RC21 — Botones de aplicación profesional
		 * ================================================================ */

		/*
		 * Reiniciar, Pausar, X2 y Pantalla completa comparten exactamente
		 * la misma tipografía, altura, radio, borde y comportamiento.
		 */
		.fac-pase-photo-controls .fac-pase-user-button,
		.fac-pase-toolbar-playback .fac-pase-control-button{
			box-sizing:border-box;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			gap:6px;
			min-height:36px;
			margin:0;
			padding:7px 11px;
			border:1px solid #b8c2cb;
			border-radius:8px;
			background:#f4f6f8;
			color:#18222c;
			font-family:inherit;
			font-size:13px;
			font-weight:700;
			line-height:1;
			letter-spacing:0;
			white-space:nowrap;
			text-decoration:none;
			box-shadow:0 1px 2px rgba(0,0,0,0.16);
			cursor:pointer;
			transition:
				background-color .15s ease,
				border-color .15s ease,
				color .15s ease,
				box-shadow .15s ease,
				transform .05s ease;
			-webkit-font-smoothing:antialiased;
		}

		.fac-pase-photo-controls .fac-pase-user-button:hover,
		.fac-pase-toolbar-playback .fac-pase-control-button:hover{
			background:#ffffff;
			border-color:#8e9ba7;
			color:#0f1720;
			box-shadow:0 2px 5px rgba(0,0,0,0.18);
		}

		.fac-pase-photo-controls .fac-pase-user-button:active,
		.fac-pase-toolbar-playback .fac-pase-control-button:active{
			transform:translateY(1px);
			box-shadow:0 1px 2px rgba(0,0,0,0.14);
		}

		.fac-pase-photo-controls .fac-pase-user-button:focus-visible,
		.fac-pase-toolbar-playback .fac-pase-control-button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		/*
		 * Un único lenguaje visual para estados activos:
		 * Pausa manual, X2 y Pantalla completa.
		 */
		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"],
		.fac-pase-toolbar-playback .fac-pase-control-button[aria-pressed="true"],
		.fac-pase-toolbar-playback .fac-pase-pause.is-paused{
			background:#315f85;
			border-color:#86aac8;
			color:#ffffff;
			box-shadow:0 0 0 2px rgba(134,170,200,0.22);
		}

		.fac-pase-photo-controls .fac-pase-user-button[aria-pressed="true"]:hover,
		.fac-pase-toolbar-playback .fac-pase-control-button[aria-pressed="true"]:hover,
		.fac-pase-toolbar-playback .fac-pase-pause.is-paused:hover{
			background:#284f70;
			border-color:#9bbbd5;
			color:#ffffff;
		}

		.fac-pase-photo-controls .fac-pase-user-button:disabled,
		.fac-pase-toolbar-playback .fac-pase-control-button:disabled{
			background:#d3d9de;
			border-color:#b2bac1;
			color:#616b74;
			opacity:.72;
			box-shadow:none;
			cursor:not-allowed;
			transform:none;
		}

		/*
		 * Iconos homogéneos: todos ocupan el mismo espacio visual.
		 */
		.fac-pase-photo-controls .fac-pase-user-button > [aria-hidden="true"],
		.fac-pase-toolbar-playback .fac-pase-control-icon,
		.fac-pase-reset-seen-icon,
		.fac-pase-fullscreen-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:18px;
			height:18px;
			font-size:17px;
			line-height:1;
		}

		.fac-pase-reset-seen-icon svg,
		.fac-pase-fullscreen-icon svg{
			display:block;
			width:18px;
			height:18px;
		}

		/*
		 * X2 no tiene icono: conserva una anchura compacta pero la misma
		 * altura, tipografía y acabado del resto.
		 */
		.fac-pase-toolbar-playback .fac-pase-speed{
			min-width:46px;
			padding-left:10px;
			padding-right:10px;
		}

		@media (max-width:820px){
			.fac-pase-photo-controls .fac-pase-user-button,
			.fac-pase-toolbar-playback .fac-pase-control-button{
				min-height:44px;
				padding:8px 12px;
				border-radius:9px;
				font-size:14px;
				font-weight:700;
				line-height:1;
			}

			.fac-pase-toolbar-playback .fac-pase-speed{
				min-width:50px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC22 — Controles compactos en móvil
		 * ================================================================ */

		.fac-pase-share-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:18px;
			height:18px;
		}

		.fac-pase-share-icon svg{
			display:block;
			width:18px;
			height:18px;
		}

		@media (max-width:820px){

			/*
			 * La versión móvil mantiene toda la funcionalidad pero reduce
			 * las etiquetas visibles de las acciones que ya tienen un icono
			 * reconocible. title y aria-label conservan su descripción.
			 */
			.fac-pase-reset-seen-text,
			.fac-pase-control-text,
			.fac-pase-fullscreen-text,
			.fac-pase-share-text,
			.fac-pase-favorite-text,
			.fac-pase-favorites-text,
			.fac-pase-new-text{
				display:none !important;
			}

			/* Botones superiores de icono: cuadrados y homogéneos. */
			.fac-pase-photo-controls .fac-pase-reset-seen,
			.fac-pase-toolbar-playback .fac-pase-pause,
			.fac-pase-photo-controls .fac-pase-fullscreen{
				width:44px;
				min-width:44px;
				max-width:44px;
				padding-left:0;
				padding-right:0;
				gap:0;
			}

			/* X2/X1 sigue visible porque ya es suficientemente compacto. */
			.fac-pase-toolbar-playback .fac-pase-speed{
				width:auto;
				min-width:48px;
				padding-left:9px;
				padding-right:9px;
			}

			/* Nuevas: estrella + contador, sin palabra. */
			.fac-pase-photo-controls .fac-pase-new-only{
				min-width:44px;
				padding-left:8px;
				padding-right:8px;
				gap:4px;
			}

			/*
			 * Debajo de la foto:
			 * - Favoritas conserva el contador;
			 * - Añadir/quitar favorita queda como corazón;
			 * - Compartir queda como icono de compartir.
			 */
			.fac-pase-image-actions .fac-pase-favorites-only{
				min-width:48px;
				padding-left:8px;
				padding-right:8px;
				gap:4px;
			}

			.fac-pase-image-actions .fac-pase-favorite-current,
			.fac-pase-image-actions .fac-pase-share{
				width:44px;
				min-width:44px;
				max-width:44px;
				padding-left:0;
				padding-right:0;
				gap:0;
			}

			.fac-pase-image-actions .fac-pase-favorite-icon,
			.fac-pase-image-actions .fac-pase-share-icon{
				width:20px;
				height:20px;
				font-size:20px;
			}

			.fac-pase-image-actions .fac-pase-share-icon svg{
				width:19px;
				height:19px;
			}

			/*
			 * Un poco menos de separación para ganar ancho, sin reducir
			 * el área táctil de 44 px.
			 */
			.fac-pase-toolbar-group{
				gap:4px;
				padding-left:5px;
				padding-right:5px;
			}

			.fac-pase-image-actions{
				gap:6px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC24 — Centrar acciones inferiores en móvil
		 * ================================================================ */
		@media (max-width:820px){
			/*
			 * Corazones y compartir más centrados debajo de la fotografía,
			 * con mejor equilibrio visual en pantallas pequeñas.
			 */
			.fac-pase-image-actions{
				width:100%;
				display:flex;
				justify-content:center;
				align-items:center;
				flex-wrap:wrap;
				margin-left:auto;
				margin-right:auto;
			}

			.fac-pase-image-actions .fac-pase-user-button{
				align-self:center;
			}
		}


		/* ================================================================
		 * V1.3.0-RC25 — Confirmaciones visuales tipo aplicación
		 * ================================================================ */

		.fac-pase-toast{
			position:fixed;
			left:50%;
			bottom:24px;
			z-index:99999;
			max-width:min(420px, calc(100vw - 32px));
			padding:10px 15px;
			border:1px solid rgba(255,255,255,0.22);
			border-radius:10px;
			background:rgba(20,28,36,0.96);
			color:#ffffff;
			font-size:14px;
			font-weight:700;
			line-height:1.3;
			text-align:center;
			box-shadow:0 5px 18px rgba(0,0,0,0.32);
			transform:translate(-50%, 12px);
			opacity:0;
			pointer-events:none;
			transition:
				opacity .18s ease,
				transform .18s ease;
		}

		.fac-pase-toast.is-visible{
			opacity:1;
			transform:translate(-50%, 0);
		}

		.fac-pase-toast[hidden]{
			display:none !important;
		}

		@media (max-width:820px){
			.fac-pase-toast{
				bottom:calc(18px + env(safe-area-inset-bottom, 0px));
				max-width:calc(100vw - 24px);
				padding:10px 13px;
				border-radius:9px;
				font-size:13px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC26 — Avisos centrados y más visibles
		 * ================================================================ */

		.fac-pase-toast{
			top:50%;
			left:50%;
			bottom:auto;
			min-width:260px;
			max-width:min(520px, calc(100vw - 40px));
			padding:16px 22px;
			border:1px solid rgba(255,255,255,0.30);
			border-radius:12px;
			background:rgba(17,24,32,0.97);
			color:#ffffff;
			font-size:17px;
			font-weight:800;
			line-height:1.35;
			text-align:center;
			box-shadow:0 8px 28px rgba(0,0,0,0.38);
			transform:translate(-50%, -42%);
		}

		.fac-pase-toast.is-visible{
			transform:translate(-50%, -50%);
		}

		@media (max-width:820px){
			.fac-pase-toast{
				top:50%;
				bottom:auto;
				min-width:220px;
				max-width:calc(100vw - 32px);
				padding:14px 18px;
				border-radius:11px;
				font-size:16px;
				line-height:1.3;
				transform:translate(-50%, -42%);
			}

			.fac-pase-toast.is-visible{
				transform:translate(-50%, -50%);
			}
		}


		/* ================================================================
		 * V1.3.0-RC27 — Barra móvil más compacta
		 * ================================================================ */

		/* Afinamos ligeramente el espacio interior también en escritorio. */
		.fac-pase-photo-controls .fac-pase-user-button,
		.fac-pase-toolbar-playback .fac-pase-control-button{
			min-height:34px;
			padding:6px 10px;
			font-size:12px;
			border-radius:8px;
		}

		.fac-pase-toolbar-playback .fac-pase-speed{
			min-width:42px;
			padding-left:9px;
			padding-right:9px;
		}

		.fac-pase-view-progress{
			gap:8px;
			min-height:36px;
			padding:6px 10px;
		}

		.fac-pase-view-progress .fac-pase-seen-count,
		.fac-pase-view-progress .fac-pase-total-count{
			font-size:16px;
		}

		.fac-pase-progress-label,
		.fac-pase-progress-divider{
			font-size:16px;
		}

		.fac-pase-toolbar-group{
			gap:4px;
			padding-left:7px;
			padding-right:7px;
		}

		.fac-pase-image-actions .fac-pase-user-button{
			min-height:34px;
			padding:6px 10px;
			font-size:12px;
		}

		@media (max-width:820px){
			/* Toda la barra superior gana más aire útil y menos relleno. */
			.fac-pase-photo-controls{
				padding:3px;
				border-radius:8px;
			}

			.fac-pase-toolbar-left,
			.fac-pase-toolbar-right{
				gap:0;
			}

			.fac-pase-toolbar-group{
				gap:3px;
				padding-left:4px;
				padding-right:4px;
			}

			/* Tarjeta de progreso más compacta para que no esconda X2. */
			.fac-pase-view-progress{
				gap:6px;
				min-height:40px;
				padding:5px 8px;
				border-radius:8px;
			}

			.fac-pase-progress-stat{
				gap:4px;
			}

			.fac-pase-view-progress .fac-pase-seen-count,
			.fac-pase-view-progress .fac-pase-total-count{
				font-size:15px;
			}

			.fac-pase-progress-label,
			.fac-pase-progress-divider{
				font-size:15px;
				letter-spacing:0;
			}

			/* Botones superiores: cuadrados compactos pero cómodos. */
			.fac-pase-photo-controls .fac-pase-reset-seen,
			.fac-pase-toolbar-playback .fac-pase-pause,
			.fac-pase-photo-controls .fac-pase-fullscreen{
				width:40px;
				min-width:40px;
				max-width:40px;
				min-height:40px;
				padding-left:0;
				padding-right:0;
			}

			.fac-pase-toolbar-playback .fac-pase-speed{
				min-width:40px;
				min-height:40px;
				padding-left:7px;
				padding-right:7px;
				font-size:13px;
			}

			.fac-pase-photo-controls .fac-pase-user-button,
			.fac-pase-toolbar-playback .fac-pase-control-button{
				min-height:40px;
				padding:7px 9px;
				font-size:13px;
				border-radius:8px;
				gap:4px;
			}

			.fac-pase-photo-controls .fac-pase-user-button > [aria-hidden="true"],
			.fac-pase-toolbar-playback .fac-pase-control-icon,
			.fac-pase-reset-seen-icon,
			.fac-pase-fullscreen-icon,
			.fac-pase-share-icon{
				width:17px;
				height:17px;
				font-size:16px;
			}

			.fac-pase-reset-seen-icon svg,
			.fac-pase-fullscreen-icon svg,
			.fac-pase-share-icon svg{
				width:17px;
				height:17px;
			}

			/* Acciones inferiores: un poco más compactas. */
			.fac-pase-image-actions{
				gap:5px;
				padding-top:7px;
			}

			.fac-pase-image-actions .fac-pase-user-button{
				min-height:40px;
				padding:7px 9px;
				font-size:13px;
				border-radius:8px;
			}

			.fac-pase-image-actions .fac-pase-favorites-only{
				min-width:44px;
				padding-left:7px;
				padding-right:7px;
			}

			.fac-pase-image-actions .fac-pase-favorite-current,
			.fac-pase-image-actions .fac-pase-share{
				width:40px;
				min-width:40px;
				max-width:40px;
				padding-left:0;
				padding-right:0;
			}
		}


		/* ================================================================
		 * V1.3.0-RC28 — Navegación inferior junto a favoritas/compartir
		 * ================================================================ */
		.fac-pase-image-header{
			grid-template-columns:1fr;
		}

		.fac-pase-image-actions{
			display:grid;
			grid-template-columns:56px minmax(0,1fr) 56px;
			align-items:center;
			gap:10px;
			justify-items:center;
		}

		.fac-pase-image-actions-core{
			display:flex;
			align-items:center;
			justify-content:center;
			gap:10px;
			min-width:0;
			width:100%;
		}

		.fac-pase-nav-bottom{
			width:50px;
			min-width:50px;
			height:44px;
			min-height:44px;
			padding:0;
			font-size:30px;
			line-height:1;
			align-self:center;
		}

		.fac-pase-nav-bottom.fac-pase-prev{ justify-self:start; }
		.fac-pase-nav-bottom.fac-pase-next{ justify-self:end; }

		@media (max-width:820px){
			.fac-pase-image-actions{
				grid-template-columns:42px minmax(0,1fr) 42px;
				gap:6px;
				padding-left:4px;
				padding-right:4px;
			}

			.fac-pase-image-actions-core{
				gap:6px;
			}

			.fac-pase-nav-bottom{
				width:40px;
				min-width:40px;
				height:40px;
				min-height:40px;
				font-size:24px;
				border-radius:8px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC29 — Título más legible en móvil
		 * ================================================================ */
		@media (max-width:820px){
			/*
			 * Ahora que las flechas ya no ocupan los lados del título,
			 * aprovechamos el ancho disponible y permitimos hasta 2 líneas.
			 */
			.fac-pase-image-header{
				padding-top:8px;
				padding-bottom:8px;
			}

			.fac-pase-title-block{
				width:100%;
				min-width:0;
				padding-left:4px;
				padding-right:4px;
			}

			.fac-pase-title,
			.fac-pase-title a{
				white-space:normal;
			}

			.fac-pase-title{
				font-size:18px;
				line-height:1.15;
				font-weight:700;
				overflow:hidden;
				text-overflow:ellipsis;
			}

			.fac-pase-title a{
				display:-webkit-box;
				-webkit-box-orient:vertical;
				-webkit-line-clamp:2;
				line-clamp:2;
				overflow:hidden;
				text-overflow:ellipsis;
			}

			.fac-pase-photo-year{
				margin-top:2px;
				font-size:13px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC30 — Foto móvil adaptada a su formato real
		 * ================================================================ */
		@media (max-width:820px){
			/* El contenedor ya no reserva siempre un 62vh completo. */
			.fac-pase-image-pane{
				height:auto;
				max-height:none;
			}

			.fac-pase-image-area{
				height:var(--fac-pase-image-height);
				max-height:none;
				min-height:170px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC31 — Controles inferiores siempre en posición estable
		 * ================================================================ */
		@media (max-width:820px){

			/*
			 * El marco completo de la fotografía conserva una altura estable.
			 * De esta forma, al pasar de una foto horizontal a una vertical
			 * no se desplaza la fila de navegación/favoritos/compartir.
			 */
			.fac-pase-image-pane{
				height:min(62vh, 560px);
				max-height:min(62vh, 560px);
				min-height:360px;
				grid-template-rows:auto minmax(0, 1fr) auto;
			}

			/*
			 * La fotografía se adapta dentro del espacio central reservado,
			 * pero ya no modifica la altura del propio visor.
			 */
			.fac-pase-image-area{
				height:100% !important;
				max-height:none !important;
				min-height:0 !important;
				align-self:stretch;
			}

			.fac-pase-image-link,
			.fac-pase-image-ghost{
				height:100%;
				max-height:100%;
			}

			/*
			 * Reservamos una altura estable para la fila inferior.
			 * Flecha izquierda | 3 acciones centrales | flecha derecha.
			 */
			.fac-pase-image-actions{
				min-height:48px;
				height:48px;
				padding-top:4px;
				padding-bottom:0;
				align-self:end;
			}

			.fac-pase-image-actions-core{
				height:40px;
				align-items:center;
			}

			.fac-pase-nav-bottom,
			.fac-pase-image-actions .fac-pase-user-button{
				align-self:center;
			}
		}

		@media (max-width:480px){
			.fac-pase-image-pane{
				height:min(60vh, 520px);
				max-height:min(60vh, 520px);
				min-height:340px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC33 — Centrado real y confirmación propia
		 * ================================================================ */

		/*
		 * El toast se mueve al BODY mediante JavaScript y permanece
		 * exactamente en el centro del viewport durante toda la animación.
		 * Solo cambia la opacidad: ya no se desplaza verticalmente.
		 */
		.fac-pase-toast{
			position:fixed !important;
			top:50% !important;
			left:50% !important;
			right:auto !important;
			bottom:auto !important;
			margin:0 !important;
			transform:translate(-50%, -50%) !important;
			transition:opacity .18s ease !important;
			z-index:1000001 !important;
		}

		.fac-pase-toast.is-visible{
			transform:translate(-50%, -50%) !important;
		}

		/* Confirmación propia para sustituir window.confirm del navegador. */
		.fac-pase-reset-confirm{
			position:fixed;
			inset:0;
			z-index:1000000;
			display:flex;
			align-items:center;
			justify-content:center;
			padding:24px;
			background:rgba(5,10,15,0.62);
			opacity:0;
			visibility:hidden;
			transition:opacity .17s ease, visibility .17s ease;
		}

		.fac-pase-reset-confirm[hidden]{
			display:none !important;
		}

		.fac-pase-reset-confirm.is-visible{
			opacity:1;
			visibility:visible;
		}

		.fac-pase-reset-confirm-dialog{
			width:min(430px, calc(100vw - 40px));
			padding:22px 22px 18px;
			border:1px solid #52616e;
			border-radius:13px;
			background:#171f27;
			color:#ffffff;
			text-align:center;
			box-shadow:0 18px 55px rgba(0,0,0,.46);
			transform:scale(.97);
			transition:transform .17s ease;
		}

		.fac-pase-reset-confirm.is-visible .fac-pase-reset-confirm-dialog{
			transform:scale(1);
		}

		.fac-pase-reset-confirm-dialog h2{
			margin:0 0 10px;
			color:#ffffff;
			font-size:21px;
			font-weight:800;
			line-height:1.2;
		}

		.fac-pase-reset-confirm-dialog p{
			margin:0;
			color:#d8e0e7;
			font-size:15px;
			font-weight:500;
			line-height:1.45;
		}

		.fac-pase-reset-confirm-actions{
			display:flex;
			align-items:center;
			justify-content:center;
			gap:10px;
			margin-top:20px;
		}

		.fac-pase-reset-confirm-actions button{
			min-height:40px;
			padding:9px 17px;
			border:1px solid #aeb9c3;
			border-radius:8px;
			font-family:inherit;
			font-size:14px;
			font-weight:750;
			line-height:1;
			cursor:pointer;
			transition:background-color .15s ease, border-color .15s ease, color .15s ease;
		}

		.fac-pase-reset-confirm-cancel{
			background:#f3f5f7;
			color:#18222c;
		}

		.fac-pase-reset-confirm-cancel:hover{
			background:#ffffff;
			border-color:#83929e;
		}

		.fac-pase-reset-confirm-accept{
			background:#315f85;
			border-color:#86aac8 !important;
			color:#ffffff;
		}

		.fac-pase-reset-confirm-accept:hover{
			background:#284f70;
		}

		.fac-pase-reset-confirm-actions button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:3px;
		}

		body.fac-pase-reset-confirm-open{
			overflow:hidden;
		}

		@media (max-width:820px){
			.fac-pase-reset-confirm{
				padding:18px;
			}

			.fac-pase-reset-confirm-dialog{
				width:min(390px, calc(100vw - 28px));
				padding:20px 18px 17px;
				border-radius:12px;
			}

			.fac-pase-reset-confirm-dialog h2{
				font-size:20px;
			}

			.fac-pase-reset-confirm-dialog p{
				font-size:14px;
			}

			.fac-pase-reset-confirm-actions button{
				min-height:44px;
				padding:10px 16px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC35 — Atajos de teclado en ordenador
		 * ================================================================ */

		.fac-pase-help-keyboard{
			margin-top:12px !important;
			padding:10px 12px;
			border:1px solid rgba(255,255,255,0.15);
			border-radius:8px;
			background:rgba(255,255,255,0.055);
			color:#e8eef4 !important;
		}

		@media (max-width:820px), (hover:none), (pointer:coarse){
			.fac-pase-help-keyboard{
				display:none !important;
			}
		}


		/* ================================================================
		 * V1.3.0-RC43 — Panel «Filtros activos» simplificado
		 * ================================================================ */

		.fac-pase-filter-panel .fac-pase-active-filters{
			margin-top:0;
		}

		.fac-pase-filter-panel .fac-pase-filter-chips{
			margin-top:1px;
		}

		.fac-pase-filter-panel .fac-pase-clear-filters{
			margin-top:8px;
		}


		/* ================================================================
		 * V1.3.0-RC44 — Filtros integrados en DATOS DE LA FOTO
		 * ================================================================ */

		.fac-pase-data-panel .fac-pase-active-filters{
			display:none;
			flex-direction:column;
			align-items:stretch;
			gap:7px;
			width:100%;
			margin:10px 0 0;
			padding:9px 0 0;
			border-top:1px solid rgba(226,232,240,0.16);
		}

		.fac-pase-data-panel .fac-pase-active-filters.is-visible{
			display:flex;
		}

		.fac-pase-active-filters-title{
			display:block;
			width:100%;
			color:#cbd5e1;
			font-size:12px;
			font-weight:800;
			line-height:1.2;
			text-transform:uppercase;
			letter-spacing:.03em;
		}

		.fac-pase-data-panel .fac-pase-filter-chips{
			display:flex;
			flex-wrap:wrap;
			justify-content:flex-start;
			gap:5px;
			width:100%;
			margin:0;
		}

		.fac-pase-data-panel .fac-pase-clear-filters{
			align-self:flex-end;
			margin:2px 0 0 auto;
		}

		@media (max-width:820px){
			.fac-pase-data-panel .fac-pase-active-filters{
				margin-top:9px;
				padding-top:8px;
			}

			.fac-pase-active-filters-title{
				font-size:11px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC45 — Sin chips: solo «Borrar filtros» en cabecera
		 * ================================================================ */

		.fac-pase-data-header{
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:12px;
			width:100%;
			margin:0 0 5px;
		}

		.fac-pase-data-header .fac-pase-panel-title{
			margin:0;
			flex:1 1 auto;
			min-width:0;
		}

		/*
		 * Esta zona ya no es una sección de filtros.
		 * Solo contiene el botón global y aparece cuando hay filtros.
		 */
		.fac-pase-data-header .fac-pase-active-filters{
			display:none;
			flex:0 0 auto;
			width:auto;
			margin:0;
			padding:0;
			border:0;
			gap:0;
		}

		.fac-pase-data-header .fac-pase-active-filters.is-visible{
			display:flex;
		}

		.fac-pase-data-header .fac-pase-clear-filters{
			margin:0;
			padding:5px 9px;
			border:1px solid rgba(226,232,240,0.32);
			border-radius:7px;
			background:rgba(255,255,255,0.06);
			color:#f2f5f8;
			font-size:11px;
			font-weight:700;
			line-height:1;
			white-space:nowrap;
		}

		.fac-pase-data-header .fac-pase-clear-filters:hover,
		.fac-pase-data-header .fac-pase-clear-filters:focus{
			background:rgba(255,255,255,0.14);
			border-color:rgba(226,232,240,0.50);
			color:#fff;
		}

		@media (max-width:820px){
			.fac-pase-data-header{
				gap:8px;
			}

			.fac-pase-data-header .fac-pase-clear-filters{
				padding:5px 7px;
				font-size:10px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC46 — «Borrar filtros» debajo de los datos
		 * ================================================================ */

		.fac-pase-data-panel > .fac-pase-active-filters{
			display:none;
			width:100%;
			margin:12px 0 0;
			padding:10px 0 0;
			border-top:1px solid rgba(226,232,240,0.14);
			align-items:center;
			justify-content:center;
		}

		.fac-pase-data-panel > .fac-pase-active-filters.is-visible{
			display:flex;
		}

		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
			margin:0 auto;
			min-height:38px;
			padding:8px 15px;
			border:1px solid rgba(226,232,240,0.38);
			border-radius:8px;
			background:rgba(255,255,255,0.075);
			color:#f5f7fa;
			font-family:inherit;
			font-size:13px;
			font-weight:800;
			line-height:1;
			white-space:nowrap;
			cursor:pointer;
		}

		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters:hover,
		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters:focus{
			background:rgba(255,255,255,0.15);
			border-color:rgba(226,232,240,0.58);
			color:#fff;
			outline:none;
		}

		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		@media (max-width:820px){
			.fac-pase-data-panel > .fac-pase-active-filters{
				margin-top:10px;
				padding-top:9px;
			}

			.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
				min-height:40px;
				padding:9px 16px;
				font-size:13px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC47 — Acciones secundarias con diseño profesional común
		 * ================================================================ */

		.fac-pase-action-button{
			box-sizing:border-box;
			display:inline-flex !important;
			align-items:center;
			justify-content:center;
			gap:7px;
			min-height:40px;
			margin:0;
			padding:8px 13px;
			border:1px solid #b8c2cb;
			border-radius:8px;
			font-family:inherit;
			font-size:13px;
			font-weight:700;
			line-height:1;
			letter-spacing:0;
			white-space:nowrap;
			text-decoration:none !important;
			box-shadow:0 1px 2px rgba(0,0,0,.16);
			cursor:pointer;
			transition:
				background-color .15s ease,
				border-color .15s ease,
				color .15s ease,
				box-shadow .15s ease,
				transform .05s ease;
			-webkit-font-smoothing:antialiased;
		}

		.fac-pase-action-primary{
			background:#f4f6f8;
			border-color:#b8c2cb;
			color:#18222c !important;
		}

		.fac-pase-action-secondary{
			background:#e9edf1;
			border-color:#aeb9c3;
			color:#18222c !important;
		}

		.fac-pase-action-button:hover,
		.fac-pase-action-button:focus{
			background:#ffffff;
			border-color:#8e9ba7;
			color:#0f1720 !important;
			box-shadow:0 2px 5px rgba(0,0,0,.18);
			outline:none;
		}

		.fac-pase-action-button:active{
			transform:translateY(1px);
			box-shadow:0 1px 2px rgba(0,0,0,.14);
		}

		.fac-pase-action-button:focus-visible{
			outline:3px solid #ffd166;
			outline-offset:2px;
		}

		.fac-pase-action-icon{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			flex:0 0 auto;
			width:18px;
			height:18px;
			line-height:1;
		}

		.fac-pase-action-icon svg{
			display:block;
			width:18px;
			height:18px;
		}

		/* Los enlaces inferiores comparten ahora el mismo lenguaje visual. */
		.fac-pase-side-footer{
			gap:9px;
			margin-top:7px;
		}

		.fac-pase-side-footer .fac-pase-link{
			padding:8px 13px;
			border-radius:8px;
			font-size:13px;
			font-weight:700;
		}

		/*
		 * Borrar filtros conserva su posición centrada de RC46, pero pasa a
		 * usar exactamente el mismo acabado profesional.
		 */
		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
			min-height:40px;
			padding:8px 13px;
			border:1px solid #aeb9c3;
			border-radius:8px;
			background:#e9edf1;
			color:#18222c;
			font-size:13px;
			font-weight:700;
			box-shadow:0 1px 2px rgba(0,0,0,.16);
		}

		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters:hover,
		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters:focus{
			background:#ffffff;
			border-color:#8e9ba7;
			color:#0f1720;
			box-shadow:0 2px 5px rgba(0,0,0,.18);
		}

		@media (max-width:820px){
			.fac-pase-action-button{
				min-height:42px;
				padding:8px 11px;
				font-size:13px;
				gap:6px;
			}

			.fac-pase-action-icon,
			.fac-pase-action-icon svg{
				width:17px;
				height:17px;
			}

			.fac-pase-side-footer{
				gap:7px;
			}

			.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
				min-height:42px;
				padding:8px 12px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC48 — Tamaño unificado de todos los botones
		 * ================================================================ */

		/*
		 * Ver ficha completa, Volver a la web y Borrar filtros pasan a tener
		 * la misma escala que Reiniciar, Pausa, X2 y el resto de controles.
		 */
		.fac-pase-action-button,
		.fac-pase-side-footer .fac-pase-link,
		.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
			min-height:34px;
			padding:6px 10px;
			border-radius:8px;
			font-size:12px;
			font-weight:700;
			line-height:1;
		}

		.fac-pase-action-icon,
		.fac-pase-action-icon svg{
			width:17px;
			height:17px;
		}

		@media (max-width:820px){
			.fac-pase-action-button,
			.fac-pase-side-footer .fac-pase-link,
			.fac-pase-data-panel > .fac-pase-active-filters .fac-pase-clear-filters{
				min-height:40px;
				padding:7px 9px;
				border-radius:8px;
				font-size:13px;
				font-weight:700;
				line-height:1;
			}

			.fac-pase-action-icon,
			.fac-pase-action-icon svg{
				width:17px;
				height:17px;
			}
		}


		/* ================================================================
		 * V1.3.0-RC49 — Avisos centrados sobre la fotografía
		 * ================================================================ */

		/*
		 * El aviso sigue siendo fixed y vive en BODY, pero JavaScript coloca
		 * top/left en el centro geométrico de .fac-pase-image-area.
		 * Así queda centrado sobre la foto y no sobre toda la pantalla.
		 */
		.fac-pase-toast{
			top:auto !important;
			left:auto !important;
			transform:translate(-50%, -50%) !important;
			max-width:min(520px, calc(100vw - 40px));
		}

		.fac-pase-toast.is-visible{
			transform:translate(-50%, -50%) !important;
		}

		@media (max-width:820px){
			.fac-pase-toast{
				max-width:min(420px, calc(100vw - 28px));
			}
		}


		/* ================================================================
		 * V1.3.0-RC50 — Corrección de avisos sobre la fotografía
		 * ================================================================ */

		/*
		 * RC49 dejó top/left en auto con !important. Ese !important impedía
		 * que JavaScript colocara realmente el aviso y podía hacerlo desaparecer.
		 * RC50 mantiene el elemento fixed, pero la coordenada la define JS.
		 */
		.fac-pase-toast{
			position:fixed !important;
			right:auto !important;
			bottom:auto !important;
			margin:0 !important;
			transform:translate(-50%, -50%) !important;
			opacity:0;
			pointer-events:none;
		}

		.fac-pase-toast.is-visible{
			opacity:1;
			transform:translate(-50%, -50%) !important;
		}


		/* ================================================================
		 * V1.3.0-RC51 — Avisos: foto en escritorio, pantalla en móvil
		 * ================================================================ */

		@media (max-width:820px){
			/*
			 * En móvil JavaScript fija top/left al 50% del viewport.
			 * Se mantiene este transform para un centrado exacto.
			 */
			.fac-pase-toast,
			.fac-pase-toast.is-visible{
				transform:translate(-50%, -50%) !important;
			}
		}

/* ================================================================
 * V1.3.0-RC55 — Función opcional: ampliación y zoom
 * ================================================================ */
.fac-pase-image-actions .fac-pase-zoom-open{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
}
.fac-pase-image-actions .fac-pase-zoom-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	flex:0 0 20px;
}
.fac-pase-image-actions .fac-pase-zoom-icon svg{
	display:block;
	width:19px;
	height:19px;
}
.fac-pase-zoom-modal{
	position:fixed;
	inset:0;
	z-index:1000002;
	display:flex;
	align-items:stretch;
	justify-content:stretch;
	padding:16px;
	background:rgba(4,8,12,.94);
	backdrop-filter:blur(4px);
	opacity:0;
	visibility:hidden;
	transition:opacity .18s ease, visibility .18s ease;
}
.fac-pase-zoom-modal[hidden]{
	display:none !important;
}
.fac-pase-zoom-modal.is-visible{
	opacity:1;
	visibility:visible;
}
.fac-pase-zoom-shell{
	display:grid;
	grid-template-rows:auto minmax(0,1fr) auto;
	width:100%;
	height:100%;
	min-width:0;
	min-height:0;
	border:1px solid rgba(255,255,255,.16);
	border-radius:14px;
	background:#0d1217;
	box-shadow:0 24px 70px rgba(0,0,0,.55);
	overflow:hidden;
}
.fac-pase-zoom-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	min-height:58px;
	padding:9px 12px 9px 17px;
	border-bottom:1px solid rgba(255,255,255,.12);
	background:#171f27;
	color:#fff;
}
.fac-pase-zoom-heading{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}
.fac-pase-zoom-heading strong{
	display:block;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px;
	font-weight:750;
	color:#fff;
}
.fac-pase-zoom-level{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:48px;
	padding:4px 7px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:999px;
	background:rgba(255,255,255,.08);
	font-size:12px;
	font-weight:700;
	color:#dbe6ee;
}
.fac-pase-zoom-controls{
	display:flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
}
.fac-pase-zoom-control{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	height:40px;
	padding:0 10px;
	border:1px solid #788896;
	border-radius:8px;
	background:#f6f8fa;
	color:#16222c;
	font-family:inherit;
	font-size:19px;
	font-weight:800;
	line-height:1;
	cursor:pointer;
	transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;
}
.fac-pase-zoom-reset{
	min-width:62px;
	font-size:12px;
}
.fac-pase-zoom-close{
	margin-left:5px;
	background:#263746;
	border-color:#72889a;
	color:#fff;
	font-size:25px;
	font-weight:500;
}
.fac-pase-zoom-control:hover:not(:disabled),
.fac-pase-zoom-control:focus:not(:disabled){
	background:#fff;
	border-color:#aab7c1;
}
.fac-pase-zoom-close:hover:not(:disabled),
.fac-pase-zoom-close:focus:not(:disabled){
	background:#334b5e;
}
.fac-pase-zoom-control:disabled{
	opacity:.42;
	cursor:default;
}
.fac-pase-zoom-control:focus-visible{
	outline:3px solid #ffd166;
	outline-offset:2px;
}
.fac-pase-zoom-viewport{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	min-height:0;
	overflow:hidden;
	background:
		radial-gradient(circle at center, rgba(255,255,255,.035), transparent 55%),
		#080c10;
	touch-action:none;
	user-select:none;
	-webkit-user-select:none;
}
.fac-pase-zoom-image{
	display:block;
	max-width:94%;
	max-height:94%;
	width:auto;
	height:auto;
	object-fit:contain;
	transform:translate3d(0,0,0) scale(1);
	transform-origin:center center;
	transition:transform .12s ease;
	will-change:transform;
	user-select:none;
	-webkit-user-drag:none;
	pointer-events:none;
}
.fac-pase-zoom-modal.is-zoomed .fac-pase-zoom-viewport{
	cursor:grab;
}
.fac-pase-zoom-modal.is-zoomed .fac-pase-zoom-image{
	transition:none;
}
.fac-pase-zoom-help{
	margin:0;
	padding:8px 14px 10px;
	border-top:1px solid rgba(255,255,255,.10);
	background:#121920;
	color:#bac7d2;
	font-size:12px;
	line-height:1.35;
	text-align:center;
}
body.fac-pase-zoom-open{
	overflow:hidden !important;
}
@media (max-width:820px){
	.fac-pase-image-actions .fac-pase-zoom-open{
		width:40px;
		min-width:40px;
		max-width:40px;
		padding-left:0;
		padding-right:0;
		gap:0;
	}
	.fac-pase-image-actions .fac-pase-zoom-text{
		display:none;
	}
	.fac-pase-zoom-modal{
		padding:0;
	}
	.fac-pase-zoom-shell{
		border:0;
		border-radius:0;
	}
	.fac-pase-zoom-header{
		min-height:56px;
		padding:7px 8px 7px 12px;
		gap:8px;
	}
	.fac-pase-zoom-heading strong{
		max-width:32vw;
		font-size:13px;
	}
	.fac-pase-zoom-level{
		display:none;
	}
	.fac-pase-zoom-controls{
		gap:5px;
	}
	.fac-pase-zoom-control{
		min-width:40px;
		height:40px;
		padding:0 8px;
	}
	.fac-pase-zoom-reset{
		min-width:52px;
		font-size:11px;
	}
	.fac-pase-zoom-close{
		margin-left:1px;
	}
	.fac-pase-zoom-image{
		max-width:98%;
		max-height:98%;
	}
	.fac-pase-zoom-help{
		padding:7px 10px calc(8px + env(safe-area-inset-bottom,0px));
		font-size:11px;
	}
}
@media (prefers-reduced-motion:reduce){
	.fac-pase-zoom-modal,
	.fac-pase-zoom-image{
		transition:none !important;
	}
}


/* RC68 — Accesibilidad: foco de teclado inequívoco en cualquier control. */
.fac-pase-fotos :where(a, button, [tabindex]):focus-visible{
	outline:3px solid #ffd166 !important;
	outline-offset:3px !important;
}

@media (prefers-reduced-motion:reduce){
	.fac-pase-fotos *,
	.fac-pase-fotos *::before,
	.fac-pase-fotos *::after,
	.fac-pase-toast,
	.fac-pase-reset-confirm,
	.fac-pase-help-modal,
	.fac-pase-zoom-modal{
		animation-duration:0.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:0.01ms !important;
		scroll-behavior:auto !important;
	}
}


/* ================================================================
 * V1.3.0-RC69 — Barra superior móvil: grupos estables
 * Solo afecta a pantallas de hasta 820 px.
 * - Progreso + Reiniciar permanecen juntos a la izquierda.
 * - Play/Reanudar + X2 permanecen anclados al extremo derecho.
 * - Escritorio y tablet > 820 px no cambian.
 * ================================================================ */
@media (max-width:820px){
	.fac-pase-photo-controls{
		display:flex !important;
		align-items:center !important;
		justify-content:flex-start !important;
		width:100% !important;
		min-width:0 !important;
		gap:3px !important;
		overflow-x:hidden !important;
		overflow-y:visible !important;
	}

	/*
	 * En móvil hacemos que los grupos contenidos en la zona izquierda
	 * participen directamente en la fila principal. Esto permite fijar
	 * el grupo de reproducción al borde derecho sin alterar el HTML ni
	 * la disposición de escritorio.
	 */
	.fac-pase-toolbar-left{
		display:contents !important;
	}

	.fac-pase-toolbar-status{
		order:10;
		flex:0 1 auto !important;
		min-width:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	/* Reiniciar queda inmediatamente después del contador. */
	.fac-pase-toolbar-explore{
		order:20;
		flex:0 0 auto !important;
		padding-left:3px !important;
		padding-right:3px !important;
	}

	/* Si Pantalla completa está activa, queda antes de reproducción. */
	.fac-pase-toolbar-right{
		order:30;
		flex:0 0 auto !important;
		margin-left:0 !important;
		padding:0 !important;
	}

	.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
		padding-left:0 !important;
		padding-right:3px !important;
	}

	/* Play/Reanudar + X2 siempre ocupan el extremo derecho visible. */
	.fac-pase-toolbar-playback{
		order:40;
		flex:0 0 auto !important;
		margin-left:auto !important;
		padding-left:3px !important;
		padding-right:0 !important;
	}

	.fac-pase-toolbar-playback .fac-pase-image-playback{
		justify-content:flex-end !important;
	}
}


/* ================================================================
 * V1.3.0-RC70 — Pulido final móvil / Safari / zonas seguras
 * Solo afecta a pantallas de hasta 820 px.
 * - objetivos táctiles de 44 px;
 * - viewport dinámico (dvh) para evitar saltos con barras del navegador;
 * - safe-area de iPhone en vertical/horizontal;
 * - navegación inferior estable en móviles estrechos.
 * ================================================================ */
@media (max-width:820px){
	.fac-pase-stage{
		padding-left:max(12px, env(safe-area-inset-left, 0px)) !important;
		padding-right:max(12px, env(safe-area-inset-right, 0px)) !important;
		padding-bottom:max(14px, env(safe-area-inset-bottom, 0px)) !important;
	}

	/* La barra superior conserva la distribución de RC69 y gana zonas táctiles cómodas. */
	.fac-pase-photo-controls{
		min-height:52px !important;
		padding:4px !important;
		touch-action:manipulation;
	}

	.fac-pase-view-progress{
		min-height:44px !important;
	}

	.fac-pase-photo-controls .fac-pase-reset-seen,
	.fac-pase-toolbar-playback .fac-pase-pause,
	.fac-pase-photo-controls .fac-pase-fullscreen{
		width:44px !important;
		min-width:44px !important;
		max-width:44px !important;
		min-height:44px !important;
		height:44px !important;
	}

	.fac-pase-toolbar-playback .fac-pase-speed{
		min-width:44px !important;
		min-height:44px !important;
		height:44px !important;
	}

	.fac-pase-photo-controls .fac-pase-new-only{
		min-width:44px !important;
		min-height:44px !important;
	}

	/*
	 * 62vh queda como fallback. 62dvh evita que Safari/Chrome cambien la
	 * geometría del visor al mostrar u ocultar sus barras de navegación.
	 */
	.fac-pase-image-pane{
		height:min(62vh, 560px) !important;
		max-height:min(62vh, 560px) !important;
		height:min(62dvh, 560px) !important;
		max-height:min(62dvh, 560px) !important;
	}

	/* Flechas siempre fijas en los extremos; las acciones centrales usan el espacio restante. */
	.fac-pase-image-actions{
		grid-template-columns:44px minmax(0,1fr) 44px !important;
		min-height:52px !important;
		height:52px !important;
		gap:6px !important;
		padding-left:0 !important;
		padding-right:0 !important;
		padding-bottom:max(2px, env(safe-area-inset-bottom, 0px));
		overflow:visible !important;
	}

	.fac-pase-nav-bottom{
		width:44px !important;
		min-width:44px !important;
		height:44px !important;
		min-height:44px !important;
	}

	.fac-pase-image-actions-core{
		min-width:0 !important;
		max-width:100%;
		height:44px !important;
		gap:6px !important;
		overflow-x:auto;
		overflow-y:hidden;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}
	.fac-pase-image-actions-core::-webkit-scrollbar{display:none;}

	.fac-pase-image-actions .fac-pase-user-button,
	.fac-pase-image-actions .fac-pase-favorites-only,
	.fac-pase-image-actions .fac-pase-favorite-current,
	.fac-pase-image-actions .fac-pase-share,
	.fac-pase-image-actions .fac-pase-zoom-open{
		min-height:44px !important;
		height:44px !important;
	}

	.fac-pase-image-actions .fac-pase-favorite-current,
	.fac-pase-image-actions .fac-pase-share,
	.fac-pase-image-actions .fac-pase-zoom-open{
		width:44px !important;
		min-width:44px !important;
		max-width:44px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.fac-pase-photo-controls button,
	.fac-pase-image-actions button{
		touch-action:manipulation;
	}
}

@media (max-width:480px){
	.fac-pase-image-pane{
		height:min(60vh, 520px) !important;
		max-height:min(60vh, 520px) !important;
		height:min(60dvh, 520px) !important;
		max-height:min(60dvh, 520px) !important;
	}
}

/* En teléfonos especialmente estrechos comprimimos solo el texto del progreso,
 * nunca Play/Reanudar ni X2, que deben seguir visibles al extremo derecho. */
@media (max-width:390px){
	.fac-pase-photo-controls{
		gap:2px !important;
		padding-left:3px !important;
		padding-right:3px !important;
	}
	.fac-pase-toolbar-group{
		gap:2px !important;
		padding-left:2px !important;
		padding-right:2px !important;
	}
	.fac-pase-view-progress{
		gap:4px !important;
		padding-left:6px !important;
		padding-right:6px !important;
	}
	.fac-pase-progress-stat{gap:3px !important;}
	.fac-pase-view-progress .fac-pase-seen-count,
	.fac-pase-view-progress .fac-pase-total-count{
		font-size:14px !important;
	}
	.fac-pase-progress-label{
		font-size:10px !important;
	}
	.fac-pase-progress-divider{
		font-size:12px !important;
	}
	.fac-pase-image-actions,
	.fac-pase-image-actions-core{
		gap:4px !important;
	}
}

/* ================================================================
 * V1.4.0-RC1 — Carga progresiva
 * El contenido completo de cada foto se hidrata bajo demanda. El indicador
 * solo aparece cuando una navegación necesita esperar a la red.
 * ================================================================ */
.fac-pase-fotos.is-loading-slide .fac-pase-stage::after,
.fac-pase-fotos.is-preparing-filters .fac-pase-stage::after{
	content:"Cargando…";
	position:absolute;
	top:14px;
	right:46px;
	z-index:30;
	padding:7px 11px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:999px;
	background:rgba(10,16,22,.88);
	color:#fff;
	font-size:13px;
	font-weight:600;
	line-height:1;
	box-shadow:0 4px 14px rgba(0,0,0,.18);
	pointer-events:none;
}

@media (max-width:820px){
	.fac-pase-fotos.is-loading-slide .fac-pase-stage::after,
	.fac-pase-fotos.is-preparing-filters .fac-pase-stage::after{
		top:calc(var(--fac-pase-mobile-menu-offset, 0px) + env(safe-area-inset-top, 0px) + 8px);
		right:max(14px, env(safe-area-inset-right, 0px));
	}
}

@media (prefers-reduced-motion: reduce){
	.fac-pase-fotos.is-loading-slide .fac-pase-stage::after,
	.fac-pase-fotos.is-preparing-filters .fac-pase-stage::after{
		transition:none !important;
	}
}

/* ================================================================
 * V1.4.0-RC21 — Acabado específico tablet / iPad
 * - En tablets, Progreso + Reiniciar permanecen a la izquierda.
 * - Play/Reanudar + X2 se anclan al extremo derecho de su zona.
 * - Pantalla completa queda inmediatamente después de reproducción.
 * - En fullscreen se elimina la reserva del menú móvil de Enfold,
 *   que ya no está visible, evitando el gran hueco superior en iPad.
 * - No afecta a teléfonos estrechos ni a escritorio grande.
 * ================================================================ */
@media (min-width:700px) and (max-width:1180px){
	.fac-pase-photo-controls{
		display:flex !important;
		grid-template-columns:none !important;
		align-items:center !important;
		justify-content:flex-start !important;
		width:100% !important;
		min-width:0 !important;
		gap:5px !important;
		overflow-x:visible !important;
		overflow-y:visible !important;
	}

	/* Evitamos display:contents en Safari/iPad: la zona izquierda es un flex real. */
	.fac-pase-toolbar-left{
		display:flex !important;
		flex:1 1 auto !important;
		align-items:center !important;
		flex-wrap:nowrap !important;
		min-width:0 !important;
		width:auto !important;
		gap:0 !important;
	}

	.fac-pase-toolbar-status{
		order:10 !important;
		flex:0 1 auto !important;
		min-width:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.fac-pase-toolbar-explore{
		order:20 !important;
		flex:0 0 auto !important;
		padding-left:5px !important;
		padding-right:5px !important;
	}

	/* El espacio flexible se consume antes de Play/X2. */
	.fac-pase-toolbar-playback{
		order:40 !important;
		flex:0 0 auto !important;
		margin-left:auto !important;
		padding-left:5px !important;
		padding-right:0 !important;
	}

	.fac-pase-toolbar-playback .fac-pase-image-playback{
		justify-content:flex-end !important;
		flex-wrap:nowrap !important;
	}

	.fac-pase-toolbar-right{
		order:50 !important;
		display:flex !important;
		flex:0 0 auto !important;
		align-items:center !important;
		min-width:0 !important;
		margin-left:0 !important;
		padding:0 !important;
	}

	.fac-pase-toolbar-right .fac-pase-toolbar-fullscreen{
		margin-left:0 !important;
		padding-left:5px !important;
		padding-right:0 !important;
	}
}

/* En el fullscreen del iPad ya no hay cabecera/menu de Enfold que compensar. */
@media (min-width:700px) and (max-width:1180px){
	#fac-pase-fotos:fullscreen,
	#fac-pase-fotos:-webkit-full-screen{
		--fac-pase-mobile-menu-offset:0px;
	}

	#fac-pase-fotos:fullscreen .fac-pase-stage,
	#fac-pase-fotos:-webkit-full-screen .fac-pase-stage{
		padding-top:max(12px, env(safe-area-inset-top, 0px)) !important;
	}
}

/* ================================================================
 * V1.6.0 — Recuperación de carga sin añadir controles permanentes
 * ================================================================ */
.fac-pase-toast.has-action{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
	max-width:min(560px, calc(100vw - 32px));
	pointer-events:auto;
}
.fac-pase-toast-message{
	min-width:0;
}
.fac-pase-toast-retry{
	appearance:none;
	-webkit-appearance:none;
	border:1px solid rgba(255,255,255,.42);
	border-radius:7px;
	background:rgba(255,255,255,.12);
	color:inherit;
	font:inherit;
	font-weight:800;
	line-height:1.1;
	padding:7px 11px;
	cursor:pointer;
}
.fac-pase-toast-retry:hover,
.fac-pase-toast-retry:focus-visible{
	background:rgba(255,255,255,.22);
	outline:2px solid currentColor;
	outline-offset:2px;
}
@media (max-width:820px){
	.fac-pase-toast.has-action{
		max-width:calc(100vw - 24px);
		padding:13px 14px;
	}
}


/* ================================================================
 * V1.6.5 — Aprovechamiento vertical real en móvil
 * La galería ya no duplica la altura de una cabecera Enfold que está
 * dentro del flujo normal. Solo se compensa el solapamiento efectivo
 * calculado por galeria.js.
 * ================================================================ */


/* ================================================================
 * V1.6.6 — Contador de progreso con tipografía uniforme
 * “9 vistas de 36”: todos los fragmentos comparten tamaño/altura.
 * ================================================================ */
.fac-pase-view-progress .fac-pase-seen-count,
.fac-pase-view-progress .fac-pase-progress-label,
.fac-pase-view-progress .fac-pase-progress-divider,
.fac-pase-view-progress .fac-pase-total-count{
	font-size:17px !important;
	line-height:1 !important;
}
@media (max-width:1100px){
	.fac-pase-view-progress .fac-pase-seen-count,
	.fac-pase-view-progress .fac-pase-progress-label,
	.fac-pase-view-progress .fac-pase-progress-divider,
	.fac-pase-view-progress .fac-pase-total-count{
		font-size:16px !important;
	}
}
@media (max-width:820px){
	.fac-pase-view-progress .fac-pase-seen-count,
	.fac-pase-view-progress .fac-pase-progress-label,
	.fac-pase-view-progress .fac-pase-progress-divider,
	.fac-pase-view-progress .fac-pase-total-count{
		font-size:15px !important;
	}
}

/* 1.6.7: no-op clearing is hidden when only the territorial scope remains. */
.fac-pase-clear-filters[hidden]{display:none!important}