.su-pub,.su-pub *,.su-pub *::before,.su-pub *::after{box-sizing:border-box}
.su-pub{--su-blue:#56c5ff;width:100%;max-width:1440px;margin:18px auto!important;border-radius:18px;border:1px solid #284567;background:radial-gradient(circle at 6% 0,#173b61 0,#091a31 38%,#071021 100%);box-shadow:0 12px 38px #03102138;color:#f7fbff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden;isolation:isolate;text-align:left;line-height:1.4}
.su-pub button,.su-pub a{font:inherit}
.su-pub button{cursor:pointer}
.su-pub button:focus-visible,.su-pub a:focus-visible{outline:3px solid #ffdf70;outline-offset:3px}
.su-pub .su-pub-head{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff1d;padding:10px 21px}
.su-pub .su-pub-brand{display:flex;align-items:center;gap:7px;font-weight:900;font-size:16px;letter-spacing:.025em;color:#fff}
.su-pub .su-pub-brand strong{color:#66d1ff}
.su-pub .su-pub-spark{font-size:18px;border-radius:9px;background:linear-gradient(135deg,#23baff,#0561c8);width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:5px;box-shadow:0 0 20px #27aeff5c;color:white}
.su-pub .su-pub-label{font-size:10px;font-weight:850;letter-spacing:.16em;color:#c5d9ed;white-space:nowrap}
.su-pub .su-pub-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:100%;background:#36deb0;margin-right:9px;box-shadow:0 0 11px #34e7b0}
.su-pub .su-pub-main{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(245px,1fr);min-width:0}
.su-pub .su-pub-picture{padding:15px;min-width:0}
.su-pub .su-pub-picture-wrap{min-height:290px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff27;overflow:hidden;background:#010b16;border-radius:12px}
.su-pub .su-pub-background{position:absolute;inset:-25px;background-size:cover;background-position:center;filter:blur(22px) brightness(.4) saturate(1.15);opacity:.85;transform:scale(1.04)}
.su-pub .su-pub-picture-wrap::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#07152a20,transparent,#07152a20)}
.su-pub .su-pub-img{position:relative;z-index:1;display:block;width:100%;height:290px;max-width:100%;object-fit:contain;margin:0!important;border:0!important;filter:drop-shadow(0 0 13px #0009)}
.su-pub .su-pub-details{border-left:1px solid #ffffff18;padding:26px 27px 24px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.su-pub .su-pub-eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:#a4d5ef}
.su-pub .su-pub-eyebrow::before{content:"";width:22px;height:2px;background:#67c9ff}
.su-pub .su-pub-title{color:#fff!important;font-size:clamp(26px,3.15vw,43px)!important;font-weight:900!important;letter-spacing:-.04em;line-height:1.08!important;margin:14px 0 10px!important;padding:0!important;overflow-wrap:anywhere;text-transform:none!important}
.su-pub .su-pub-category{font-size:14px;font-weight:750;line-height:1.5;color:#e8f5ff;margin:0 0 10px!important}
.su-pub .su-pub-description{color:#afc2d8;font-size:13px;line-height:1.6;margin:0 0 20px!important;white-space:pre-line}
.su-pub .su-pub-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.su-pub .su-pub-zoom,.su-pub .su-pub-external{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;border-radius:9px;font-size:12px!important;font-weight:800!important;text-decoration:none!important;padding:9px 13px;border:1px solid #98e0ff;transition:transform .2s,background .2s}
.su-pub .su-pub-zoom{background:linear-gradient(135deg,#acebff,#41baff);color:#062039!important}
.su-pub .su-pub-external{color:#e7f6ff!important;background:#132d49;border:1px solid #426f99}
.su-pub .su-pub-external[hidden]{display:none!important}
.su-pub .su-pub-zoom:hover,.su-pub .su-pub-external:hover{transform:translateY(-2px)}
.su-pub .su-pub-bottom{display:flex;align-items:center;gap:12px;min-height:65px;padding:10px 16px;border-top:1px solid #ffffff20}
.su-pub .su-pub-counter{min-width:57px;flex:0 0 auto;color:#a9bed5;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.su-pub .su-pub-counter b{color:#fff}
.su-pub .su-pub-tabs{flex:1;min-width:0;display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#254766 transparent;padding:2px 1px 5px}
.su-pub .su-pub-tab{min-width:58px;max-width:132px;flex:1 0 58px;position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#102640;color:#bdcde1;border-radius:7px;border:1px solid #355574;padding:9px 7px;font-size:11px!important;font-weight:800!important;text-align:center;line-height:1.2}
.su-pub .su-pub-tab[aria-selected=true]{color:#fff;background:#164065;border-color:#43b8ff}
.su-pub .su-pub-tab::after{content:"";position:absolute;bottom:0;left:0;width:var(--su-progress,0%);height:3px;background:#75deff}
.su-pub .su-pub-tabs.su-pub-tabs-compact .su-pub-tab{min-width:30px;max-width:38px;flex:0 0 32px;font-size:0!important;height:24px;padding:0;border-radius:8px}
.su-pub .su-pub-tabs.su-pub-tabs-compact .su-pub-tab[aria-selected=true]{background:#2872a3}
.su-pub .su-pub-nav{display:flex;gap:6px;flex:0 0 auto}
.su-pub .su-pub-prev,.su-pub .su-pub-next{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background:#132f4c;border:1px solid #45678e;color:#fff;font-size:23px!important;font-weight:400;border-radius:9px;padding:0}
.su-pub .su-pub-prev:hover,.su-pub .su-pub-next:hover{background:#285780}
.su-pub-modal[hidden]{display:none!important}
.su-pub-modal{position:fixed;inset:0;z-index:2147483600;background:#010812ee;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px 25px;backdrop-filter:blur(7px)}
.su-pub-modal-image{max-height:82vh;max-width:min(1350px,95vw);width:auto;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 15px 65px #000c;border:1px solid #607b9c}
.su-pub-modal-close{position:absolute;right:23px;top:15px;width:41px;height:41px;border-radius:9px;color:white;background:#183756;border:1px solid #5986b2;font:28px system-ui,Arial,sans-serif;cursor:pointer}
@media(max-width:850px){.su-pub .su-pub-main{grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr)}.su-pub .su-pub-details{padding:18px}.su-pub .su-pub-title{font-size:28px!important}.su-pub .su-pub-picture-wrap{min-height:240px}.su-pub .su-pub-img{height:240px}}
@media(max-width:670px){.su-pub{border-radius:12px}.su-pub .su-pub-head{padding:8px 12px;min-height:48px}.su-pub .su-pub-brand{font-size:13px}.su-pub .su-pub-spark{width:25px;height:25px;font-size:15px}.su-pub .su-pub-label{font-size:8px;letter-spacing:.06em}.su-pub .su-pub-main{display:flex;flex-direction:column}.su-pub .su-pub-picture{padding:10px 10px 0}.su-pub .su-pub-picture-wrap{min-height:0;aspect-ratio:16/9}.su-pub .su-pub-img{height:auto;aspect-ratio:16/9;object-fit:contain}.su-pub .su-pub-details{border-left:0;padding:14px 15px 17px}.su-pub .su-pub-title{font-size:25px!important;margin:8px 0 6px!important}.su-pub .su-pub-category{font-size:12px;margin:0 0 3px!important}.su-pub .su-pub-description{font-size:11px;margin:0 0 12px!important}.su-pub .su-pub-eyebrow{font-size:9px}.su-pub .su-pub-zoom,.su-pub .su-pub-external{min-height:35px;padding:7px 10px;font-size:11px!important}.su-pub .su-pub-bottom{padding:8px 10px;gap:7px;min-height:54px}.su-pub .su-pub-counter{min-width:40px;font-size:10px}.su-pub .su-pub-tab{font-size:0!important;height:12px;border-radius:12px;min-width:19px;flex-basis:20px;padding:0}.su-pub .su-pub-tab::after{height:100%;border-radius:12px;background:#9ee8ff}.su-pub .su-pub-prev,.su-pub .su-pub-next{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.su-pub *, .su-pub *::before,.su-pub *::after{transition:none!important;animation:none!important}}

/* v2.1: control de avance automático */
.su-pub .su-pub-autoplay{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;white-space:nowrap;background:#17456c;border:1px solid #61b6ee;border-radius:9px;color:#fff;font-size:11px!important;font-weight:800!important}
.su-pub .su-pub-autoplay:hover{background:#20618f}
.su-pub .su-pub-autoplay[hidden]{display:none!important}
@media(max-width:670px){.su-pub .su-pub-autoplay{min-height:30px;padding:0 7px;font-size:10px!important}}

/* v3.0: tamaño independiente por instancia; los límites se establecen en el panel. */
.su-pub{max-width:var(--su-gallery-width,1440px);container-type:inline-size}
.su-pub .su-pub-picture-wrap{min-height:var(--su-image-height,290px)}
.su-pub .su-pub-img{height:var(--su-image-height,290px)}
/* Una galería angosta en una pantalla de escritorio también debe apilar su contenido. */
@container (max-width:760px){
  .su-pub .su-pub-main{display:flex;flex-direction:column}
  .su-pub .su-pub-picture{padding:10px 10px 0}
  .su-pub .su-pub-picture-wrap{min-height:0;height:min(var(--su-image-height,290px),56cqw);aspect-ratio:auto}
  .su-pub .su-pub-img{height:100%;aspect-ratio:auto;width:100%;object-fit:contain}
  .su-pub .su-pub-details{border-left:0;padding:14px 18px 18px}
  .su-pub .su-pub-title{font-size:clamp(20px,5cqw,28px)!important}
  .su-pub .su-pub-description{margin-bottom:12px!important}
}