body {
      margin: 0;
      padding: 0;
      background-color: #111; /* Fondo oscuro, como la habitación */
      /* Usamos la fuente "UI" para el link de volver */
      font-family: 'Segoe UI', 'Roboto', sans-serif; 
    }

    /* 2. EL MARCO FIJO (LA TEMÁTICA) */
    .tv-bezel-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;

      /* Simula la carcasa de plástico con un borde */
      border: 30px solid #3a3a3a;
      
      /* La forma curva de la TV */
      border-radius: 60px / 90px;

      /* La sombra del "tubo" (viñeta) */
      box-shadow: 
        inset 0 0 60px 20px rgba(0,0,0,0.7), /* Sombra interna principal */
        0 0 40px rgba(0,0,0,0.5); /* Sombra externa para despegarlo */

      /* ¡CLAVE! Permite hacer click y scroll "a través" del marco */
      pointer-events: none;
      
      /* Asegura que esté por encima de todo */
      z-index: 10;
    }

    /* 3. EL CONTENIDO SCROLLEABLE (LA LECTURA) */
    .scrollable-content {
      /* Añadimos padding para que el texto no se oculte 
         DE ENTRADA bajo el marco */
      padding: 40px; 
      
      /* Hacemos que tenga su propio scroll */
      overflow-y: auto; 
    }
    
    /* 4. TUS ESTILOS DE LECTURA (SOBRIOS) */
    .cuento {
      /* Usamos tus estilos originales */
      font-family: 'Times New Roman', sans-serif;
      max-width: 800px;
      margin: 2rem auto;
      padding: 2rem 3rem;
      background-color: #f9fafb;
      color: #1f2937;
      font-size: 20px;
      line-height: 1.6; /* Un poco más de aire que 1.5 */
      
      /* Sombra sutil para despegar el "papel" */
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      border-radius: 8px; /* Bordes suaves para la hoja */
    }

    .cuento h1 {
      font-family: 'Segoe UI', 'Roboto', sans-serif;
      color: #4f46e5;
      font-size: 3.5rem; /* Un poco más chico que 4rem */
      margin-bottom: 1rem;
    }

    .cuento p {
      line-height: 1.7;
      margin-bottom: 1.2rem;
    }

    /* 5. TUS OTROS ELEMENTOS, ADAPTADOS */
    .back-link {
      display: block;
      max-width: 800px;
      margin: 0 auto; /* Centrado con el cuento */
      margin-bottom: 1rem;
      font-weight: 600;
      color: #f0f0f0; /* Color blanco/gris para leerse sobre el fondo #111 */
      text-decoration: none;
      font-size: 1.1rem;
    }
    .back-link:hover {
      text-decoration: underline;
    }

    .comment-form {
      max-width: 800px;
      margin: 2rem auto;
      padding: 1.5rem 2rem;
      background: #eef2ff; /* Un color lavanda claro que combina */
      border-radius: 8px;
    }
    .comment-form h2 {
      font-family: 'Segoe UI', 'Roboto', sans-serif;
      color: #4f46e5;
      margin-top: 0;
    }