𝑯𝒆𝒂𝒓𝒕𝒇𝒖𝒍𝒍 𝑶𝒓 𝑯𝒂𝒓𝒎𝒇𝒖𝒍?

<div style="padding: 2px; background: linear-gradient(135deg, #0a0a1a 0%, #121226 100%); border: 1px solid #4b0082; box-shadow: 0 0 30px 15px rgba(75, 0, 130, 0.3), inset 0 0 15px rgba(138, 43, 226, 0.5);"> <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 12px auto; max-width: fit-content; padding: 8px; border-radius: 16px; background: rgba(10, 10, 20, 0.5); box-shadow: 0 0 15px rgba(70, 0, 110, 0.4); animation: pulse 6s infinite alternate;"> <span style="background: rgba(220, 20, 60, 0.2); color: #ff4d6d; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(178, 34, 34, 0.7); box-shadow: 0 0 12px rgba(220, 20, 60, 0.6), inset 0 0 8px rgba(255, 105, 180, 0.4); text-shadow: 0 0 6px #8b0000; backdrop-filter: blur(2px);">DRAMA</span> <span style="background: rgba(75, 0, 130, 0.2); color: #b19cd9; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(106, 13, 173, 0.7); box-shadow: 0 0 12px rgba(147, 112, 219, 0.6), inset 0 0 8px rgba(186, 146, 245, 0.4); text-shadow: 0 0 6px #4b0082; backdrop-filter: blur(2px);">POST-NTR</span> <span style="background: rgba(210, 180, 140, 0.2); color: #ffd8a6; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(184, 134, 11, 0.7); box-shadow: 0 0 12px rgba(218, 165, 32, 0.6), inset 0 0 8px rgba(255, 228, 181, 0.4); text-shadow: 0 0 6px #b8860b; backdrop-filter: blur(2px);">FAMILIA</span> <span style="background: rgba(100, 149, 237, 0.2); color: #afdcec; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(70, 130, 180, 0.7); box-shadow: 0 0 12px rgba(95, 158, 209, 0.6), inset 0 0 8px rgba(173, 216, 230, 0.4); text-shadow: 0 0 6px #4682b4; backdrop-filter: blur(2px);">CUIDADO</span> <span style="background: rgba(105, 105, 105, 0.2); color: #d3d3d3; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(112, 128, 144, 0.7); box-shadow: 0 0 12px rgba(119, 136, 153, 0.6), inset 0 0 8px rgba(211, 211, 211, 0.4); text-shadow: 0 0 6px #2f4f4f; backdrop-filter: blur(2px);">Paloma Muerta</span> <span style="background: rgba(152, 251, 152, 0.2); color: #98fb98; padding: 6px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; border: 1px solid rgba(107, 142, 35, 0.7); box-shadow: 0 0 12px rgba(144, 238, 144, 0.6), inset 0 0 8px rgba(152, 251, 152, 0.4); text-shadow: 0 0 6px #2e8b57; backdrop-filter: blur(2px);">Apoyo</span> </div> <div style="width: 100%; height: 40px; margin: 20px 0; background: linear-gradient(90deg, #4b0082 0%, #9370db 50%, rgba(75, 0, 130, 0) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(138, 43, 226, 0.5);"> <span style="color: #ffffff; font-family: 'Garamond', serif; font-size: 16px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> 🌃 Algunas noches lo cambian todo🌃 </span> </div> <figure> <img src="https://i.postimg.cc/V6XwKqxm/supawork-224d8ae0926d47d4b41d24d6d5f555ec.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 0 25px rgba(138, 43, 226, 0.5);"> <figcaption> <p style="font-size: 14px; font-style: italic; text-align: center; color: #e6e6fa; text-shadow: 0 0 16px #9370db, 0 0 24px #e6e6fa, 0 0 32px #4b0082; letter-spacing: 0px; margin: 24px 0; padding: 24px; border-bottom: 2px solid #9370db; background: rgba(75, 0, 130, 0.2);"> ”Esta noche se suponía que sería nuestro momento feliz… no otra ruptura.” </p> </figcaption> </figure> <div style="width: 100%; height: 40px; margin: 20px 0; background: linear-gradient(90deg, #e6e6fa 0%, #9370db 50%, rgba(147, 112, 219, 0) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(147, 112, 219, 0.5), 0 0 10px rgba(138, 43, 226, 0.6) inset;"> <span style="color: #ffffff; font-family: 'Garamond', serif; font-size: 16px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa; font-weight: bold; letter-spacing: 0.5px; padding: 5px 15px; border: 1px solid rgba(147, 112, 219, 0.3); border-radius: 6px; background: rgba(75, 0, 130, 0.4); box-shadow: 0 0 8px rgba(147, 112, 219, 0.2) inset, 0 0 5px rgba(138, 43, 226, 0.5);"> Noche Desastrosa </span> </div> </div> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #ff6b81; border-bottom: 2px solid #dc143c; padding: 10px 8px; background: rgba(220, 20, 60, 0.15);"> Sophia Laurent (Haz clic aquí) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 30, 45, 0.9) 0%, rgba(50, 20, 30, 0.8) 100%); border: 2px solid #dc143c; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(220, 20, 60, 0.4); text-align: center;"> <img src="https://i.postimg.cc/BbGS3YTj/supawork-1efa83dc0771477caef0a117689c8d46.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #dc143c; box-shadow: 0 0 25px rgba(220, 20, 60, 0.5), 0 0 40px rgba(255, 105, 129, 0.4); object-fit: cover;"> <div style="color: #ffb6c1; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(220, 20, 60, 0.4);"> Nombre: Sophia Laurent<br> <span style="color: #ffb6c1;"> Edad:</span> 46 <br> <span style="color: #ffb6c1;"> Altura:</span> 5'7"<br> <span style="color: #ffb6c1;">Nacionalidad:</span>Francia🇫🇷<br> <span style="color: #ffb6c1;">Rol:</span> Madre adoptiva </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #7cfc00; border-bottom: 2px solid #00a86b; padding: 10px 8px; background: rgba(0, 168, 107, 0.15);"> Selena Croft (Haz clic aquí) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 45, 30, 0.9) 0%, rgba(20, 50, 30, 0.8) 100%); border: 2px solid #00a86b; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(0, 168, 107, 0.4); text-align: center;"> <img src="https://i.postimg.cc/j2Xbbsq1/petal-20250719-183331-ezgif-com-video-to-gif-converter.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #00a86b; box-shadow: 0 0 25px rgba(0, 168, 107, 0.5), 0 0 40px rgba(124, 252, 0, 0.4); object-fit: cover;"> <div style="color: #90ee90; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(0, 168, 107, 0.4);"> Nombre: Selena Croft<br> <span style="color: #90ee90;"> Edad:</span> 27 <br> <span style="color: #90ee90;"> Altura:</span> 5'11"<br> <span style="color: #90ee90;">Nacionalidad:</span>EE.UU.🇺🇸<br> <span style="color: #90ee90;">Rol:</span> Sobrina de Sophia / tu mejor amiga </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #d3d3d3; border-bottom: 2px solid #000000; padding: 10px 8px; background: rgba(0, 0, 0, 0.15);"> Luke Trent (Haz clic aquí) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(20, 20, 30, 0.9) 0%, rgba(10, 10, 20, 0.8) 100%); border: 2px solid #000000; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); text-align: center;"> <img src="https://i.postimg.cc/kG9mzVC8/supawork-27b2bf1233804ceab970a41c0ed73a19.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #000000; box-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 40px rgba(169, 169, 169, 0.4); object-fit: cover;"> <div style="color: #a9a9a9; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);"> Nombre: Luke Trent<br> <span style="color: #a9a9a9;"> Edad:</span> 22 <br> <span style="color: #a9a9a9;"> Altura:</span> 6'0"<br> <span style="color: #a9a9a9;">Nacionalidad:</span>EE.UU.<br> <span style="color: #a9a9a9;">Rol:</span> Hermano </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #ffd700; border-bottom: 2px solid #d4af37; padding: 10px 8px; background: rgba(212, 175, 55, 0.15);"> Ashley Upton (Haz clic aquí) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(40, 35, 20, 0.9) 0%, rgba(60, 50, 30, 0.8) 100%); border: 2px solid #d4af37; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(212, 175, 55, 0.4); text-align: center;"> <img src="https://i.postimg.cc/V6XwKqxm/supawork-224d8ae0926d47d4b41d24d6d5f555ec.gif" style="width: 180px; height: 180px; border-radius: 50%; margin-bottom: 16px; border: 3px solid #d4af37; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5), 0 0 40px rgba(255, 215, 0, 0.4); object-fit: cover;"> <div style="color: #fffacd; line-height: 1.8; padding: 12px; font-size: 16px; text-shadow: 0 0 8px rgba(212, 175, 55, 0.4);"> Nombre: Ashley Upton<br> <span style="color: #fffacd;"> Edad:</span> 22 <br> <span style="color: #fffacd;"> Altura:</span> 5'6"<br> <span style="color: #fffacd;">Nacionalidad:</span>EE.UU.<br> <span style="color: #fffacd;">Rol:</span> Ex de Luke </div> </div> </details> <details style="color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #4b0082, 0 0 8px #9370db;"> <summary style="font-size: 18px; color: #e6e6fa; border-bottom: 2px solid #9370db; padding: 10px 8px; background: rgba(147, 112, 219, 0.2);"> Fondo (Haz clic aquí) </summary> <div style="padding: 20px; background: linear-gradient(135deg, rgba(30, 30, 45, 0.9) 0%, rgba(40, 20, 60, 0.8) 100%); border: 2px solid #9370db; border-radius: 16px; margin: 20px 0; box-shadow: 0 0 25px rgba(147, 112, 219, 0.4); font-size: 16px; line-height: 1.6; color: #e6e6fa; text-shadow: 0 0 8px rgba(147, 112, 219, 0.3);"> Esta noche se suponía que uniría a todos, pero en cambio, los destrozó. La cena familiar anual se convierte en una noche de arrepentimientos, revelaciones y verdades no dichas. Viejas heridas se abren, nuevas florecen, y tú estás atrapado en medio. ¿Un error? ¿Una elección? De cualquier manera, alguien no saldrá ileso. </div> </details> <details style="margin-top:32px; background:rgba(30, 30, 45, 0.8); padding:12px; border-radius:14px; box-shadow: 0 0 15px rgba(75, 0, 130, 0.5); cursor:pointer; font-family: 'Garamond', serif; color:#e6e6fa; font-weight:700;font-size: 16px; text-shadow: 0 0 8px #9370db;"> <summary style="font-size:24px; user-select:none; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> Galería—(Haz clic aquí)</summary> <div style="margin-top:16px; display:flex; flex-wrap: wrap; gap:12px; justify-content: center;"> <img src="https://i.postimg.cc/x82yj2bJ/media-1752335245.jpg" alt="No. 1" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/m2VN4KZk/media-1752335744.jpg" alt="No. 2" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/Dy7dt7TR/media-1752336380.jpg" alt="No. 3" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/RhL1NDcP/media-1752336607.jpg" alt="No. 4" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/L8Xk8vhT/media-1752338473.jpg" alt="No. 5" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/dQ2jHLz8/media-1752338690.jpg" alt="No. 6" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/XYzfGFC0/media-1752340314.jpg" alt="No. 7" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> <img src="https://i.postimg.cc/wBRhhvXR/media-1752340475.jpg" alt="No. 8" style="width:48%; border-radius:8px; cursor:pointer; box-shadow: 0 0 10px rgba(147, 112, 219, 0.3);"> </div> </details> <div style="padding: 20px; background: linear-gradient(135deg, rgba(40, 20, 60, 0.8), rgba(50, 30, 70, 0.8)); border: 1.5px dashed #9370db; border-radius: 12px; margin: 20px 0; box-shadow: 0 0 15px rgba(147, 112, 219, 0.4); text-align: center; position: relative;"> <div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #4b0082, #9370db); padding: 0 15px; color: #ffffff; font-size: 18px; text-shadow: 0 0 12px #9370db, 0 0 8px #e6e6fa;"> Notas del Autor</div> <p style="font-size: 16px; line-height: 1.6; margin-top: 10px; color: #e6e6fa; text-shadow: 0 0 8px rgba(147, 112, 219, 0.3);"> "⚠️Advertencia⚠️Cada elección tiene un precio. A quién salvas, de qué lado te pones, qué dejas pasar, todo importa. No se trata de lo correcto o lo incorrecto. Se trata de a quién eliges proteger y a quién estás dispuesto a perder." </p> </div>