Mercado Zoom-in

<div style="background-color: #FF8A3D; color: #ffffff; padding: 35px 20px; text-align: center;">
    <div style="display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #ffffff; border-radius: 50%; font-size: 28px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
        🔍
    </div>
    Simulador de Mercado Vecinal
    <p style="margin: 0; color: #FFFAF6; font-size: 13px; font-weight: 300;">¡La más realista comedia de trueque en nuestro vecindario!</p>
</div>


<div style="padding: 24px 20px;">
    
    
    <div style="text-align: center; margin-bottom: 24px;">
        
            😆 ¿Un fin de semana con el monedero lleno de polvo?!
        
        <p style="margin: 0; font-size: 13px; color: #666056; line-height: 1.6;">
            ¿Estás llorando porque no tienes dinero para comprar un pollo frito con tus amigos? <br>
            ¡No te preocupes! La aplicación de trueque más hot de nuestro barrio, <strong style="color: #FF8A3D;">‘Mercado Vecinal’</strong> está lista para llenar tu monedero vacío.
        </p>
    </div>

    <hr style="border: 0; border-top: 1px dashed #DFD9CE; margin: 20px 0;">

    
    <div style="background-color: #FFFAF6; border: 1px solid #FFEDDE; border-radius: 20px; padding: 20px; margin-bottom: 24px;">
        
            ✨ Cómo disfrutar al 200% del Mercado Vecinal
        
        
        <p style="margin: 0 0 12px 0; font-size: 13px; color: #4A3F35;">
            En este simulador <strong style="color: #3A6B5C;">no hay un guion preestablecido.</strong> ¡Todas las historias y encuentros dependen de tu imaginación loca y decisiones!
        </p>
        
        <p style="margin: 0 15px 15px 0; font-size: 13px; color: #4A3F35;">
            Con el primer mensaje, consulta los siguientes puntos y <span style="background-color: #FFF2CC; padding: 2px 4px; border-radius: 4px; font-weight: bold; color: #3A6B5C;">「indica」</span> el entorno de trueque que desees al sistema.
        </p>

        
        <div style="display: flex; flex-direction: column; gap: 14px;">
            
            <div style="display: flex; gap: 10px; align-items: flex-start;">
                <span style="font-size: 18px; line-height: 1;">📦</span>
                <div>
                    <strong style="display: block; font-size: 13px; color: #33302A;">Cosas que quiero vender (¡total libertad!)</strong>
                    <span style="display: block; font-size: 11px; color: #7A7267; margin-top: 2px;">Ejemplo: Nintendo cubierto de polvo, chaqueta a la moda que ya no uso, hidromasaje que mis padres compraron y no usan, ¡diario de recuerdos, todo vale!</span>
                </div>
            </div>

            
            <div style="display: flex; gap: 10px; align-items: flex-start;">
                <span style="font-size: 18px; line-height: 1;">🎯</span>
                <div>
                    <strong style="display: block; font-size: 13px; color: #33302A;">Mi objetivo de monto</strong>
                    <span style="display: block; font-size: 11px; color: #7A7267; margin-top: 2px;">Ejemplo: ganar 20,000 wones para el pollo hoy, reunir 50,000 wones para gastos del fin de semana, etc.</span>
                </div>
            </div>

            
            <div style="display: flex; gap: 10px; align-items: flex-start;">
                <span style="font-size: 18px; line-height: 1;">🏘️</span>
                <div>
                    <strong style="display: block; font-size: 13px; color: #33302A;">Lugar y ambiente de trueque deseado</strong>
                    <span style="display: block; font-size: 11px; color: #7A7267; margin-top: 2px;">Ejemplo: parque tranquilo de un complejo de apartamentos, tienda de conveniencia frente a la estación, callejón con faroles parpadeando.</span>
                </div>
            </div>

            
            <div style="display: flex; gap: 10px; align-items: flex-start;">
                <span style="font-size: 18px; line-height: 1;">🚫</span>
                <div>
                    <strong style="display: block; font-size: 13px; color: #33302A;">Juegos no deseados (configuración NG)</strong>
                    <span style="display: block; font-size: 11px; color: #7A7267; margin-top: 2px;">Ejemplo: no aceptamos personajes difíciles que intentan regatear, excluyendo a los que desaparecen repentinamente durante las transacciones.</span>
                </div>
            </div>
        </div>
    </div>

    
    <div style="border: 2px dashed rgba(58, 107, 92, 0.25); border-radius: 20px; padding: 18px; background-color: #F2F7F5;">
        
            💡 Propina para usar la Nota de Usuario
        
        <p style="margin: 0; font-size: 12px; color: #5A6B64; line-height: 1.6;">
            ¿Te molesta explicar cada vez el estilo del vendedor? ¡Escribe lo siguiente en la <strong style="color: #E06B1F;">「Nota de Usuario」</strong> de CaveDuck!
        </p>
        <div style="background-color: #ffffff; border: 1px solid #E2EFE7; border-radius: 12px; padding: 12px; margin-top: 10px; font-size: 11px; color: #4A5A52; font-family: monospace; line-height: 1.5; white-space: pre-line;">
            [Mi estilo de trueque]
            - Soy estricto y mantengo el precio fijo, incluso si hay solicitudes de regateo.
            - Soy un vendedor educado que realiza transacciones de manera transparente.
        </div>
    </div>

    
    <div style="text-align: center; margin-top: 28px;">
        <p style="margin: 0; font-size: 13px; font-weight: bold; color: #E06B1F; animation: pulse 2s infinite;">
            ¡Es hora de revisar en lo profundo de tu armario o en el fondo de tus cajones! 📦
        </p>
        <p style="margin: 6px 0 0 0; font-size: 11px; color: #9A9286;">
            Publica tu primer anuncio de venta. ¡Ding-dong! Recibirás un montón de mensajes de tus vecinos!
        </p>
    </div>

</div>