/*
 * Proporciones multimedia compartidas. Una imagen 16:9 llena por completo el
 * contenedor; una proporción distinta se muestra completa sobre un blur suave.
 * El vídeo y sus controles no forman parte de estas reglas.
 */
.sidebar-app-like-image,.mobile-buy-fit,.modal-buy-fit,.sticky-fit-thumb,.side-follow-thumb,.resource-product-media{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#070708!important;background-image:none!important}
.sidebar-app-like-image::before,.mobile-buy-fit::before,.modal-buy-fit::before,.sticky-fit-thumb::before,.side-follow-thumb::before,.resource-product-media::before{display:block!important;content:""!important;position:absolute!important;inset:-22px!important;z-index:0!important;background-image:var(--thumb-img)!important;background-size:cover!important;background-position:center!important;filter:blur(20px) brightness(.42) saturate(1.06)!important;transform:scale(1.14)!important;opacity:.82!important;pointer-events:none!important}
.sidebar-app-like-image::after,.mobile-buy-fit::after,.modal-buy-fit::after,.sticky-fit-thumb::after,.side-follow-thumb::after,.resource-product-media::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,rgba(3,3,4,.03),rgba(3,3,4,.23))!important;pointer-events:none!important}
.sidebar-app-like-image img,.mobile-buy-fit img,.modal-buy-fit img,.sticky-fit-thumb img,.side-follow-thumb img,.resource-product-media img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;padding:0!important;border-radius:inherit!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.36))!important}
.sidebar-app-like-image,.mobile-buy-fit,.modal-buy-fit,.sticky-fit-thumb,.side-follow-thumb,.resource-product-media--desktop,.resource-product-media--mobile{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
.resource-product-media--mobile{margin-inline:0!important;border-radius:18px!important}

/* Solo la miniatura del sticky inferior móvil usa una imagen cuadrada 1000×1000. */
#mobile-sticky-bar .mobile-sticky-thumb,.mobile-sticky-thumb{position:relative!important;isolation:isolate!important;overflow:hidden!important;width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;aspect-ratio:1/1!important;border-radius:15px!important;background:#070708!important}
#mobile-sticky-bar .mobile-sticky-thumb::before,#mobile-sticky-bar .mobile-sticky-thumb::after,.mobile-sticky-thumb::before,.mobile-sticky-thumb::after{display:none!important;content:none!important}
#mobile-sticky-bar .mobile-sticky-thumb img,.mobile-sticky-thumb img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;border-radius:inherit!important;object-fit:cover!important;object-position:center!important;filter:none!important}
@media(max-width:380px){#mobile-sticky-bar .mobile-sticky-thumb,.mobile-sticky-thumb{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important;border-radius:13px!important}}
@media(min-width:480px) and (max-width:1023px){#mobile-sticky-bar .mobile-sticky-thumb,.mobile-sticky-thumb{width:58px!important;height:58px!important;min-width:58px!important;flex-basis:58px!important}}

/* Acción secundaria de previsualización de Recursos. */
.resource-preview-section{width:100%;margin:0}.resource-preview-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(145deg,rgba(17,18,19,.98),rgba(7,8,9,.98));box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.resource-preview-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(241,90,60,.28);border-radius:11px;background:linear-gradient(145deg,rgba(241,90,60,.16),rgba(192,38,74,.08));color:#f15a3c;font-size:14px;box-shadow:0 0 18px rgba(241,90,60,.08)}
.resource-preview-copy{min-width:0}.resource-preview-copy strong{display:block;margin:0;color:#f2f4f5;font:850 12px/1.15 "Space Grotesk",Inter,sans-serif;letter-spacing:-.025em;white-space:normal}
.resource-preview-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(52,175,35,.26);border-radius:10px;background:rgba(52,175,35,.08);color:#fff;font:900 8px/1 Inter,sans-serif;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.resource-preview-button i{color:#62d84e}.resource-preview-button:hover{transform:translateY(-1px);border-color:rgba(52,175,35,.50);background:rgba(52,175,35,.14)}
@media(max-width:640px){.resource-preview-card{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;min-height:52px;padding:8px 9px;border-radius:14px}.resource-preview-icon{width:32px;height:32px;border-radius:10px;font-size:12px}.resource-preview-copy strong{font-size:11px}.resource-preview-button{min-height:31px;padding:0 8px;font-size:7.5px;letter-spacing:.055em}.resource-preview-button span{max-width:94px;overflow:hidden;text-overflow:ellipsis}}

/* Modal de muestra: se mantiene vacío hasta el clic. */
.resource-preview-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.86);backdrop-filter:blur(18px);overscroll-behavior:contain}.resource-preview-modal.is-open{display:flex}.resource-preview-dialog{width:min(980px,100%);height:min(88dvh,820px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#0b0b0c;box-shadow:0 34px 100px rgba(0,0,0,.68);overflow:hidden}.resource-preview-modal-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px 13px 19px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(15,15,17,.98)}.resource-preview-modal-head h3{margin:0;color:#fff;font:900 18px/1.15 "Space Grotesk",Inter,sans-serif;letter-spacing:-.04em}.resource-preview-close{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.045);color:#c6c6ca;cursor:pointer}.resource-preview-stage{position:relative;min-height:0;background:#050506;overflow:auto;overscroll-behavior:contain}.resource-preview-mount{min-height:100%;background:#050506}.resource-preview-mount>img,.resource-preview-mount>video{width:100%;height:100%;display:block;object-fit:contain;background:#050506}.resource-preview-pages{width:100%;display:grid;gap:14px;padding:18px;background:#111113}.resource-preview-page{display:block;width:min(100%,900px);height:auto;margin:0 auto;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.38);user-select:none;-webkit-user-drag:none}.resource-preview-error{min-height:100%;display:grid;place-items:center;padding:28px;color:#d4d4d8;text-align:center;font:700 13px/1.5 Inter,sans-serif}.resource-preview-loader{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#070708;transition:opacity .2s ease,visibility .2s ease}.resource-preview-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.resource-preview-spinner{width:38px;height:38px;border-radius:999px;border:3px solid rgba(255,255,255,.13);border-top-color:#34af23;animation:resourcePreviewSpin .8s linear infinite}@keyframes resourcePreviewSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.resource-preview-modal{padding:0;align-items:stretch}.resource-preview-dialog{width:100%;height:100dvh;border:0;border-radius:0}.resource-preview-modal-head{padding-top:max(14px,env(safe-area-inset-top));min-height:70px}.resource-preview-pages{padding:10px;gap:10px}.resource-preview-page{border-radius:5px}}
@media(prefers-reduced-motion:reduce){.resource-preview-spinner{animation-duration:1.6s}.resource-preview-button{transition:none}}