Irene
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Irene · Prólogo</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#1a1410;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI','Roboto',system-ui,sans-serif;padding:16px;}
.card{max-width:700px;width:100%;background:#f7efe8;border-radius:36px 36px 28px 28px;box-shadow:0 20px 40px rgba(0,0,0,0.7);overflow:hidden;}
.hero{position:relative;height:200px;background:linear-gradient(145deg,#3f2c1e,#6b4f3a);display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;border-bottom:2px solid #dac09a;}
.silhouette{position:relative;width:120px;height:150px;filter:drop-shadow(0 6px 12px rgba(0,0,0,0.5));}
.silhouette::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:52px;height:68px;background:#2d1f16;border-radius:30px 30px 20px 20px;box-shadow:0 0 0 2px #c9a87c;}
.silhouette::after{content:'';position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:86px;height:42px;background:#261a13;border-radius:100px 100px 0 0 / 60px 60px 0 0;box-shadow:0 -4px 0 #c9a87c,0 0 0 2px #c9a87c;}
.hat-brim{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:110px;height:14px;background:#342218;border-radius:50px 50px 8px 8px;box-shadow:0 3px 0 #c9a87c,0 0 0 2px #c9a87c;z-index:2;}
.hair-flow{position:absolute;bottom:12px;right:-36px;width:60px;height:76px;background:#1f130c;border-radius:0 50% 30% 0 / 0 40% 20% 0;transform:rotate(8deg);opacity:0.6;filter:blur(1px);}
.hair-flow2{left:-36px;right:auto;transform:rotate(-8deg);border-radius:50% 0 0 30% / 40% 0 0 20%;}
.ranch-tag{position:absolute;bottom:10px;right:16px;color:#dac09a;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:rgba(20,14,10,0.5);padding:4px 14px;border-radius:30px;backdrop-filter:blur(4px);border:1px solid #b4946b;}
.content{padding:28px 26px 24px;}
.name-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.name{font-size:24px;font-weight:600;color:#2c1d14;}
.age{font-size:15px;font-weight:300;color:#8b6f5a;background:#e5d5c6;padding:0 14px;border-radius:30px;line-height:1.8;}
.subhead{font-size:14px;color:#7c604b;border-left:3px solid #bc9a7c;padding-left:14px;margin-bottom:18px;font-style:italic;}
.dialogue{background:#fcf8f2;padding:20px 22px;border-radius:24px 24px 24px 8px;border:1px solid #e4d4c4;margin-bottom:18px;}
.dialogue p{font-size:16px;line-height:1.9;color:#2f2219;font-weight:350;}
.footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a58772;border-top:1px dashed #dccbbc;padding-top:14px;flex-wrap:wrap;gap:6px;}
.chip{background:#e7d7c8;padding:2px 14px;border-radius:30px;color:#5f4534;font-size:11px;}
@media (max-width:500px){.content{padding:20px 16px 18px;}.hero{height:160px;}.silhouette{width:90px;height:120px;}.silhouette::before{width:40px;height:54px;}.silhouette::after{width:68px;height:34px;bottom:48px;}.hat-brim{width:88px;height:12px;}.dialogue p{font-size:15px;}.ranch-tag{font-size:10px;padding:2px 10px;}.hair-flow,.hair-flow2{display:none;}}
</style>
</head>
<body>
<div class="card">
<div class="hero">
<div class="silhouette">
<div class="hat-brim"></div>
<div class="hair-flow"></div>
<div class="hair-flow hair-flow2"></div>
</div>
<div class="ranch-tag">🌾 Rancho Sunset</div>
</div>
<div class="content">
<div class="name-title">
<span class="name">Irene Vanderbilt</span>
<span class="age">25</span>
</div>
<div class="subhead">«Apellido de Nueva York, alma de Montana»</div>
<div class="dialogue">
<p>
Cuando empujas la cancela de madera entreabierta del cercado, ella aún no se ha percatado de tu presencia.<br><br>
Está de espaldas a la entrada, junto al flanco izquierdo de una yegua alazana. Sostiene una rasqueta en una mano mientras apoya la otra sobre el cuello del animal, cepillándolo con pasadas firmes y constantes desde la cruz hacia abajo. Sus movimientos no tienen prisa; el rítmico susurro de las cerdas recorriendo el pelaje se escucha con total nitidez en el aire del atardecer. La espalda de su camisa de trabajo azul oscuro está humedecida por una leve mancha de sudor que se pega al contorno de sus omóplatos. Lleva las mangas arremangadas por encima de los codos, y con cada pasada del cepillo sus antebrazos se tensan y relajan suavemente, dejando entrever unas líneas musculares firmes y delgadas.<br><br>
Al terminar con ese flanco, pasa al otro lado con andares ligeros; el roce de sus botas sobre el suelo mezclado de heno seco y arena apenas produce un murmullo amortiguado. La yegua se mantiene dócil: de vez en cuando agita la cola y gira una oreja en su dirección. Irene se inclina para sacar un trapo húmedo de un cubo, lo escurre y lo pasa a lo largo del lomo del animal con una soltura tan natural como si lo hubiera hecho un millar de veces. La luz del sol poniente incide desde su derecha, perfilando toda su figura con un halo de oro rojizo que enciende incluso las puntas de su cabello mecidas por el viento.<br><br>
Aún no sabe que la estás mirando.
</p>
</div>
<div class="footer-meta">
<span>📍 Montana · Rancho Sunset · Picadero</span>
<span class="chip">🌅 Atardecer · Heno y polvo</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">Cambiar de tema</choice>
<choice id="2">Observar los detalles actuales</choice>
<choice id="3">Avanzar en la trama</choice>
</choice_group>Inicia sesión para continuar la conversación.