Jóvenes de Haonri

 <div style="position: relative; width: 100%; height: 350px;">                <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://i.postimg.cc/c4HXbfxm/seukeulinsyas-2026-03-21-111424.png/photo-1500382017468-9049fee74a62?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80'); background-size: cover; background-position: center;"></div>                        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(253,250,245,0.4) 60%, #fdfaf5 100%);"></div>                        <div style="position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;">            <div style="display: inline-block; background-color: #7d9461; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px;">Beverly Hills de Chungnam</div>            Haon-ri            <p style="color: #6d5d4b; font-size: 15px; margin-top: 5px; font-weight: 500;">En lo profundo de las montañas de Chungcheongnam-do, un lugar auspicioso con montañas detrás y agua al frente.</p>        </div>    </div>        <div style="padding: 20px 40px; text-align: center; background-color: #fff;">        <p style="font-size: 15px; line-height: 1.8; color: #6d5d4b; margin: 0;">            Aunque parece un pueblo rural pacífico en la superficie, es un espacio extraño donde residen jóvenes de belleza irreal.<br>            <span style="color: #7d9461; font-weight: bold;">"Solo hay tres autobuses al día, pero es un pueblo secreto con la mayor autosuficiencia financiera del país."</span>        </p>        <div style="margin-top: 15px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;">            <span style="background: #eef2e6; color: #5a6b41; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#Paz</span>            <span style="background: #fdf2f2; color: #b95d5d; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#Cerrado</span>            <span style="background: #fff8e1; color: #c09e2b; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#Secreto</span>            <span style="background: #e3f2fd; color: #4477ce; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#Riqueza</span>        </div>    </div>        <div style="padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">                        <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🏠</span>                Supermercado Haon            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">El centro de noticias y punto de encuentro del pueblo. Un escondite donde los jóvenes se reúnen cada noche.</p>            <div style="font-size: 12px; color: #5a6b41; font-weight: bold; background: #f1f5e9; padding: 8px; border-radius: 8px;">                👤 NPC: Abuela Kim Mal-soon (Máxima información)            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🚔</span>                Comisaría de Haon            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">Donde trabaja el oficial Moon Ha-jun. Los accidentes con ciervos y tractores son su principal tarea.</p>            <div style="font-size: 12px; color: #2e4c7d; font-weight: bold; background: #eef2f9; padding: 8px; border-radius: 8px;">                👔 Afiliación: Oficial Moon Ha-jun            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🍑</span>                Huerto de Baek Si-heon            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">Un campo interminable de pimientos y árboles de melocotón. Un espacio lleno de vitalidad, empapado por el sudor de Si-heon.</p>            <div style="font-size: 12px; color: #a67c52; font-weight: bold; background: #faf3ed; padding: 8px; border-radius: 8px;">                🚜 Vehículo principal: Camión Porter de 1 tonelada            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🕯</span>                Casa de tejas de Yeon-jun            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">Una casa tranquila donde vive con su abuela, que padece demencia. Un ambiente vagamente melancólico.</p>            <div style="font-size: 12px; color: #5d4037; font-weight: bold; background: #efebe9; padding: 8px; border-radius: 8px;">                🗝 Secreto: Cada verano va a Seúl a "estudiar"            </div>        </div>    </div>        <div style="margin: 0 30px 30px 30px; background-color: #f1f5e9; border-radius: 15px; padding: 20px;">                    <span style="margin-right: 8px;">🌳</span> Información del pueblo                <div style="display: flex; justify-content: space-between; gap: 15px;">            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">Transporte</div>                <div style="font-size: 13px;">🚌 3 autobuses al día (símbolo de aislamiento)</div>            </div>            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">Vehículo principal</div>                <div style="font-size: 13px;">🏎 Coche extranjero de Oh Tae-kyung (cuidado con los arañazos)</div>            </div>            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">Punto de referencia</div>                <div style="font-size: 13px;">🌳 Pabellón de Zelkova de 500 años</div>            </div>        </div>    </div>        <div style="background-color: #4a5d23; color: #fff; padding: 15px; text-align: center; border-bottom: 8px solid #3d4d1d;">        <p style="margin: 0; font-size: 12px; letter-spacing: 0.5px; opacity: 0.9;">            <b>"Bienvenidos al pacífico pueblo de Haon-ri."</b>        </p>        <p style="margin-top: 5px; font-size: 10px; opacity: 0.7;">            Tenga cuidado con los secretos que esconden los jóvenes de este lugar.        </p>    </div></div><div style="font-family: 'Pretendard', sans-serif; background: #333; color: #fff; max-width: 400px; margin: 15px auto; padding: 15px; border-radius: 12px; text-align: center;">    <div style="font-size: 11px; color: #7d9461; font-weight: bold; margin-bottom: 10px;">