/* ============================================
   ENLACES DEL HEADER — HOT · Sorteos · Publicar
   ============================================

   Esto vivía en ai-avatar.css, que se carga EN DIFERIDO (media="print" +
   onload) por sus 97 KB de modales. Pero no era decoración: define la
   MAQUETACIÓN de los tres enlaces del header —padding, flex-direction,
   tamaños de icono y de texto, y hasta el display:inline-block que destapa
   un texto que header.css oculta—, y el header se pinta lo primero.

   Al llegar tarde, la hoja RE-MAQUETABA un header ya pintado. Medido a 390px:
   el enlace HOT pasaba de 102x44 a 49x45 poniéndose en columna, su texto de
   14 a 11px y de al lado del icono a debajo, el panel de extras de 68 a 88px
   de alto, y el botón Publicar de 139x44 a 145x64.

   Por eso está aquí y BLOQUEA el pintado: son ~3,8 KB gz que evitan que el
   header se recoloque delante del usuario. En ai-avatar.css se quedó lo que
   de verdad puede llegar tarde: modales, avatares y menú de usuario.

   ⚠️ Se enlaza en el sitio que ocupaba ai-avatar.css —la ÚLTIMA de las hojas
   bloqueantes—, no junto a header.css. La posición es la cascada: aquí hay
   peleas de !important con header.css (las dos declaran el padding de
   .publish-nav-link) y adelantarla cambiaría quién gana.
   ============================================ */

/* ============================================
   ENLACE PUBLICAR - Efectos dinámicos
   ============================================ */

.publish-nav-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 12px 20px !important;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: visible !important;
    z-index: 1;
    animation: publish-idle-pulse 3s ease-in-out infinite;
}

/* Fondo de fuego - sutil por defecto, intenso en hover */
.publish-nav-link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #ff6b35 0%, #ff0000 50%, #ff4500 100%);
    background-size: 400% 400%;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.12;
    transform: scale(0.95);
    animation: publish-fire-glow 2s ease infinite;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes publish-idle-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(255, 69, 0, 0); }
    50% { transform: scale(1.03); box-shadow: 0 0 12px rgba(255, 69, 0, 0.15); }
}

/* Anillo de fuego */
.publish-fire-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.publish-nav-link:hover .publish-fire-ring::before,
.publish-nav-link:hover .publish-fire-ring::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px solid transparent;
    animation: fire-ring-expand 1.5s ease-out infinite;
}

.publish-nav-link:hover .publish-fire-ring::before {
    border-color: rgba(255, 107, 53, 0.6);
    animation-delay: 0s;
}

.publish-nav-link:hover .publish-fire-ring::after {
    border-color: rgba(255, 0, 0, 0.4);
    animation-delay: 0.5s;
}

@keyframes fire-ring-expand {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 180%;
        height: 180%;
        opacity: 0;
    }
}

/* Estallido de energía */
.publish-energy-burst {
    position: absolute;
    inset: -20px;
    background: radial-gradient(circle, rgba(255,107,53,0.3) 0%, rgba(255,0,0,0.1) 30%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 0;
}

.publish-nav-link:hover .publish-energy-burst {
    opacity: 1;
    animation: burst-pulse 0.8s ease-in-out infinite;
}

/* Spotlight */
.publish-spotlight {
    position: absolute;
    inset: -50px;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(255, 107, 53, 0.2) 20deg,
        transparent 40deg,
        rgba(255, 0, 0, 0.2) 60deg,
        transparent 80deg,
        rgba(255, 107, 53, 0.2) 100deg,
        transparent 120deg,
        rgba(255, 0, 0, 0.2) 140deg,
        transparent 160deg
    );
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 0;
}

.publish-nav-link:hover .publish-spotlight {
    opacity: 1;
    animation: spotlight-spin 3s linear infinite;
}

@keyframes spotlight-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Chispas */
.publish-sparkles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}

.publish-nav-link:hover .publish-sparkles::before,
.publish-nav-link:hover .publish-sparkles::after {
    content: '✨';
    position: absolute;
    font-size: 1.2rem;
    animation: sparkle-float 1.2s ease-in-out infinite;
}

.publish-nav-link:hover .publish-sparkles::before {
    top: -10px;
    left: -5px;
    animation-delay: 0s;
}

.publish-nav-link:hover .publish-sparkles::after {
    bottom: -5px;
    right: -5px;
    animation-delay: 0.6s;
}

/* Corona que aparece */
.publish-crown {
    position: absolute;
    font-size: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 2;
}

.publish-nav-link:hover .publish-crown {
    font-size: 2rem;
    opacity: 0.3;
    animation: crown-pop 0.5s ease-out;
}

@keyframes crown-pop {
    0% { transform: translate(-50%, -50%) scale(0) rotate(-180deg); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); opacity: 0.3; }
}

/* Llama */
.publish-flame {
    position: absolute;
    inset: -15px;
    background: radial-gradient(ellipse at center, rgba(255,107,53,0.4) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 0;
}

.publish-nav-link:hover .publish-flame {
    opacity: 1;
    animation: flame-flicker 0.5s ease-in-out infinite alternate;
}

@keyframes flame-flicker {
    0% { transform: scale(1) rotate(-2deg); opacity: 0.6; }
    100% { transform: scale(1.05) rotate(2deg); opacity: 1; }
}

/* Icono de fuego */
.publish-icon {
    font-size: 36px;
    margin-right: 10px;
    animation: fire-bounce 0.6s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(255, 107, 53, 0.5));
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

@keyframes fire-bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-3px) scale(1.1); }
}

/* Texto */
.publish-text {
    /* ⚠️ El color va aquí aunque el relleno sea transparente: es el RESPALDO de si
       el degradado sobre el texto no se aplica (`background-clip: text` sin soporte,
       una impresión, un modo de alto contraste). Lo daba de rebote una regla del
       modal —la que también le colaba 24px de margen—; al acotarla a su contenedor,
       el enlace se quedaba con el azul por defecto de <a>, invisible hasta el día
       que el degradado fallara y saliera azul sobre rojo. */
    color: rgba(255, 255, 255, 0.85);
    background: linear-gradient(90deg, #ff6b35, #ff0000, #ff6b35);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    animation: text-fire 1.5s linear infinite;
    line-height: 1;
    margin: 0;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    /* ⚠️ Aquí había `top: 12px`, y no era un ajuste fino: COMPENSABA los 24px de
       margen inferior que le colaba la regla del modal. Con la píldora centrada por
       flex, ese margen empujaba el texto 12px por encima del centro y este `top` lo
       devolvía. Quitado el margen, el `top` sobra — dejarlo hundía el texto 12px por
       debajo del centro, con el icono ya centrado al lado. */
    top: 0;
}

@keyframes text-fire {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* HOVER - Activar todo */
.publish-nav-link:hover {
    transform: translateY(-3px) scale(1.05);
    z-index: 5000 !important;
}



.publish-nav-link:hover::before {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 40px rgba(255, 107, 53, 0.6), 0 0 80px rgba(255, 0, 0, 0.4);
}

.publish-nav-link:hover .publish-icon {
    animation: fire-intense 0.4s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(255, 0, 0, 0.9)) drop-shadow(0 0 40px rgba(255, 107, 53, 0.8));
}

@keyframes fire-intense {
    0%, 100% { transform: translateY(0) scale(1.2) rotate(-5deg); }
    50% { transform: translateY(-5px) scale(1.3) rotate(5deg); }
}

.publish-nav-link:hover .publish-text {
    background: linear-gradient(90deg, #fff, #ff6b35, #fff, #ff0000);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: text-shine 0.8s linear infinite;
}

@keyframes text-shine {
    0% { background-position: 0% center; }
    100% { background-position: 300% center; }
}

@keyframes publish-fire-glow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* ============================================
   ENLACE HOT - Efecto FUEGO / LLAMAS / PASION
   Paleta: naranja fuego, rojo lava, amarillo brasa
   ============================================ */

.content-nav-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 20px !important;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: visible !important;
    z-index: 1;
}

/* Fondo sutil - no compite con icono/texto */
.content-nav-link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #cc0000 0%, #ff0000 50%, #b30000 100%);
    background-size: 400% 400%;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.06;
    transform: scale(1);
    animation: fire-bg-shift 3s ease infinite;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Borde tenue */
.content-nav-link::after {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.3), transparent);
    background-size: 300% 100%;
    border-radius: 52px;
    z-index: -2;
    animation: fire-border-sweep 3s linear infinite;
    opacity: 0.4;
}

@keyframes fire-bg-shift {
    0%, 100% { background-position: 0% 50%; }
    25% { background-position: 50% 0%; }
    50% { background-position: 100% 50%; }
    75% { background-position: 50% 100%; }
}

@keyframes fire-border-sweep {
    0% { background-position: -150% 0; }
    100% { background-position: 250% 0; }
}

/* Aura de fuego - sutil, no compite */
.fire-aura {
    position: absolute;
    inset: -10px;
    background: radial-gradient(ellipse at center bottom,
        rgba(255, 0, 0, 0.08) 0%,
        rgba(200, 0, 0, 0.03) 40%,
        transparent 70%);
    border-radius: 50%;
    animation: fire-aura-pulse 2s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes fire-aura-pulse {
    0%, 100% { transform: scale(0.95); opacity: 0.3; filter: blur(2px); }
    50% { transform: scale(1.1); opacity: 0.6; filter: blur(3px); }
}

/* Anillo de fuego pulsante */
.fire-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
    pointer-events: none;
    z-index: 0;
}

.fire-ring::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: rgba(255, 0, 0, 0.2);
    border-right-color: rgba(200, 0, 0, 0.1);
    animation: fire-ring-spin 2s linear infinite;
}

.fire-ring::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    border-radius: 50%;
    border: 1px solid transparent;
    border-bottom-color: rgba(255, 30, 0, 0.15);
    border-left-color: rgba(220, 0, 0, 0.08);
    animation: fire-ring-spin 2s linear infinite reverse;
}

@keyframes fire-ring-spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Particulas de fuego / brasas flotantes */
.fire-particles {
    position: absolute;
    inset: -15px;
    pointer-events: none;
    z-index: 2;
}

.ember {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff2200;
    box-shadow: 0 0 4px 1px rgba(255, 0, 0, 0.4);
    animation: ember-rise 2.5s ease-in infinite;
    opacity: 0;
}

.ember:nth-child(1) { left: 20%; animation-delay: 0s; background: #ff0000; }
.ember:nth-child(2) { left: 45%; animation-delay: 0.4s; background: #ff3300; }
.ember:nth-child(3) { left: 70%; animation-delay: 0.8s; background: #cc0000; }
.ember:nth-child(4) { left: 35%; animation-delay: 1.2s; background: #ff1a00; }
.ember:nth-child(5) { left: 60%; animation-delay: 0.2s; background: #e60000; }
.ember:nth-child(6) { left: 85%; animation-delay: 0.6s; background: #ff0000; }

@keyframes ember-rise {
    0% { bottom: 10%; opacity: 0; transform: scale(0.5) translateX(0); }
    20% { opacity: 1; transform: scale(1) translateX(-3px); }
    50% { opacity: 0.8; transform: scale(0.8) translateX(5px); }
    80% { opacity: 0.3; transform: scale(0.4) translateX(-2px); }
    100% { bottom: 100%; opacity: 0; transform: scale(0) translateX(4px); }
}

/* Badge 18+ */
.content-forbidden {
    position: absolute;
    font-size: 0;
    top: -8px;
    right: -6px;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    z-index: 4;
}

.content-nav-link:hover .content-forbidden {
    font-size: 1rem;
    opacity: 0.9;
    animation: forbidden-bounce 0.5s ease-out;
}

@keyframes forbidden-bounce {
    0% { transform: scale(0) rotate(-90deg); }
    50% { transform: scale(1.4) rotate(10deg); }
    70% { transform: scale(0.9) rotate(-5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Icono principal - MUY VISTOSO, por encima de todo */
.content-icon {
    font-size: 34px;
    margin-right: 6px;
    animation: flame-dance 0.8s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.8))
           drop-shadow(0 0 20px rgba(200, 0, 0, 0.5))
           drop-shadow(0 0 35px rgba(255, 0, 0, 0.3));
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

@keyframes flame-dance {
    0% { transform: scale(1) rotate(0deg); }
    10% { transform: scale(1.15) rotate(-3deg); }
    20% { transform: scale(1.05) rotate(2deg); }
    30% { transform: scale(1.2) rotate(-2deg); }
    40% { transform: scale(1) rotate(1deg); }
    50% { transform: scale(1.12) rotate(-1deg); }
    60% { transform: scale(1.02) rotate(2deg); }
    70% { transform: scale(1.18) rotate(-2deg); }
    80% { transform: scale(1) rotate(1deg); }
    90% { transform: scale(1.08) rotate(-1deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Texto HOT - PROTAGONISTA - override .name-tag display:none */
p.name-tag.content-text {
    display: inline-block !important;
    background: linear-gradient(90deg, #ff2200, #ff0000, #ff4400, #ff0000, #ff2200);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 5px;
    animation: fire-text-flow 1.5s linear infinite, hot-elastic-3d 3s ease-in-out infinite;
    line-height: 1;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: 0;
    z-index: 10;
    filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.4));
}

@keyframes fire-text-flow {
    0% { background-position: 0% center; }
    100% { background-position: 300% center; }
}

@keyframes hot-elastic-3d {
    0%, 100% { transform: translateX(0); }
    8% { transform: translateX(-3px); }
    12% { transform: translateX(3px); }
    16% { transform: translateX(-2px); }
    20% { transform: translateX(0); }
    /* pausa hasta el siguiente rebote */
    60% { transform: translateX(0); }
    66% { transform: translateX(3px); }
    70% { transform: translateX(-3px); }
    74% { transform: translateX(2px); }
    78% { transform: translateX(0); }
}

/* === HOVER - fondo sube, icono y texto brillan === */
.content-nav-link:hover {
    transform: translateY(-4px) scale(1.08);
    z-index: 5000 !important;
}

.content-nav-link:hover::before {
    opacity: 0.5;
    transform: scale(1);
    box-shadow:
        0 0 15px rgba(255, 0, 0, 0.3),
        0 0 30px rgba(200, 0, 0, 0.15);
}

.content-nav-link:hover::after {
    opacity: 0;
}

/* Icono hover - brilla fuerte */
.content-nav-link:hover .content-icon {
    animation: flame-fury 0.5s ease-in-out infinite;
    z-index: 10;
    filter:
        drop-shadow(0 0 12px rgba(255, 0, 0, 0.9))
        drop-shadow(0 0 25px rgba(255, 50, 0, 0.6));
}

@keyframes flame-fury {
    0% { transform: scale(1.1) rotate(0deg); }
    15% { transform: scale(1.3) rotate(-4deg); }
    30% { transform: scale(1.1) rotate(3deg); }
    45% { transform: scale(1.25) rotate(-3deg); }
    60% { transform: scale(1.1) rotate(2deg); }
    100% { transform: scale(1.1) rotate(0deg); }
}

/* Texto hover - blanco brillante que destaca */
.content-nav-link:hover p.name-tag.content-text {
    background: linear-gradient(90deg, #fff, #ff3300, #fff, #ff0000, #fff);
    background-size: 400% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: fire-text-blaze 0.6s linear infinite;
    letter-spacing: 5px;
    filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.6));
}

@keyframes fire-text-blaze {
    0% { background-position: 0% center; }
    100% { background-position: 400% center; }
}

/* Aura hover - sube un poco */
.content-nav-link:hover .fire-aura {
    inset: -14px;
    background: radial-gradient(ellipse at center bottom,
        rgba(255, 0, 0, 0.15) 0%,
        rgba(200, 0, 0, 0.06) 40%,
        transparent 70%);
    animation: fire-aura-blast 0.8s ease-in-out infinite;
}

@keyframes fire-aura-blast {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.15); opacity: 0.7; }
}

/* Brasas hover - un poco mas visibles */
.content-nav-link:hover .ember {
    box-shadow: 0 0 6px 2px rgba(255, 0, 0, 0.6);
    animation-duration: 1.5s;
}

/* Responsive tablet */
@media screen and (max-width: 765px) {
    .content-nav-link {
        padding: 8px 14px !important;
    }

    .content-icon {
        font-size: 28px;
        margin-right: 4px;
        z-index: 10;
        position: relative;
    }

    p.name-tag.content-text {
        display: inline-block !important;
        font-size: 20px;
        letter-spacing: 3px;
        z-index: 10;
        position: relative;
    }
}

/* ====== MOBILE - FUEGO COMPACTO CON HOT VISIBLE ====== */
@media screen and (max-width: 480px) {
    .content-nav-link {
        padding: 4px 8px !important;
        min-height: 40px;
        flex-direction: column;
        gap: 0;
    }

    /* Icono protagonista */
    .content-icon {
        font-size: 22px;
        margin-right: 0;
        z-index: 10;
        position: relative;
        animation: flame-dance-mobile 0.8s ease-in-out infinite;
        filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.6));
    }

    @keyframes flame-dance-mobile {
        0% { transform: scale(1) rotate(0deg); }
        15% { transform: scale(1.2) rotate(-3deg); }
        30% { transform: scale(1) rotate(2deg); }
        45% { transform: scale(1.15) rotate(-2deg); }
        60% { transform: scale(1.05) rotate(1deg); }
        100% { transform: scale(1) rotate(0deg); }
    }

    /* HOT visible y destacado */
    .content-nav-link p.name-tag.content-text {
        display: inline-block !important;
        font-size: 11px;
        letter-spacing: 3px;
        top: 0;
        font-weight: 900;
        z-index: 10;
        position: relative;
        filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.7))
               drop-shadow(0 0 10px rgba(255, 30, 0, 0.4));
        -webkit-text-stroke: 0.3px rgba(255, 50, 0, 0.6);
        animation: fire-text-flow 1.5s linear infinite, hot-elastic-3d 3s ease-in-out infinite;
    }

    /* Badge 18+ siempre visible */
    .content-forbidden {
        font-size: 0.6rem !important;
        opacity: 0.7 !important;
        top: -4px;
        right: -5px;
    }

    /* Efectos de fondo sutiles */
    .fire-aura {
        inset: -6px;
        opacity: 0.3;
    }

    .content-nav-link::before {
        opacity: 0.05;
        transform: scale(1);
    }

    .content-nav-link::after {
        opacity: 0.3;
    }

    .ember {
        width: 2px;
        height: 2px;
        box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.3);
    }
}


/* Estaban sueltas dentro del bloque responsive del modal. */
@media screen and (max-width: 480px) {
    .publish-nav-link {
        padding: 10px 18px !important;
    }

    .publish-icon {
        font-size: 28px;
        margin-right: 8px;
    }

    .name-tag.publish-text {
        font-size: 15px;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 480px) {
    .publish-nav-link {
        padding: 8px 14px !important;
        min-height: 38px;
    }
    
    .publish-icon {
        font-size: 24px;
        margin-right: 6px;
    }
    
    /* Solo ocultar el texto del nav-link en el header, no en el modal */
    .publish-nav-link .publish-text {
        display: none;
    }
}