<font color="black">
<font face="OpenDyslexic">
<h1 align="center"><i>Capítulo 2</i></h1>
<h2 align="center">El misterioso “R”</h2>
<img src="imagenes/Rumano.png" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[LA AVENTURA CONTINÚA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 2.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari-</span>
Javier habla muy rápido y Federica interviene para que yo entienda lo que me cuenta. Como les dije antes, Javier vuelve al barco cuando se descubre en una foto junto a los gemelos, que miran cómo la selección rumana se entrena. ¡Sí, el barco era tan grande que se construyó una especie de cancha para que los jugadores practicarán! Así que se sienta junto a los gemelos y Tomassino le cuenta que hay rumores sobre un misterioso emigrante, conocido como El Kaiser, y que deben estar atentos. ¿Qué está tramando ese hombre? Entonces notan que Josephine, que también estaba mirando el entrenamiento, se levanta y sale. Como los tres son muy curiosos, la siguen y ven que ella golpea en la cabina del capitán y entra. La puerta queda un poquito abierta: el capitán está escribiendo algo en un cuadernito de tapas oscuras, que guarda rápidamente en la caja fuerte. No comprenden de qué hablan, pero lo del cuadernito les llama la atención.
También les gustaría saber por qué Josephine fue a hablar con él. Hay algo raro allí. Por eso deciden que, cuando todos estén durmiendo, van a ir a la cabina del capitán a leer el cuadernito.
</p>
<img src="imagenes/Capitan.jpg" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[LA CABINA DEL CAPITÁN]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 21.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:#790C4B;">Javier -</span>
─Fue impresionante...Todo estaba en silencio y a oscuras. Caminamos en puntas de pie por los pasillos y nadie nos vio. Entramos a la cabina del capitán, que dormía profundamente y no nos escuchó. El uniforme y la gorra de marino estaban en una silla, tan lisitos, que parecían sin uso. Pero el problema era la caja fuerte. Si queríamos leer lo que había escrito, teníamos que abrirla.
</p>
<img src="imagenes/Habitación.png" alt="Trulli" width="570" height="600">
<p style="color:black;">
<span style="color:green;">Federica </span>
─Nada fácil...como sabrás, para abrir una caja fuerte tenés que saber la clave, que es una combinación de números. Ese es el código. Es secreto, claro. ¡Muy, pero muy secreto! ¡Solamente el capitán la conocía!
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari-</span>
Me mira para asegurarse de que comprendí claramente lo difícil que era el asunto.
<p style="color:black;">
<span style="color:green;">Federica </span>
─Pero Javier lo logró. Hizo un par de intentos… y de pronto: clic, la caja se abrió
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¿Y qué pasó?
Me puse nerviosa y empecé a dar vueltas por la salita.
</p>
<div class="grupo-botones">
<button class="button">
[[LA CARTA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 22.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari-</span>
Traté de imaginarme la situación. Todo oscuro, noche cerrada; el capitán durmiendo en la cama que al más mínimo ruido puede despertarse, y los tres tratando de abrir la caja fuerte. ¡Vaya situación!
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier -</span>
─Adentro había una carta, la tomé y comencé a leer. Estaba en italiano, claro, pero algo entendí. Y lo que más me llamó la atención fue que cada tanto mencionaba a alguien por una inicial, R. ¿Pero quién era R y por qué era tan importante?─
</p>
<div class="grupo-botones">
<button class="button">
[[R: "LA NOVIA DEL CAPITÁN"]]
</button>
<button class="button">
[[R: "ABECEDARIO ANTIGUO"]]
</button>
<button class="button">
[[R: "APELLIDO DEL ENTRENADOR"]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 23.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari-</span>
R es la inicial de la novia del capitán del Conte Verde, una misteriosa mujer siempre vestida de colores claros, de pantalón amplio (una novedad para la época) y con un pañuelo al cuello. También usa una capelina que le oculta parcialmente el rostro. Las pocas personas que la han visto, dicen que sus ojos son verdes, pero que cambian de color según su estado de ánimo.
</p>
<div class="grupo-botones">
<button class="button">
[[R: "APELLIDO DEL ENTRENADOR"]]
</button>
<button class="button">
[[R: "ABECEDARIO ANTIGUO"]]
</button>
<button class="button">
[[OTRA VEZ EN 2030]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 24.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari-</span>
De acuerdo al abecedario español de aquella época, la R representa el número 20. Ese número es importante en la continuación de esta historia.
En numerología, las personas que son “20” son buenos consejeros, se ponen en el lugar de los otros, son buenos amigos, solidarios. Son detallistas, atentas, sinceras. Tienen una gran capacidad afectiva y suelen tener el ánimo suficiente, y las ganas, para solucionar todos los problemas que pueden surgir en la vida.
</p>
<div class="grupo-botones">
<button class="button">
[[R: "APELLIDO DEL ENTRENADOR"]]
</button>
<button class="button">
[[R: "LA NOVIA DEL CAPITÁN"]]
</button>
<button class="button">
[[OTRA VEZ EN 2030]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 26.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari-</span>
R es la inicial del apellido de “Costel” Radulescu, entrenador de la selección rumana.
El verdadero nombre es Constantin, y antes de ser el entrenador de la selección fue jugador de fútbol hasta 1923. Después ocupó otros cargos, como dirigente y árbitro. En 1928 se convirtió en el entrenador de la selección rumana, y estuvo a su frente hasta 1938.
</p>
<div class="grupo-botones">
<button class="button">
[[R: "ABECEDARIO ANTIGUO"]]
</button>
<button class="button">
[[R: "LA NOVIA DEL CAPITÁN"]]
</button>
<button class="button">
[[OTRA VEZ EN 2030]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 25.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¿Y entonces?
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Cuando salimos… “aterricé” en mi casa. Como te dije, una vez que cumplía con una misión, volvía a mi tiempo y a mi barrio. Estaba otra vez en 2030 ─
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¿Y nunca tuviste miedo de quedar atrapado en 1930? ¿Y si no podías volver?
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Bueno, sí. La verdad es que cada tanto me venía miedo. Pero si tenés miedo y te paralizás, no resolvés nada, ¿no? Así que pensé: bueno, si me quedo atrapado acá, ya veré cómo resuelvo el asunto. Además, Federica me apoyaba todo el tiempo. Nos mandábamos mensajes por Whatsapp todo el tiempo. Algo se nos iba a ocurrir
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─Yo me hubiera muerto de los nervios ─les digo entonces y es verdad. Quedar atrapada en el pasado no es algo que me llame mucho la atención.
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─¡Entonces, no podés vivir una aventura! ¡Con razón sos escritora! Así es muy fácil. Te imaginás aventuras, pero son de mentira. Lo nuestro es de verdad. Una aventura de verdad.
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─Tenés razón. Pero es así. Nunca me pasó algo como a ustedes. ¿Y cómo siguió todo? ¡Cuenten!
</p>
<div class="grupo-botones">
<button class="button">
[[DE VUELTA A 1930]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 27.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color:black;">
<span style="color:green;">Federica </span>
─Javier pensaba que tenían que saber quién era ese R y por qué era importante. Para eso debía volver al barco ─
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¡No me digan nada! ¿Buscaron otra foto a ver si estaba allí?
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Tal cual. Y la encontramos. Tuvimos mucha suerte, porque cuando estábamos revolviendo las cajas, se cortó la luz y no veíamos nada.
</p>
<div class="grupo-botones">
<button class="button">
[[LINTERNA DEL CELULAR]]
</button>
<button class="button">
[[EL FAROL]]
</button>
<button class="button">
[[LA LUZ DE LA VELA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 27a.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color:black;">
<span style="color:green;">Federica </span>
-Por suerte, nos salvó la linterna del celu ─
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Federica la encontró la fotografía ─él, la mira con admiración.
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─Y como siempre… desapareció ─
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Y llegué a 1930. Creo que a los gemelos no les llamó la atención que yo cada tanto desapareciera, porque allá abajo todo es bastante misterioso y nadie pregunta nada. Los encontré en el camarote, el 23, y les pedí que me contaran su historia. Un poco Tomassino y otro poco Antonella, entre los dos me dijeron que eran huérfanos y que la madre les dijo que fueran a Uruguay, a buscar a un tal Crosa Pinerolo, que era un pariente lejano, que se ocuparía de ellos. Yo les dije que los podía ayudar. Y estábamos en eso cuando escuchamos unos golpecitos en la puerta. ¡Nos pegamos un susto bárbaro! Antonella se escondió debajo de la cucheta, y Tomassino y yo fuimos a abrir. ¿Y sabés quién estaba allí, delante de nuestras narices? ─
</p>
<img src="imagenes/puerta abierta.jpg" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[EL MISTERIOSO "R"]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 27d.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
Por la ventana entra la luz brillante y plateada de la luna, que parece un farol. En el altillo, la luz atraviesa la ventana y a Javier le parece que es un puente a otra dimensión. Se queda prendado de la visión y casi olvida lo que debe hacer. Después se pellizca para salir de la ensoñación que la luz de la luna le provocó y vuelve en sí. Es hora de trabajar y no de soñar, se rezonga.
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Federica la encontró la fotografía ─
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─Y como siempre… desapareció ─
<div class="grupo-botones">
<button class="button">
[[EL CAMAROTE DE LOS GEMELOS]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 27c.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
En ese preciso momento, Javier se pone a revolver uno de los cajones, y se da cuenta de que toca algo de textura grasosa. Eureka, encuentra una vela muy vieja, ya bastante consumida. Con suerte… podrá iluminar lo necesario. El problema es que en la caja de fósforos solo queda un fósforo, y la caja es vieja y gastada. Javier cruza los dedos y se dice: “Vamos, que podés”; cierra los ojos y contiene el aliento. La mano le tiembla un poco. El fósforo hace el ruido típico cuando rasca el cartón rasposo… y ahí está: una llamita débil que acerca a la vela. No da mucha luz, pero sí la suficiente. Respira con alivio.
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Federica la encontró la fotografía ─
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─Y como siempre… desapareció ─
</p>
<div class="grupo-botones">
<button class="button">
[[EL CAMAROTE DE LOS GEMELOS]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 27b.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Y llegué a 1930. Creo que a los gemelos no les llamó la atención que yo cada tanto desapareciera, porque allá abajo todo es bastante misterioso y nadie pregunta nada. Los encontré en el camarote, el 23, y les pedí que me contaran su historia. Un poco Tomassino y otro poco Antonella, entre los dos me dijeron que eran huérfanos y que la madre les dijo que fueran a Uruguay, a buscar a un tal Crosa Pinerolo, que era un pariente lejano, que se ocuparía de ellos. Yo les dije que los podía ayudar. Y estábamos en eso cuando escuchamos unos golpecitos en la puerta. ¡Nos pegamos un susto bárbaro! Antonella se escondió debajo de la cucheta, y Tomassino y yo fuimos a abrir. ¿Y sabés quién estaba allí, delante de nuestras narices? ─
</p>
<img src="imagenes/puerta abierta.jpg" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[EL MISTERIOSO "R"]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/parte28.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─Ni idea. Vamos, decime. ¿Quién?
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─¡¡¡R!!! ─Javier acompaña el grito de Federica con una risa
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari-</span>
De la emoción, no se me ocurre qué decir.
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Dijo que teníamos que darle un mensaje al capitán. Algo muy importante. No nos dijo su nombre, solo que era rumano, como el rey Carol II, y que había un plan para asesinarlo. Eso le teníamos que decir al capitán ─
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¿Y por qué no se lo decía él? ¿Por qué ustedes?
Javier me mira como si yo fuera un poco tonta… era obvio por qué.
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─Porque R, el rumano, se hacía pasar por un emigrante; nadie sabía que era un hombre del rey Carol II. Y si en el piso de los emigrantes eso se sabía, ya no podría defender al rey. Así que nadie podía sospechar. Y fuimos a hablar con el capitán y le contamos todo-
</p>
<img src="imagenes/Rumano2.jpg" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[LOS HÉROES DEL BARCO]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 28c.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¡Como en las películas! ¿Y qué pasó?
</p>
<p style="color: black;">
<span style="color:#790C4B;">Javier </span>
─El capitán dijo que era un asunto peligroso y que se ocuparía. Y así fue. Durante el almuerzo, hombres de la tripulación detuvieron a los que querían matar al rey. Así se salvó y pudo volver a su país. Hubo corridas, gritos, peleas, en fin. No fue tan fácil como te lo cuento, claro ─
</p>
<img src="imagenes/Atrapan.jpg" alt="Trulli" width="570" height="600">
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¡Misión cumplida! ─
</p>
<p style="color:black;">
<span style="color:green;">Federica </span>
─Así volvimos a 2030…
</p>
<p style="color: black;">
<span style="color:Blue;">Ana Solari</span>
─¡Pero son unos héroes! Los felicito. Supongo que se acerca el final, ¿no?
Javier y Federica se ríen al mismo tiempo.
<p style="color:black;">
<span style="color:green;">Federica </span>
─Todavía no. Los problemas siguieron ─
<button class="button">
[[Revivi el Capítulo|1930: EL VIAJE]]
</button>
</div>
<div class="grupo-botones">
<button class="button">
<a href='https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_3/' target="_blank">
Capítulo 3
</button>
</a>
</div>
<audio controls class="audio-prueba">
<source src="Musica/Parte 29.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !important;
border-radius: 8px !important;
box-shadow: 0.25rem 0.25rem #000000;
margin-bottom: 20px !important;
}
/* Fin estilos imágenes */
/* Estilos audios */
.audio-prueba {
display: flex !important;
justify-content: center !important;
margin: auto;
margin-bottom: 20px !important;
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
background-color: #56AEFF;
transform: translate(-0.25rem,-0.25rem);
box-shadow: 0.25rem 0.25rem #000000;
margin-top: 15px;
}
audio::-webkit-media-controls-panel {
background-color: #56AEFF;
}
.texto-audio {
width: 100%;
font-size: 14px;
margin: -25px 0 10px 0;
}
/* Fin de estilos audio */
/* Estilos botones */
.grupo-botones {
position: relative;
bottom: 0;
width: 100%;
}
.button {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
padding: 0.8em 2em;
transform: translate(-0.25rem,-0.25rem);
background: var(--hover-bg);
box-shadow: 0.25rem 0.25rem var(--bg);
transition: 0.2s;
display: flex !important;
justify-content: center !important;
margin: auto !important;
margin-bottom: 20px !important;
width: 100%;
font-family: OpenDyslexic;
font-size: 16px;
}
.button:hover {
color: var(--hover-text);
background: var(--bg);
transform: translate(0rem,0rem);
box-shadow: none;
}
.button:active {
transform: translate(0);
box-shadow: none;
}
.button a{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
font-family: "OpenDyslexic";
width: 100%;
}
.button a:hover{
color: white !important;
background: none !important;
text-decoration-color: white !important;
font-weight: bold !important;
}
/* Fin estilos botones */
[continued]