:root{--kz-sticky-header-offset:0px;}
  html{scroll-padding-top:calc(var(--kz-sticky-header-offset) + 14px);}
  body{scroll-padding-top:calc(var(--kz-sticky-header-offset) + 14px);}
  .group-kz-shell{padding:14px 0 30px}
  
  /* --- Botón Volver Flotante (Blanco Premium) --- */
  .kz-btn-back {
    position: fixed; bottom: 24px; left: 20px; z-index: 50;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 20px; border-radius: 999px;
    background: rgba(243, 178, 0, 0.671); /* Fondo casi blanco */
    color: #05070a; /* Letra oscura para máximo contraste */
    text-decoration: none; font: 900 13px/1 Inter, sans-serif;
    text-transform: uppercase; letter-spacing: 0.05em;
    border: 1px solid #ffffff;
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.8), 0 0 0 1px rgba(0,0,0,0.2); 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .kz-btn-back:hover { 
    background: #ffffff; 
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 30px rgba(0,0,0,0.9), 0 0 15px rgba(255,255,255,0.3);
  }

.group-kz-topnav{display:none !important;}
.group-kz-header-context-wrap{display:none !important;}
.group-kz-header-inline{display:none;}
.group-kz-header-back--nav{display:none;}

  .group-kz-hero{
    position:relative; overflow:hidden; isolation:isolate;
    border-radius:24px;
    min-height:210px;
    display:flex; align-items:center; justify-content:center;
    padding:30px 20px 20px;
    text-align:center;
    border:1px solid rgba(255,255,255,.06);
    background: var(--group-kz-hero-bg, linear-gradient(135deg,#171105,#04070e 62%));
    background-size: var(--group-kz-hero-bg-size, auto);
    background-position: var(--group-kz-hero-bg-position, center);
    box-shadow:0 20px 40px -10px rgba(0,0,0,.5);
  }
  .group-kz-hero::before{
    content:""; position:absolute; inset:0; z-index:0;
    background:
      linear-gradient(180deg, rgba(3,4,7,.30) 0%, rgba(3,4,7,.60) 50%, rgba(3,4,7,.95) 100%),
      linear-gradient(90deg, rgba(5,8,14,.82) 0%, rgba(5,8,14,.42) 28%, rgba(5,8,14,.22) 58%, rgba(5,8,14,.72) 100%),
      repeating-linear-gradient(0deg, transparent 0 23px, rgba(255,255,255,.016) 23px 24px);
  }
  .group-kz-hero::after{
    content:""; position:absolute; inset:auto 20px 0 20px; height:1px; z-index:1;
    background:linear-gradient(90deg, rgba(246,206,31,.0), rgba(246,206,31,.42), rgba(255,255,255,.08), rgba(246,206,31,0));
  }
  .group-kz-overlay{
    position:relative; z-index:2; width:100%;
    display:flex; align-items:center; justify-content:center;
  }
  .group-kz-header-text{
    width:min(100%, 760px);
    margin:0 auto;
    text-align:center;
  }
  .group-kz-event{
    margin:0 0 8px;
    color:#f6ce1f;
    font:600 11px/1 Inter,system-ui,sans-serif;
    letter-spacing:.30em; text-transform:uppercase;
    text-shadow:0 2px 8px rgba(0,0,0,.9);
  }
  .group-kz-event::before{
    content:""; display:block; width:30px; height:2px;
    margin:0 auto 12px; border-radius:2px;
    background:#f6ce1f;
    box-shadow:0 2px 6px rgba(0,0,0,.8);
  }
  .group-kz-title{
    margin:0;
    font:900 clamp(32px, 8vw, 60px)/1.1 Inter, system-ui, sans-serif;
    text-transform:uppercase; letter-spacing:-.02em; color:#fff;
    text-shadow:0 4px 16px rgba(0,0,0,.8);
  }
  .group-kz-sub{
    margin:18px auto 0; max-width:520px;
    font:400 14px/1.6 Inter,system-ui,sans-serif;
    color:rgba(255,255,255,.85);
    text-shadow:0 2px 8px rgba(0,0,0,.9);
    letter-spacing:.01em;
  }

  .group-folder-wrap{ margin-top:14px; display:block; }
  .group-folder-form{ display:block; }
  .group-folder-cta{
    position:relative; overflow:hidden; width:100%; isolation:isolate;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:16px 16px; border-radius:26px;
    background:
      radial-gradient(circle at 14% 18%, rgba(255,216,74,.26), transparent 34%),
      linear-gradient(140deg, rgba(32,25,8,.96), rgba(9,11,18,.98) 56%, rgba(19,15,5,.96));
    border:1px solid rgba(246,206,31,.28);
    box-shadow:
      0 18px 42px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,214,46,.05) inset,
      inset 0 1px 0 rgba(255,255,255,.06),
      inset 0 -24px 42px rgba(255,204,0,.05);
    color:#fff; cursor:pointer;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .group-folder-cta:hover{
    transform:translateY(-2px);
    border-color:rgba(246,206,31,.42);
    box-shadow:
      0 22px 52px rgba(0,0,0,.40),
      0 0 0 1px rgba(255,214,46,.08) inset,
      0 0 28px rgba(246,206,31,.14),
      inset 0 1px 0 rgba(255,255,255,.08),
      inset 0 -24px 42px rgba(255,204,0,.06);
  }
  .group-folder-cta:active { transform: scale(0.985); }
  .group-folder-cta::before{
    content:""; position:absolute; inset:-1px;
    background:linear-gradient(110deg, transparent 18%, rgba(255,255,255,.04) 38%, rgba(255,224,107,.14) 50%, rgba(255,255,255,.05) 62%, transparent 80%);
    transform:translateX(-55%);
    animation:groupFolderShine 5.6s linear infinite;
    pointer-events:none;
  }
  .group-folder-aura{
    position:absolute; inset:auto auto -56px -24px;
    width:190px; height:190px; border-radius:50%;
    background:radial-gradient(circle, rgba(246,206,31,.24) 0%, rgba(246,206,31,.08) 34%, transparent 72%);
    pointer-events:none; z-index:0; filter:blur(8px);
  }
  .group-folder-copy,.group-folder-price{position:relative; z-index:1}
  .group-folder-copy{
    min-width:0;
    display:flex; flex-direction:column; align-items:flex-start; gap:4px; text-align:left;
  }
  .group-folder-meta-inline{
    display:flex; flex-wrap:wrap; gap:6px;
    margin-bottom:1px;
  }
  .group-folder-mini-pill{
    display:inline-flex; align-items:center; min-height:24px;
    padding:0 9px; border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.84);
    font:800 9px/1 Inter,system-ui,sans-serif;
    letter-spacing:.10em; text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .group-folder-label{
    font:900 15px/1 Inter,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#f6ce1f;
    text-shadow:0 0 18px rgba(246,206,31,.18);
    margin-top:1px;
  }
  .group-folder-note{
    max-width:30ch;
    font:800 13px/1.08 Inter,system-ui,sans-serif; color:#fff;
  }
  .group-folder-price{
    flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    min-width:112px; padding:11px 14px; border-radius:999px;
    background:linear-gradient(180deg, #ffdf4b, #f6c80e);
    color:#090a0f;
    font:900 15px/1 Inter,system-ui,sans-serif;
    box-shadow:0 12px 26px rgba(246,206,31,.24), inset 0 1px 0 rgba(255,255,255,.34);
  }

  @keyframes groupFolderShine{
    0%{ transform:translateX(-62%); opacity:0; }
    12%{ opacity:.9; }
    38%{ opacity:.65; }
    52%,100%{ transform:translateX(62%); opacity:0; }
  }

  .group-kz-grid{
    margin-top:18px;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
    align-items:start;
  }
  .group-kz-card{
    position:relative; overflow:hidden; border-radius:24px; isolation:isolate;
    background:linear-gradient(180deg, rgba(8,12,20,.98), rgba(6,8,14,.98));
    border:1px solid rgba(246,206,31,.10);
    box-shadow:0 16px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
    min-width:0; transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color .3s ease, box-shadow .3s ease;
  }
  .group-kz-card:hover{
    transform:translateY(-4px); border-color:rgba(246,206,31,.25);
    box-shadow:0 22px 52px rgba(0,0,0,.40), 0 0 0 1px rgba(246,206,31,.05) inset;
  }
  .group-kz-card::before{
    content:""; position:absolute; inset:0;
    background: radial-gradient(circle at 80% 16%, rgba(246,206,31,.12), transparent 22%),
                repeating-linear-gradient(0deg, transparent 0 23px, rgba(255,255,255,.010) 23px 24px);
    opacity:.9; pointer-events:none;
  }
  
  /* --- ÁREA MEDIA (FOTOS/VIDEOS) --- */
  .group-kz-media{
    position:relative; z-index:1; aspect-ratio: 0.82; /* Formato vertical para fotos */
    background:#020305; overflow:hidden;
    display: flex; align-items: center; justify-content: center;
  }
  
  /* NUEVO: Tarjetas horizontales (16:9) exclusivas para Videos */
  .group-kz-card.is-video-card .group-kz-media {
    aspect-ratio: 16 / 9;
  }

  .group-kz-media img, .group-kz-media video{
    width:100%; height:100%; 
    object-fit:contain; /* Para fotos funciona excelente */
    display:block; user-select: none; -webkit-user-drag: none;
  }

  /* NUEVO: Que el video o póster ocupe todo el rectángulo sin franjas negras */
  .group-kz-card.is-video-card .group-kz-media video {
    object-fit: cover;
  }
  .group-kz-media img {
    cursor: zoom-in; transition: transform 0.3s ease;
  }
  .group-kz-media img:active { transform: scale(0.98); }
  .group-kz-media video{ background:#000; cursor: pointer; }

  /* --- BOTÓN DE PLAY CUSTOM PARA VIDEOS --- */
  .kz-play-overlay {
    position: absolute; z-index: 5;
    width: 52px; height: 52px; border-radius: 50%;
    background: rgba(246, 206, 31, 0.9);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,0.6), 0 0 0 4px rgba(246, 206, 31, 0.2);
    pointer-events: none; transition: opacity 0.3s, transform 0.2s;
  }
  .group-kz-card:hover .kz-play-overlay { transform: scale(1.1); }
  .kz-play-overlay svg { width: 22px; height: 22px; fill: #05070a; margin-left: 4px; }
  .group-kz-media.is-playing .kz-play-overlay { opacity: 0; }

  /* --- FEEDBACK VISUAL ÉPICO: ESTADO SELECCIONADO --- */
  .group-kz-card.is-selected {
    border-color: #f6ce1f;
    box-shadow: 0 0 0 2px rgba(246,206,31,0.5) inset, 0 16px 40px rgba(0,0,0,.5);
  }
  .group-kz-card.is-selected .group-kz-media img { opacity: 0.85; }
  
  .group-kz-check {
    position: absolute; top: 12px; right: 12px; z-index: 10;
    background: linear-gradient(135deg, #f6ce1f, #d4af37); color: #000;
    border-radius: 50%; width: 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 16px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    opacity: 0; transform: scale(0.5);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none;
  }
  .group-kz-card.is-selected .group-kz-check { opacity: 1; transform: scale(1); }

  .group-kz-media-badge{
    position:absolute; top:10px; left:10px; z-index:2;
    display:inline-flex; padding:6px 10px; border-radius:999px;
    background:rgba(0,0,0,.52); border:1px solid rgba(246,206,31,.18);
    color:#f6ce1f; font:900 10px/1 Inter,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase;
  }
  
  /* --- PIE DE LA TARJETA (Rediseño Compacto y Premium) --- */
  .group-kz-footer {
    position: relative; z-index: 1; padding: 12px 14px;
    display: flex; flex-direction: column; gap: 10px;
    background: rgba(4, 6, 9, 0.4);
    border-top: 1px solid rgba(255,255,255,0.03);
  }
  .group-kz-name {
    margin: 0; font: 700 14px/1.2 Inter, system-ui, sans-serif;
    color: #ffffff;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; word-break: break-all; text-align: left;
  }
  .group-kz-action { 
    display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px; 
  } 
  .group-kz-price {
    display: inline-flex; color: rgba(255,255,255,0.6);
    font: 600 13px/1 Inter, system-ui, sans-serif; letter-spacing: 0;
  }
  .group-kz-add {
    width: auto; border: 0; border-radius: 999px; padding: 8px 12px;
    background: linear-gradient(180deg,#f8d63f,#f1c90a); color: #090a0f;
    font: 800 11px/1 Inter, system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(246,206,31,.15); cursor: pointer; transition: all 0.2s ease;
  }
  .group-kz-add:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(246,206,31,.25); }
  .group-kz-add:active { transform: scale(0.96); }
  
  /* Botón estado agregado/quitar */
  .group-kz-card.is-selected .group-kz-add {
    background: rgba(246,206,31,.12); border: 1px solid rgba(246,206,31,.6);
    color: #f6ce1f; box-shadow: none;
  }

  @keyframes kzAddBtnPop {
    0% { transform: translateY(0) scale(1); }
    35% { transform: translateY(-2px) scale(1.06); }
    100% { transform: translateY(0) scale(1); }
  }
  @keyframes kzPhotoAddedPulse {
    0% { box-shadow: 0 14px 28px rgba(0,0,0,.26), 0 0 0 1px rgba(255,255,255,.03), 0 0 0 1px rgba(246,206,31,.06) inset; }
    38% { box-shadow: 0 18px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(246,206,31,.72), 0 0 0 8px rgba(246,206,31,.10); }
    100% { box-shadow: 0 16px 30px rgba(0,0,0,.30), 0 0 0 1px rgba(246,206,31,.42), 0 0 0 5px rgba(246,206,31,.08); }
  }
  @keyframes kzAddFlash {
    0% { opacity: 0; transform: scale(.96); }
    25% { opacity: .9; }
    100% { opacity: 0; transform: scale(1.04); }
  }
  .group-kz-card.kz-just-added .group-kz-add {
    animation: kzAddBtnPop .54s cubic-bezier(.22,1,.36,1);
  }

  .group-kz-empty{
    margin-top:18px; border-radius:22px; padding:18px;
    background:rgba(9,12,20,.9); border:1px solid rgba(255,255,255,.05);
    color:rgba(255,255,255,.82); font:500 14px/1.5 Inter,system-ui,sans-serif
  }

  .group-assets-status{
    margin-top:16px;
    text-align:center;
    color:rgba(255,255,255,.70);
    font:600 12px/1.45 Inter,system-ui,sans-serif;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .group-assets-status.is-loading{
    color:#f6ce1f;
  }
  .group-assets-sentinel{
    width:100%;
    height:1px;
  }

  /* --- MODAL PREMIUM: MÁS LUZ, MÁS MAGIA, MENOS BLOQUE NEGRO --- */
  .kz-modal {
    position: fixed; inset: 0;
    z-index: 9999;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: clamp(18px, 3vw, 30px);
    background:
      radial-gradient(circle at 18% 18%, rgba(246,206,31,.14), transparent 30%),
      radial-gradient(circle at 82% 20%, rgba(116,92,255,.16), transparent 28%),
      radial-gradient(circle at 50% 82%, rgba(54,212,196,.10), transparent 34%),
      rgba(5,8,16,.58);
    opacity: 0; pointer-events: none;
    transition: opacity .42s ease, backdrop-filter .42s ease, background-color .42s ease;
    backdrop-filter: blur(14px) saturate(1.15);
    -webkit-backdrop-filter: blur(14px) saturate(1.15);
    overflow: hidden;
    isolation: isolate;
  }
  .kz-modal::before,
  .kz-modal::after {
    content: "";
    position: absolute;
    inset: -12%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .45s ease, transform .7s ease;
    z-index: 0;
  }
  .kz-modal::before {
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.07), transparent 34%),
      linear-gradient(135deg, rgba(255,255,255,.03), transparent 36%, rgba(246,206,31,.04) 68%, transparent 100%);
    mix-blend-mode: screen;
    transform: scale(1.06);
  }
  .kz-modal::after {
    background:
      repeating-linear-gradient(115deg,
        transparent 0 18px,
        rgba(255,255,255,.018) 18px 19px,
        transparent 19px 42px);
    mask-image: radial-gradient(circle at center, black 42%, transparent 82%);
    -webkit-mask-image: radial-gradient(circle at center, black 42%, transparent 82%);
    transform: scale(1.1);
  }
  .kz-modal.is-active {
    opacity: 1;
    pointer-events: auto;
  }
  .kz-modal.is-active::before,
  .kz-modal.is-active::after {
    opacity: 1;
    transform: scale(1);
  }

  .kz-modal-topbar {
    width: min(88vw, 520px);
    display: grid;
    gap: 8px;
    justify-items: center;
    margin: 0 auto 10px;
    opacity: 0;
    transform: translateY(10px) scale(.99);
    transition: opacity .22s ease, transform .24s cubic-bezier(.22,1,.36,1);
  }
  .kz-modal-brand {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    line-height: 0;
  }
  .kz-modal-brand img {
    display: block;
    width: clamp(84px, 13vw, 118px);
    height: auto;
    filter: invert(1) brightness(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.28));
    opacity: .94;
  }
  .kz-modal-hint {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(22, 24, 30, .46);
    color: rgba(255,255,255,.9);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-align: center;
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    overflow: hidden;
    max-width: 320px;
  }
  .kz-modal-hint::after {
    content: none;
  }
  .kz-modal-hint-icon {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    flex: 0 0 12px;
    background: radial-gradient(circle at 35% 35%, #fff3a8, #f6ce1f 68%, rgba(246, 206, 31, 0));
    box-shadow: 0 0 0 0 rgba(246, 206, 31, .42);
    animation: kzModalHintPulse 2.1s ease-in-out infinite;
  }
  .kz-modal-hint.is-zoomed {
    border-color: rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  }
  .kz-modal-hint.is-zoomed .kz-modal-hint-icon {
    background: radial-gradient(circle at 35% 35%, #d6ecff, #7ed0ff 68%, rgba(126, 208, 255, 0));
    box-shadow: 0 0 0 0 rgba(126, 208, 255, .34);
  }

  .kz-modal-stage {
    position: relative;
    z-index: 1;
    width: min(96vw, 1040px);
    max-width: 100%;
    padding: clamp(10px, 1.6vw, 16px);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow:
      0 26px 70px rgba(0,0,0,.28),
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 0 54px rgba(246,206,31,.08);
    transform: translateY(18px) scale(.975);
    opacity: 0;
    transition: transform .48s cubic-bezier(.22,1,.36,1), opacity .42s ease, box-shadow .35s ease;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    contain: paint;
    backdrop-filter: blur(10px) saturate(1.12);
    -webkit-backdrop-filter: blur(10px) saturate(1.12);
  }
  .kz-modal-stage.is-zoom-enabled {
    cursor: zoom-in;
    touch-action: none;
    overscroll-behavior: contain;
  }
  .kz-modal-stage.is-zoom-enabled.is-zoomed {
    cursor: grab;
  }
  .kz-modal-stage.is-zoom-enabled.is-panning {
    cursor: grabbing;
  }
  .kz-modal-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 20% 0%, rgba(255,255,255,.16), transparent 28%),
      radial-gradient(circle at 100% 100%, rgba(246,206,31,.10), transparent 24%);
    z-index: 0;
  }
  .kz-modal.is-active .kz-modal-stage {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .kz-modal.is-active .kz-modal-topbar {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

.kz-modal.is-portrait .kz-modal-topbar {
    width: min(82vw, 460px);
  }
.kz-modal.is-portrait .kz-modal-stage {
    width: min(82vw, 460px);
    padding: clamp(8px, 1.3vw, 12px);
  }
  .kz-modal.is-portrait .kz-modal-content {
    max-height: calc(100dvh - 178px);
  }
  .kz-modal.is-portrait .kz-modal-footer {
    width: min(82vw, 460px);
  }

  .kz-modal-content {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    max-width: 100%;
    max-height: calc(100dvh - 154px);
    margin: 0 auto;
    object-fit: contain;
    border-radius: 20px;
    box-shadow:
      0 24px 56px rgba(0,0,0,.22),
      0 0 0 1px rgba(255,255,255,.07);
    user-select: none;
    -webkit-user-drag: none;
    background: rgba(9,12,20,.22);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform .24s cubic-bezier(.22,1,.36,1);
  }

  .kz-modal-footer {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(10,13,22,.50), rgba(10,13,22,.34));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
      0 18px 42px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(14px) saturate(1.14);
    -webkit-backdrop-filter: blur(14px) saturate(1.14);
    transform: translateY(14px);
    opacity: 0;
    transition: transform .48s cubic-bezier(.22,1,.36,1), opacity .42s ease;
  }
  .kz-modal.is-active .kz-modal-footer {
    opacity: 1;
    transform: translateY(0);
  }

  .kz-modal-close-text {
    min-height: 48px;
    min-width: 124px;
    padding: 0 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.92);
    font: 800 12px/1 Inter, sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .08em;
    border-radius: 999px;
    transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .kz-modal-close-text:hover {
    background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
    border-color: rgba(255,255,255,.18);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(0,0,0,.20);
  }
  .kz-modal-close-text:active {
    transform: translateY(1px) scale(.985);
    box-shadow: 0 5px 12px rgba(0,0,0,.12);
  }

  .kz-modal-btn {
    min-height: 48px;
    min-width: min(52vw, 260px);
    padding: 0 24px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg,#ffe36f,#f1c90a);
    color: #090a0f;
    font: 900 14px/1 Inter, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
    box-shadow:
      0 16px 30px rgba(246,206,31,.18),
      0 0 0 1px rgba(255,255,255,.10) inset;
  }
  .kz-modal-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow:
      0 20px 34px rgba(246,206,31,.22),
      0 0 0 1px rgba(255,255,255,.12) inset;
  }
  .kz-modal-btn:active { transform: scale(.97); }
  .kz-modal-btn.is-added {
    background: linear-gradient(180deg, rgba(246,206,31,.18), rgba(246,206,31,.11));
    border: 1px solid rgba(246,206,31,.60);
    color: #f6ce1f;
    box-shadow:
      0 12px 24px rgba(0,0,0,.18),
      0 0 0 1px rgba(246,206,31,.14) inset;
  }

  html.kz-modal-open,
  body.kz-modal-open {
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none;
  }
  body.kz-modal-open [data-kz-sticky-header],
  body.kz-modal-open header,
  body.kz-modal-open .site-header,
  body.kz-modal-open .main-header,
  body.kz-modal-open .public-header,
  body.kz-modal-open .topbar,
  body.kz-modal-open .navbar,
  body.kz-modal-open .nav-shell,
  body.kz-modal-open .nav-wrap,
  body.kz-modal-open .header-shell,
  body.kz-modal-open .header-bar,
  body.kz-modal-open .kz-header {
    opacity: 0 !important;
    transform: translateY(-16px) !important;
    pointer-events: none !important;
    transition: opacity .24s ease, transform .24s ease;
  }



  /* --- MOBILE PREMIUM V3: FOTOS MÁS LIMPIAS, SIN CORTES Y SIN FRANJAS --- */
  @media (max-width:899px){
    .group-kz-meta-strip{display:none;}
    .group-folder-wrap{margin-top:16px;}
    .group-folder-cta{align-items:center; gap:10px; padding:14px 15px; border-radius:24px;}
    .group-folder-copy{flex:1 1 auto;}
    .group-folder-meta-inline{margin-bottom:0;}
    .group-folder-note{max-width:23ch; font-size:13px; line-height:1.08;}
    .group-folder-price{align-self:center; min-width:104px; padding:11px 13px;}
    .group-kz-grid{gap:18px 14px; align-items:start;}
    .group-kz-card:not(.is-video-card){
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
      transform:none !important;
      isolation:isolate;
    }
    .group-kz-card:not(.is-video-card)::before{
      display:none;
    }
    .group-kz-card:not(.is-video-card).is-landscape{
      grid-column:1 / -1;
    }
    .group-kz-card:not(.is-video-card) .group-kz-media{
      aspect-ratio:auto;
      position:relative;
      display:block;
      line-height:0;
      border-radius:24px;
      background:none !important;
      overflow:hidden;
      box-shadow:0 14px 28px rgba(0,0,0,.26), 0 0 0 1px rgba(255,255,255,.03), 0 0 0 1px rgba(246,206,31,.06) inset;
      transition:box-shadow .28s ease, transform .28s ease;
    }
    .group-kz-card:not(.is-video-card) .group-kz-media::before{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:38%;
      z-index:2;
      pointer-events:none;
      background:linear-gradient(180deg, rgba(4,6,10,0) 0%, rgba(4,6,10,.18) 34%, rgba(4,6,10,.68) 100%);
    }
    .group-kz-card:not(.is-video-card) .group-kz-media::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;
      border-radius:inherit;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -20px 40px rgba(0,0,0,.10);
    }
    .group-kz-card:not(.is-video-card).kz-just-added .group-kz-media{
      animation:kzPhotoAddedPulse .68s cubic-bezier(.22,1,.36,1) forwards;
    }
    .group-kz-card:not(.is-video-card).kz-just-added .group-kz-media::after{
      animation:kzAddFlash .7s ease-out;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 999px rgba(246,206,31,.02);
    }
    .group-kz-card:not(.is-video-card) .group-kz-media img{
      position:relative;
      z-index:0;
      display:block;
      width:100%;
      height:auto;
      max-height:none;
      object-fit:unset;
      background:transparent !important;
      border:0;
    }
    .group-kz-card:not(.is-video-card) .group-kz-check{
      top:12px;
      right:12px;
      width:26px;
      height:26px;
      font-size:14px;
      background:linear-gradient(135deg, rgba(248,214,63,.96), rgba(212,175,55,.96));
      box-shadow:0 8px 18px rgba(0,0,0,.34);
    }
    .group-kz-card:not(.is-video-card) .group-kz-footer{
      position:absolute;
      left:12px;
      right:12px;
      bottom:12px;
      z-index:3;
      padding:0;
      gap:0;
      background:none;
      border-top:none;
      pointer-events:none;
    }
    .group-kz-card:not(.is-video-card) .group-kz-name{
      display:none;
    }
    .group-kz-card:not(.is-video-card) .group-kz-action{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:end;
      gap:10px;
      pointer-events:auto;
    }
    .group-kz-card:not(.is-video-card) .group-kz-price{
      align-self:center;
      justify-self:start;
      display:inline-flex;
      align-items:center;
      min-height:40px;
      padding:0 2px 0 0;
      color:#fff;
      font:900 16px/1 Inter, system-ui, sans-serif;
      letter-spacing:-.01em;
      text-shadow:0 6px 18px rgba(0,0,0,.58);
      background:none;
    }
    .group-kz-card:not(.is-video-card) .group-kz-add{
      min-height:40px;
      padding:0 16px;
      border-radius:999px;
      font-size:11px;
      letter-spacing:.055em;
      box-shadow:0 10px 22px rgba(246,206,31,.22), 0 0 0 1px rgba(255,255,255,.12) inset;
      pointer-events:auto;
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }
    .group-kz-card:not(.is-video-card).is-selected .group-kz-media{
      box-shadow:0 16px 30px rgba(0,0,0,.30), 0 0 0 1px rgba(246,206,31,.42), 0 0 0 5px rgba(246,206,31,.08);
    }
    .group-kz-card:not(.is-video-card).is-selected .group-kz-add{
      background:rgba(11,14,18,.72);
      border:1px solid rgba(246,206,31,.54);
      color:#f6ce1f;
      box-shadow:0 10px 22px rgba(0,0,0,.22);
    }
    /* Ajuste puntual para fotos verticales en mobile: evitar solape entre precio y botón */
    .group-kz-card:not(.is-video-card).is-portrait .group-kz-footer{
      left:10px;
      right:10px;
      bottom:10px;
    }
    .group-kz-card:not(.is-video-card).is-portrait .group-kz-action{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:6px;
    }
    .group-kz-card:not(.is-video-card).is-portrait .group-kz-price{
      min-height:auto;
      padding:0 0 4px 0;
      font-size:14px;
      line-height:1;
      max-width:calc(100% - 92px);
      flex:0 1 auto;
      min-width:0;
      white-space:nowrap;
    }
    .group-kz-card:not(.is-video-card).is-portrait .group-kz-add{
      min-height:36px;
      padding:0 12px;
      font-size:10px;
      letter-spacing:.05em;
      flex:0 0 auto;
      box-shadow:0 8px 18px rgba(246,206,31,.18), 0 0 0 1px rgba(255,255,255,.10) inset;
    }
    .group-kz-card.is-video-card .group-kz-footer{
      position:relative;
    }
    .kz-modal-topbar{
      width:min(88vw, 360px);
      margin-bottom:10px;
      gap:7px;
    }
    .kz-modal-brand img{
      width:94px;
    }
    .kz-modal-hint{
      min-height:32px;
      padding:8px 11px;
      font-size:.72rem;
      max-width:88vw;
      border-radius:14px;
    }
    .kz-modal-stage{
      width:min(96vw, 900px);
      padding:10px;
      border-radius:24px;
    }
    .kz-modal.is-portrait .kz-modal-topbar{
      width:min(80vw, 320px);
    }
    .kz-modal.is-portrait .kz-modal-stage{
      width:min(78vw, 360px);
      padding:8px;
      border-radius:22px;
    }
    .kz-modal.is-portrait .kz-modal-content{
      max-height:calc(100dvh - 170px);
    }
    .kz-modal.is-portrait .kz-modal-footer{
      width:min(84vw, 380px);
    }
    .kz-modal-content{
      max-width:100%;
      max-height:calc(100dvh - 146px);
      width:auto;
      height:auto;
      object-fit:contain;
      border-radius:18px;
    }
    .kz-modal-footer{
      width:min(94vw, 520px);
      border-radius:999px;
      padding:8px;
      gap:6px;
    }
    .kz-modal-close-text{
      min-width:108px;
      padding:0 16px;
      flex:0 0 auto;
    }
    .kz-modal-btn{
      min-width:0;
      flex:1 1 auto;
      padding:0 18px;
    }
  }
  @media (min-width:640px){
    .group-kz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media (min-width:900px){
    .group-kz-shell{padding-top:24px}
    .group-kz-hero{min-height:228px; padding:32px 34px 20px; border-radius:30px}
    .group-kz-header-text{width:min(100%, 800px)}
    .group-kz-event{margin-bottom:8px; font-size:12px; letter-spacing:.26em}
    .group-kz-title{font-size:clamp(42px, 5.2vw, 72px); line-height:.98; letter-spacing:-.04em}
    .group-kz-sub{margin:10px auto 0; max-width:760px; font-size:17px; line-height:1.55}
    .group-folder-cta{padding:18px 20px; gap:18px}
    .group-folder-label{font-size:16px}
    .group-folder-note{font-size:15px; max-width:none}
    .group-folder-price{min-width:132px}

    /* Fotos en PC: 5 por fila */
    .group-kz-grid{
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:14px;
      margin-top:22px;
    }

    /* Videos: se mantienen grandes */
    .group-kz-grid.is-video-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:24px;
    }

    .group-kz-footer{padding:12px}
    .group-kz-name{font-size:15px}
    .group-kz-add{font-size:12px}
  }

  /* --- BUSCADOR (Se adapta a Celular y PC) --- */
  .kz-asset-search-container {
    position: relative; width: 100%; max-width: 500px; margin: 24px auto 0;
    transition: transform 0.3s ease;
  }
  .kz-asset-search-container:hover { transform: translateY(-2px); }
  .kz-asset-search-input {
    width: 100%; padding: 14px 20px 14px 46px;
    background: rgba(10, 15, 27, 0.6);
    border: 1px solid rgba(255, 159, 28, 0.35);
    border-radius: 999px; color: #fff; font: 500 14px/1 Inter, sans-serif;
    outline: none; transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    backdrop-filter: blur(8px);
  }
  .kz-asset-search-input:focus {
    background: #05070a; border: 1px solid #ff9f1c;
    box-shadow: 0 12px 32px rgba(255, 159, 28, 0.35), inset 0 2px 10px rgba(0,0,0,0.8);
    transform: scale(1.02);
  }
  .kz-asset-search-icon {
    position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; pointer-events: none;
    color: rgba(255, 159, 28, 0.5); z-index: 10;
  }
  .kz-asset-search-container:focus-within .kz-asset-search-icon {
    color: #ff9f1c; filter: drop-shadow(0 0 6px rgba(255, 159, 28, 0.6));
  }

  /* --- ANCHO USABLE ESTILO ESCENARIO (Solo para PC) --- */
  @media (min-width: 1024px) {
    .container.group-kz-shell {
      max-width: 1580px !important;
      width: min(100%, 1580px);
    }
  }
  /* --- TOAST NOTIFICATION PREMIUM NEÓN --- */
  .kz-toast-premium {
    position: fixed;
    top: 50%; left: 50%;
    z-index: 10000;
    display: flex; align-items: center; gap: 14px;
    padding: 10px 24px 10px 10px;
    border-radius: 999px;
    
    /* Fondo oscuro con Glassmorphism */
    background: rgba(8, 11, 18, 0.95);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    
    /* Borde y resplandor Neón inicial (Dorado) */
    border: 1px solid rgba(246, 206, 31, 0.5);
    box-shadow: 0 20px 50px rgba(0,0,0,0.9), 0 0 30px rgba(246, 206, 31, 0.15);
    
    /* Animación de rebote (Spring physics) */
    transform: translate(-50%, -30%) scale(0.8);
    opacity: 0; pointer-events: none;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  
  .kz-toast-premium.is-active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  /* Círculo del ícono iluminado */
  .kz-toast-icon-box {
    position: relative;
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: 50%;
    background: linear-gradient(135deg, #f8d63f, #f1c90a);
    color: #000;
    box-shadow: 0 0 15px rgba(246, 206, 31, 0.4);
    transition: all 0.3s ease;
  }
  
  .kz-toast-icon-box svg {
    width: 18px; height: 18px;
    stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
  }

  /* Onda expansiva (Ripple) al aparecer */
  .kz-toast-premium.is-active .kz-toast-icon-box::before {
    content: ""; position: absolute; inset: 0; border-radius: 50%;
    border: 2px solid inherit; border-color: inherit;
    animation: kzRipple 0.8s cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
  }
  @keyframes kzModalHintPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(246, 206, 31, .34); transform: scale(1); }
    50% { box-shadow: 0 0 0 10px rgba(246, 206, 31, 0); transform: scale(1.06); }
  }
  @keyframes kzModalHintSweep {
    from { transform: translateX(-120%); }
    to { transform: translateX(120%); }
  }

  @keyframes kzRipple {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.8); opacity: 0; }
  }

  /* Texto estilizado */
  .kz-toast-text-box {
    font: 800 14px/1 Inter, sans-serif;
    text-transform: uppercase; letter-spacing: 0.05em;
    color: rgba(255,255,255,0.9);
    white-space: nowrap;
  }
  
  /* La palabra clave brilla */
  .kz-toast-text-box span { 
    color: #f6ce1f; 
    text-shadow: 0 0 12px rgba(246,206,31,0.5); 
    transition: all 0.3s ease;
  }


.kz-toast-highlight--add{
  color:#9DFF7A;
  text-shadow:0 0 12px rgba(157,255,122,0.45);
}
.kz-toast-highlight--remove{
  color:#ff4d4d;
  text-shadow:0 0 12px rgba(255,77,77,0.5);
}


/* =========================================================
   V36 DESKTOP AND MORE — detalle de grupo
   ========================================================= */
.group-kz-meta-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.group-kz-meta-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font:800 11px/1 Inter, system-ui, sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

@media (min-width: 1024px){
  body.page-group-detail{
    padding-top: var(--kz-sticky-header-offset) !important;
  }
  body.page-group-detail .public-header{
    padding-bottom: 0;
    box-shadow: 0 18px 42px rgba(0,0,0,.24);
  }
  body.page-group-detail .container.brand-row,
  body.page-group-detail .brand-row{
    width:min(100%, 1860px) !important;
    max-width:1860px !important;
  }
  body.page-group-detail .brand-row{
    display:grid;
    grid-template-columns: auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:14px;
  }
  body.page-group-detail .public-nav{
    justify-self:end;
  }
  .group-kz-header-back--nav{
    display:inline-flex;
    justify-self:end;
    margin-right:4px;
  }
  .group-kz-header-inline{
    display:flex;
    align-items:center;
    min-width:0;
    width:fit-content;
    max-width:min(50vw, 620px);
    gap:10px;
    padding-left:18px;
    border-left:1px solid rgba(255,255,255,.08);
    justify-self:start;
  }
  .group-kz-header-copy{
    min-width:0;
    display:grid;
    gap:2px;
  }
  .group-kz-header-eyebrow{
    color:rgba(246,206,31,.82);
    font:800 9px/1 Inter, system-ui, sans-serif;
    letter-spacing:.2em;
    text-transform:uppercase;
  }
  .group-kz-header-title{
    display:block;
    color:#fff;
    font:900 clamp(21px, 1.4vw, 28px)/1 Inter, system-ui, sans-serif;
    letter-spacing:-.03em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .group-kz-header-back{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:40px;
    padding:0 15px;
    border-radius:999px;
    text-decoration:none;
    background:linear-gradient(180deg, rgba(255,215,0,.10), rgba(255,255,255,.03));
    border:1px solid rgba(246,206,31,.16);
    color:#fff0b0;
    font:900 12px/1 Inter, system-ui, sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .group-kz-header-back:hover{
    transform:translateY(-1px);
    border-color:rgba(246,206,31,.30);
    background:linear-gradient(180deg, rgba(255,215,0,.16), rgba(255,255,255,.04));
  }
  .group-kz-header-meta{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:2px;
  }
  .group-kz-header-pill{
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.76);
    font:800 10px/1 Inter, system-ui, sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    white-space:nowrap;
  }
  .group-kz-header-pill.is-highlight{
    background:linear-gradient(180deg, rgba(255,215,0,.10), rgba(255,255,255,.03));
    border-color:rgba(246,206,31,.18);
    color:#fff0b0;
  }
  .kz-btn-back{display:none;}

  .group-kz-topnav{
  .kz-btn-back{display:none;}

  .group-kz-topnav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    position:sticky;
    top:calc(var(--kz-sticky-header-offset) + 14px);
    z-index:18;
    margin:0 0 18px;
    padding:14px 18px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg, rgba(12,15,24,.88), rgba(8,10,18,.82)),
      radial-gradient(circle at 14% 20%, rgba(255,210,66,.12), transparent 26%);
    box-shadow:
      0 18px 42px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 0 1px rgba(255,214,46,.04);
    backdrop-filter: blur(14px);
  }
  .group-kz-topnav::after{
    content:"";
    position:absolute;
    inset:auto 22px 0;
    height:1px;
    background:linear-gradient(90deg, rgba(246,206,31,0), rgba(246,206,31,.46), rgba(255,255,255,.10), rgba(246,206,31,0));
    pointer-events:none;
  }
  .group-kz-topnav-main{
    min-width:0;
    display:flex;
    align-items:center;
    gap:16px;
  }
  .group-kz-topnav-back{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:0 18px;
    border-radius:999px;
    text-decoration:none;
    background:linear-gradient(180deg, rgba(255,215,0,.14), rgba(255,255,255,.04));
    border:1px solid rgba(246,206,31,.22);
    color:#fff4bf;
    font:900 12px/1 Inter, system-ui, sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .group-kz-topnav-back:hover{
    transform:translateY(-1px);
    border-color:rgba(246,206,31,.36);
    background:linear-gradient(180deg, rgba(255,215,0,.20), rgba(255,255,255,.05));
    box-shadow:0 14px 28px rgba(0,0,0,.22), 0 0 18px rgba(246,206,31,.10);
  }
  .group-kz-topnav-copy{
    min-width:0;
    display:grid;
    gap:5px;
  }
  .group-kz-topnav-eyebrow{
    color:rgba(246,206,31,.86);
    font:800 10px/1 Inter, system-ui, sans-serif;
    letter-spacing:.22em;
    text-transform:uppercase;
  }
  .group-kz-topnav-title{
    display:block;
    color:#fff;
    font:900 clamp(20px, 1.6vw, 28px)/1.05 Inter, system-ui, sans-serif;
    letter-spacing:-.03em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .group-kz-topnav-meta{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
  }
  .group-kz-topnav-pill{
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.78);
    font:800 11px/1 Inter, system-ui, sans-serif;
    text-transform:uppercase;
    letter-spacing:.12em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  }
  .group-kz-topnav-pill.is-highlight{
    background:linear-gradient(180deg, rgba(255,215,0,.14), rgba(255,255,255,.04));
    border-color:rgba(246,206,31,.20);
    color:#fff3ba;
  }
}

@media (min-width: 1024px){
  .group-kz-shell{padding-top:22px;}

  .group-kz-meta-strip{
    margin-top:16px;
    gap:12px;
  }

  .group-kz-meta-pill{
    min-height:40px;
    padding-inline:16px;
  }

  .group-kz-hero{
    min-height:228px;
    border-radius:30px;
    padding:32px 34px 20px;
  }

  .group-kz-grid{
    gap:18px;
  }
}

@media (min-width: 1440px){
  .group-kz-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
  }

  .group-kz-grid.is-video-grid{
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}


.group-kz-meta-strip{display:none !important;}


/* =========================================================
   V41 DESKTOP FULL WIDTH PREMIUM — detalle de grupo
   ========================================================= */
@media (min-width: 1024px){
  .container.group-kz-shell{
    max-width: 1860px !important;
    width: min(100%, 1860px);
  }

  .kz-asset-search-container{
    max-width: min(700px, 50%);
  }
}

@media (min-width: 1024px) and (max-width: 1320px){
  .group-kz-topnav{align-items:flex-start; flex-direction:column;}
  .group-kz-topnav-main, .group-kz-topnav-meta{width:100%;}
  .group-kz-topnav-meta{justify-content:flex-start;}
}

@media (min-width: 1024px) and (max-width: 1260px){
  .group-kz-header-inline{max-width:460px;}
  .group-kz-header-meta{display:none;}
}

@media (min-width: 1920px){
  .group-kz-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
  }

  .group-kz-grid.is-video-grid{
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
}